@charset "UTF-8";
/* CSS Document */


/*-----------------------------------------------BODY AND FONTS: =body----------------------------------------------- */

	* { margin: 0; padding: 0; list-style: none; }

	body { background: #b4d4f0; color: #4a4b25; font: 12px/18px Georgia, "Times New Roman", Times, serif; text-align: center; padding-bottom: 36px; }
	
/*--------------------------------------------TYPOGRAPHY: =typography--------------------------------------------- */	

    p { font-size: 11px; text-align: left; }

	ul, table, p { margin-bottom: 18px; }
	
	h1 { font-family:Arial, Helvetica, sans-serif; font-size: 18px; margin: 0 0 14px 0; padding: 0;}
	
	h2 { font-family:Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 12px 0; padding: 0;}

	h3 { font-size: 12px; margin-bottom: 6px; }
	
	h1.titleHeader {color:#fff; font-size:24px; text-align:left; margin:20px}
	
/*---------------------------------------------HEADER: =header----------------------------------------------- */
    #header{width: 100%; height: 150px;}
	#header #mainpic{background: url("../images/hdr_bg.jpg") top left no-repeat; height: 150px; width: 999px;}
	#header #mainpic h1{position:absolute; left:-999px; width: 999px; background: none;}
	#header #tagline{text-indent: -2048px;} 
	
	/*--ADDED for RIGHT BURST--*/
	#right_burst {
	float:right; 
	width:200px; 
	height: 60px; 
	color:#FFF; 
	font-weight:bold; 
	font-size: 1.6em; 
	font-family:Arial, Helvetica, sans-serif; 
	margin-top:-17px;
	}
	
	#right_burst a {
	color:#FFF;
	text-decoration: none;
	}

	#right_burst a:hover {
	color:#FFF;
	text-decoration: underline
	}	
	
/*---------------------------------------------Navigation: =navigation----------------------------------------------- */

 div#smartwater_nav ul{ list-style: none; margin-left: 130px; margin-top: -29px; padding-top:105px;  }
   
 div#smartwater_nav li{ display: inline; padding-right: 60px; }
 
 div#smartwater_nav li a{ color: #000; font-weight:bold; text-decoration:none; }
 
 div#smartwater_nav li a:hover{ color: #000; font-weight:bold; text-decoration:underline; }
   

/*---------------------------------------------Layout: =layout----------------------------------------------- */

div#container{width:999px; margin:0 auto}

div#wrapper{float:left; width:100%; background:#FFFFFF; border:1px #333333 solid;}

div#content{float:left; width: 638px; padding: 0 20px 18px 20px; background: url("../images/contentMid_bg.gif") top left no-repeat; margin-top: -21px; }

div#inner-content h1{ margin-top: 34px;  text-align:left;}

div#inner-content h2{ text-align:left;}

div#inner-content a{ color:#107fc2; font-weight:bold; text-decoration:none;}
.fake_link {color:#107fc2; font-weight:bold; text-decoration:none;}

div#inner-content a:hover {color:#107fc2; font-weight:bold; text-decoration:underline;}

div#stormville{background: none;}

div#stormville{float:left; width:150px;}

#stormville ul li{ text-align:left; margin-left: 5px;}

#stormville a{ color:#107fc2; font-weight:bold; text-decoration:none;}

#stormville a:hover {color:#107fc2; font-weight:bold; text-decoration:underline;}

#stormville h3{ color:#000; text-align:left;}

div#extra{float:right;width:150px;}

#extra a {color:#107fc2; font-weight:bold; text-decoration:none;}

#extra a:hover {color:#107fc2; font-weight:bold; text-decoration:underline;}

.txtboldblack { color: #000; font-weight: bold;}

.txtbolddarkblue { color: #107fc2; font-weight: bold;}

.captionp{padding:0 18px 0 14px; margin-top: -14px; padding-bottom: 14px; line-height: 14px;}

.hdr-stormville { border-bottom: 1px #b8b8b8 solid; padding-bottom: 2px; width: 105px; margin-left: 3px;}

.stormville-captionp{ text-align: center; padding:0; margin-top: -14px; padding-bottom: 14px; line-height: 14px; }

.stormville-caption-img{ text-align: center; }

.bottomborder{border-bottom: 1px #b8b8b8 solid; }

.caption-img{ padding: 8px 5px; text-align:center;}
ul.bulletlist {text-align:left; list-style-type:disc; list-style:disc; margin-left:10px}
ul.bulletlist li {margin: 5px 0;list-style-type:disc; list-style:disc; }

.alpha_nav_item {background:url('../images/rain_cloud_icon.gif') no-repeat;padding:0 0 0 25px; margin:4px;}
.alpha_nav_item a {margin:0; padding:0;font-size:120%;}
/*---------------------------------------------Footer: =footer----------------------------------------------- */

div#footer{clear:both;  padding: 20px; }

#inner-footer {background-color: #b4d4f0; border-top: 1px #000 solid;} 

div#footer p{text-align: center; line-height:8px; font-size:10px;}

/* ------------------------------- =education ----------------------------------*/

#education {
    font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 24px; 0 24px;
	}
	  
	  
#education h1 {  
    margin-top: 24px;
      font-size: 18px;
	  }
	  
#education p {
    margin-top: 18px;
	}
   
 #education h3 {
    margin-top: 24px;
    font-size: 12px;
	}
	
/* ---------------------- =Events -----------------------------------------*/

#events table{ margin-top: 45px; text-align:left; }

	  
#events h2 {
       margin: 24px 0 0 24px;
      font-size: 14px;
	  
	  }
	  
.eventsTable td{padding:5px}
.eventsCalendar p {margin:10px 5px;}
.eventsCalendar p.heading{font-size:150%; font-weight:bold; background:#CCC; margin:0;padding:3px}
.event {background-color:#b1a380; color:#222; padding-top:0px; padding-bottom:0px; border-bottom:none;}
/* ---------------------------- =facts --------------------------------------*/

#facts {
    font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 24px; 0 24px;
	}

#facts h1 {
   margin: 24px 0 0 0;
      font-size: 18px;
	  }
	  
#facts h2 {
     margin: 24px 0 0 0;
      font-size: 14px;
	  text-align:left;
	  }
	  
#facts h3 {
   margin: 16px 0 0 0;
   text-align:left;
   }
   
#facts p {
	padding: 0 24px 0 24px;
	}
   
.hightligtred {
   color:#FF0000;
}

.highlighttitalics {
    font-style:italic;
	}
	
/*------------------------------------ =glossary -----------------------------------*/

#glossary, #glossary a {
    font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0 24px; 0 24px;
	}

#glossary h1 {
   margin: 24px 0 0 0;
      font-size: 18px;
	  }
	  
#glossary ul li {
    list-style: none;
	padding: 16px 0 0 0;
	text-align:left;
	}
	
#glossary ul li span {
    font-weight: bold;
	}
	
/* ------------------------------- =Press Room ----------------------------------*/
  
  #pressroom h1 {
      margin: 24px 0 0 0;
      font-size: 18px;
	  }
  
  #pressroom ul li {
      list-style: none;
      margin: 0;
	  padding:0;
	  font-size: 11px;
	  font-family:Arial, Helvetica, sans-serif;
	  text-align:left;
	  }
	  
  #pressroom a {
      padding-top: 17px;
	  height: 35px;
	  }
	  
#pressroom ul {
      margin: 24px 0 0 0;
	  padding:0;
	  font-size: 11px;
	  }
	  
.titleBold {
    font-weight: bold;
	}
	
/* ------------------------ =prob ----------------------------------------*/

#prob {
     font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	}

#prob h1 {
   margin: 24px 0 0 0;
      font-size: 18px;
	  }

#prob h2 {
     margin: 24px 0 0 0;
      font-size: 12px;
	  }	
	  
#prob h3 {
    margin: 24px 0 12px 0;
      font-size: 11px;
	  text-align:center;
	  }
	  
#prob ul li {list-style:disc; margin-left:20px; margin-bottom:5px; display:block}

/*----------------------------- =resources -------------------------------------*/

#resources {
    font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0;
	text-align:left;
	}

#resources h1 {
   margin: 24px 0 0 0;
      font-size: 18px;
	  }
#resources ul li a { font-weight:normal;}

#resources h2 {
     margin: 24px 0 0 0;
      font-size: 12px;
	  }
	  
#resources .resourcelist ul {
   margin-left: 24px;
   }
   
 #resources ul span {
     font-weight: bold;
	 }
   
#resources ul li {
    padding-top: 12px;
	}
	  
.inlinelist {
    padding-right: 8px;
	padding-left: 8px;
    display: inline;
	
	}
	
/*---------------------------------------------Members: =members----------------------------------------------- */
#members table{margin-top: 64px; text-align:left;}


/*---------------------------------------------Misc: =misc----------------------------------------------- */

.clearboth{clear: both;}


/* --------------------- soil test page ------------------------- */
.formItem{width:400px;float:right; text-align:left}
.formLabel{width:235px; float:left; text-align:right}