@charset "UTF-8";
img, object, video {max-width:100%; border:0; }
h1 {text-align:center; line-height: 1.2em; font-size:1.5em;}
a {color:#B30; text-decoration:none; border:0;}
a:hover {text-decoration:underline;}
body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}
.oneColLiqCtrHdr #container {
	width: 99%;  /* this will create a container 80% of the browser width */
	background: #FFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
.oneColLiqCtrHdr #header img.logo {margin:10px 0 10px 5px;}

#header #global-nav { width:100%; xdisplay:inline-block; text-align:right; border-bottom: 1px solid #c02; 
}
#header #global-nav a {margin: 0 7px; text-decoration:none; color:#666;font-size: .8em; border:none;}
#header #global-nav a:hover {color:#000;}
.oneColLiqCtrHdr #header h1 {
	clear:both;
	margin: 0; 
	padding: 10px 0;
	font-style:italic;
}


.oneColLiqCtrHdr #mainContent {
	padding: 0 10px;
	background: url(images/Help_button-sm-bkg.jpg) no-repeat;
}
#mainContent h1.tag {margin: 30px auto 0px; display: inline-block; width: 100%;}

#mainLeft {margin-top: 35px;}
#emergency-list {background:#eee;padding:5px 10px 10px 10px;position:relative; margin: 30px -10px;}
#emergency-list h3 {text-align:left; margin:.8em 0 .4em 0; color:#C02;}
#emergency-list h5 {text-align:left; margin:1em 0 0 0; }
#emergency-list img.helpbutton { display:none;}


#resource-list-wrapper {margin: 30px 0;}
#resource-list-wrapper ul {padding-left:3%; list-style:none;}
#resource-list-wrapper li {margin: 5px 0;}
#resource-list-wrapper li a {text-decoration:none;}
#resource-list-wrapper li a:hover {text-decoration:underline;}
#resource-list-wrapper h4 {background:#f2f2f2; border:1px solid #ddd; padding: 2px 5px; margin-bottom: 5px;}
#resource-list-wrapper p {font-size: .8em;}

#video-wrapper {margin-top: 20px;}

#mail-form-wrapper { background:#CCC; padding: 10px 20px;}
#mail-form-wrapper input, #mail-form-wrapper  select {}
#mail-form-wrapper .return-addy-input {clear:both; float:left; }
#mail-form-wrapper textarea {width:99.5%; font-size: 1em;}
#mail-form-wrapper .email-target {float:left; margin-top: -3px;}
#mail-form-wrapper .email-target option {display:inline; font-size: 1em;}

#footer { clear:both; margin-top: 30px; padding: 5px 10px; border-top: 1px solid #c02; font-size:.7em; } 

.small { font-size:.7em;}



.chart-wrapper {
	margin: 2em 0;
	text-align:center;
}

.column1, .column2, .column3, .column4 {
	margin: 10px 1%;
	background: transparent url(images/line.png) center top repeat-y;
	
}
.chart-item {
	padding:0px; 
	background:#f1e2e2; 
	background:#f1e2d8;
	border: 1px dotted #b99; 
	font-size: 10px; 
	margin: 8px 0; 
	line-height: 1.6em;
	overflow:hidden;
}
.chart-item h4 {
	margin:0;
	background:#CCC;
	padding:4px;
}

.chart-item.first {margin-top: 0;}
.chart-item.last {margin-bottom:0;}
.call-out { color:#900;}


/* -- Modal window styles -- */
#overlay {
	position:fixed; 
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	filter:alpha(opacity=50);
}

#modal {
	position:absolute;
	background:#F30;
	border-radius:6px;
	padding:2px;
	width:200px;
}

#content {
	border-radius:5px;
	background:#fff;
	padding:20px;
	text-align: left;
	width: 320px;
	font-size: .8em;
	line-height: 1.6em;
}

#content ul {
	margin: 0;
	padding: 0 20px;

}
#close {
	position:absolute;
	background:url(images/close.png) 0 0 no-repeat;
	width:24px;
	height:27px;
	display:block;
	text-indent:-9999px;
	top:-7px;
	right:-7px;
}

/* -- end Modal styles -- */



/* For 600 wide and larger */
@media (min-width: 500px) {
#emergency-list, #mail-form-wrapper, .chart-item {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#content {width:460px;}
#container {width: 90%; max-width: 800px;}
#mail-form-wrapper {clear:both; }
#center-wrapper {width: 50%; float:left;}
#emergency-list {width: 40.0%; float:right; margin: 20px 1% 0 0; padding: 10px 2% 20px 2%;}
#resource-list-wrapper {width: 99.0%; float:right; margin: 20px 1% 0 0; padding: 10px 0 20px 0;}
#emergency-list img.helpbutton {display:block; position: absolute; top:-16px; left: -10px;}
#mainContent h1.tag {margin-bottom: 30px;}
#mainLeft {margin-top: 10px; }
.column1, .column2, .column3, .column4 {
	width: 23%;
	float:left;
}
}

/* For 800 wide and larger */
@media (min-width: 800px) {
#container {width: 80%; max-width: 1024px;}
#mainContent {margin-top: 0;}
#mainContent h1.tag {margin-bottom: 45px;}
#mainLeft {width:70%; float:left; margin-top: 20px; }
#emergency-list {width: 25%;  float:left; margin: 40px 1% 0 0%;padding: 10px 1% 20px 1%;}
#center-wrapper {width: 39%; float:left; margin: 20px 2% 20px 4%;}
#resource-list-wrapper { float:right; width: 25%; margin:10px 0% 30px 0; padding-right: 2px;}
#resource-list-wrapper p {
	padding: 0 2%; 
}
#mail-form-wrapper .return-addy-input {clear:none; float:right; }
}