/*---------------------------*/

/*     GLOBAL STYLES         */

/*---------------------------*/

a:active, a:focus { outline: none; }

body {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: small;

  color: #5F5045;

  background: url("../images/main_bgrd.jpg");

  margin: 0;

  }

#TwoColumn body { font-family: Verdana, Arial, Helvetica, sans-serif;}



  a:link, a:visited { color: #9B2323; text-decoration: underline;}

  a:hover, a:active { color: #9B2323; text-decoration: underline;}



table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #5F5045;}
table.border td {border: 1px solid #666666; padding:.25em;}
table.border th {background-color:#5f5045; color:#FFFFFF;}

p {margin: 0 5px 1em 0;}

.highlight {
	background-color: #cccccc;
	margin-top: 15px;
	margin-right: 35px;
	margin-bottom: 15px;
	margin-left: 45px;
	padding: 10px;
}

.search-box { height: 15px; margin-top: 8px;}

.search-btn { display: inline;}



.clear-both { clear: both;}

.clear-left { clear: left;}



#skip-to-content { display: none;}





/*---------------------------*/

/*     BODY HEADING STYLES   */

/*---------------------------*/



h1 {

	display: none;

  }

h2 {

  font-size: 170%;

  }

h3 {

  font-size: 140%;

  }

h1, h2, h3 { 

  font-family: "Times New Roman", Times, serif;

  color: #5F5045;	

  letter-spacing: 1px;

  margin: 0;

  }

h4 {

  font-family: Arial, Helvetica, sans-serif;

  color: #5F5045;

  margin: 0;

  font-size: 100%;

  letter-spacing: 1px;

  }

.pageH1 {  

  font-size: 200%;

  margin: 0 0 10px 0;

  background: url(../images/leaves.gif) no-repeat 0px center; 

  height: 51px; 

  vertical-align: middle; 

  padding-left: 30px; 

  display: block;

  }



h1 b, h2 b, h3 b, h4 i { display: none;}



/*--- INDEX HEADERS --- */

	.emergency { width: 187px; height: 51px; background: url("../images/911.gif") no-repeat; margin-left: 8px; margin-top: 30px;}

	.welcome {  width: 100%; height: 20px; background: url("../images/welcome.gif") no-repeat left top;}

	.copy span { display: block; margin-bottom: 30px;}

	.what-to, .what-can, .fast, .events, .health-resources { width: 220px; height: 26px;}  

	.what-to { background: url("../images/title_what_to.gif") no-repeat;}

	.what-can { background: url("../images/title_what_can.gif") no-repeat;}

	.fast { background: url("../images/title_alerts.gif") no-repeat;}

	.events { background: url("../images/title_news_events.gif") no-repeat;}

	.health-resources { background: url("../images/title_health_resources.gif") no-repeat;}

	.facts-left { background: url("../images/leaves.gif") no-repeat right 0px;}

	.facts-left span { display: block; margin-right: 30px; text-align: left;}



/*--- TWO-COL HEADERS --- */

	#TwoColumn .info-right h2 { background: #8b8381;}

	#TwoColumn h2 { letter-spacing: 0px; background: #675f5d; color: #fff; font-family:  arial,tahoma; font-size: 110%; padding: 2px 0px 2px 5px;}



/*--- THREE-COL HEADERS --- */

	#ThreeColumn h2 { letter-spacing: 1px; font-size: 140%; margin-top: 20px; }

	#ThreeColumn h3 { font-size: 130%; margin-top: 7px;}

	#ThreeColumn h4 { font-size: 110%; font-style: italic; }







/*---------------------------*/

/*     HEADER STYLES         */

/*---------------------------*/



.utilities { text-align: right; color: #fff;}

  .utilities a:link, .utilities a:visited { color: #fff; text-decoration: underline;}

  .utilities a:hover, .utilities a:active { color: #fff; text-decoration: underline;}

  .utilities form { margin: 0; display: inline;}







/*---------------------------*/

/*     SIDEBAR STYLES         */

/*---------------------------*/



#info-bar h1 {

	margin: 0;

	padding: 3px;

	font-size: 95%;

	color: #FFFFFF;

	background: #675F5D;

	font-family: Arial, Helvetica, sans-serif;

	display: block;

  }

  #info-bar span { padding: 10px; display: block;}

  #info-bar ul {

	margin-top: 10px;

	margin-bottom: 10px;

}

  #info-bar li {

	margin-right: 5px;

}

  #info-bar p { padding: 5px 5px 0px 5px;}







/*---------------------------*/

/*     FOOTER STYLES         */

/*---------------------------*/



#footer-gfx {

  text-align: center;

  color: #444;

  font-size: 90%;

  font-family: sans-serif;

  background: url("../images/footer_curve.png") no-repeat;

  padding-top: 5px;

  }

  #footer-gfx a:link, #footer-gfx a:visited, #footer a:active, #footer a:hover { color: #444;}





/*---------------------------*/

/*     STRUCTURE             */

/*---------------------------*/



#wrapper { display: inline-block; width: 940px;}

  #container { width: 940px; background: url("../images/home_ban_bgrd.jpg") repeat-x;}

    .utilities { width: 100%; height: 133px; }



#navigation { width: 200px; float: left; padding-top: 100px;}



#info-bar { width: 200px; float: right;}



#content { width: 540px; float: left;}

	.copy { padding: 20px; padding-top: 30px; background: url("../images/home_ban_curve.png") top left no-repeat;}

	.info, .facts { width: 250px; float: left; padding-bottom: 5px;}

		.info ul, .facts ul, .other ul { margin-top: 0px;  margin-bottom: 10px;}

		.info li, .facts li { color: #9B2323;}

		.info li a:link, .info li a:visited { text-decoration: underline;}

#content li {padding-bottom:.25em;}

#footer { width: 100%;}

	#footer-gfx { width: 100%; height: 109px; display: block;}



/* --- OVERRIDES FOR TWO COL LAYOUT --- */

#TwoColumn #container { background: url("../images/sub_ban_bgrd.jpg") repeat-x 170px 0px;}

#TwoColumn #content { width: 700px;}

#TwoColumn .copy { background-image: url("../images/sub_ban_curve.png"); }

#TwoColumn .info { float: left; width: 45% !important; padding: 10px;}



/* --- OVERRIDES FOR THREE COL LAYOUT --- */

#ThreeColumn #container { background: url("../images/sub_ban_bgrd.jpg") repeat-x 170px 0px;}

#ThreeColumn .copy { background-image: url("../images/sub_ban_curve.png");}







/*---------------------------*/

/*    GRAPHIC ELEMENTS       */

/*---------------------------*/



#wrapper { background: url("../images/wide_bgrd.png") repeat-y; }

#logo { 

  position: absolute;

  top: 0;

  left: 0;

  width: 200px;

  height: 240px;

  background: url("../images/home_logo.png") no-repeat top left;

  z-index: 3;

  }

.utilities { background: url("../images/home_title.jpg") no-repeat 200px 30px; }

#header { background: url("../images/header_spacer.jpg") no-repeat 200px 0px; }

#footer { background: url("../images/footer_shadow.png") repeat-x top left;}



/* --- OVERRIDES FOR TWO & THREE COL LAYOUTS --- */

#TwoColumn #wrapper { background-image: url("../images/sub_wide_bgrd.png");}

#TwoColumn #logo, #ThreeColumn #logo { height: 201px; background-image: url("../images/sub_logo.png");}

#TwoColumn .utilities, #ThreeColumn .utilities { height: 95px; background-image: url("../images/sub_ban.jpg");}