html, body {margin:0px; padding:0px; background:#FFF; font-family:arial; font-size: 12px;}

body a:link, a:visited, a:active, a:hover {
	text-decoration: none;
}


#centerwrapper 
{
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	width: 848px;
	position: relative;
	text-align: center;
	overflow: visible;
	display: block;

}

#title {

	position: absolute;
	background: url(../images/mwcnewlogo.jpg) no-repeat top left;
	width: 400px;
	height: 124px;
	margin: 0px;
	padding: 0px;
}

/* search form stuff ----------------------------------- */
#searchcopy
{
	position: absolute;
	top: 37px;
	left: 536px;
	height: 65px;
	width: 270px;
	font-size: 15px;
	line-height: 1.1em;
	word-spacing: 2px;
	overflow: hidden;
}

#search
{
	position: absolute;
	top: 98px;
	left: 537px;
	width: 322px;
	height: 22px;
	overflow: visible;
}

input {
 background-color: #EEEEEE;
}
input.border
{
	border: 1px solid #AAAAAA;
}


/* -----------end search form stuff ---------------------------*/

#contentcontainer
{
	position: absolute;
	top: 126px;
	width: 848px;
	border-top: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	right: auto;	
	background: #9DCBED;
	margin: 0px;
	padding: 0px;
}

#mainpageleftstuff
{
	padding-top: 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	padding-right: 0px;
	width: auto;
	line-height: 22px;
	font-size: 14px;
}
#mainpageleftstuff a:link, #mainpageleftstuff a:active, #mainpageleftstuff a:visited
{
	color: #0B1C35;
	text-decoration: none;
}

#mainpageleftstuff a:hover
{
	color: #004FA1;
}

#mainpageslideshow
{
	float: right;
}

#footer 
{
	clear: both;
	z-index: 6;
	height: auto;
	margin-top: 7px;
	width: 848px;
	position: relative;
	text-align: center;
	font-size: 12px;
	overflow: visible;
	display: block; 
	border-bottom: 5px solid #FFFFFF;
	border-top: 5px solid #FFFFFF;
	background: #FFFFFF;
	}

#footer a:link, #footer a:active, #footer a:visited
{
	text-decoration: none;
	color: #0B1C35;
}

#footer a:hover
{
	color: #004FA1;
}







#rightcontent {
  float: right;
  color: #444444;
  padding-top: 0px;
  padding-left: 20px;
  padding-bottom: 30px;
  margin-right: 40px;
  width: 500px;
  background-color: #9DCBED;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 22px;
  color: #0B1C35;
}

#contentarea {
  clear: left;
  width: 838px;
  padding: 0px;
  color: #000000;
  padding-top: 40px;
  padding-bottom: 30px;
  margin-left: 10px;
  line-height: 22px;
  
}
#contentarea a:link, #contentarea a:active, #contentarea a:visited {
	color: #003368;
	text-decoration: underline; 
}
#contentarea a:hover { color: #004FA1; }
#contentheader
{
	font-size: 18px; line-height: 22px; color: #0B1C35; font-family: Georgia, "Times New Roman", Times, serif;
}
* html .content {
  height: 1%;        /* prevents IE 3-px shift next to a float */
}
.clear {
  clear: both;
  height: 1px;
  overflow: hidden;
  margin: 0;
}
* html body div#right {border-top: 0px solid #FFFFFF;}


/* -------styling the text for in case people don't have flash ----*/
#aahquiferheader, #sustainablueheader, #vitalresourceheader, #purefreshwaahterheader
{
	height: 112px;
	width: 212px;
	font-size: 11px;
	text-align: center;
}
#aahquiferheader a:link, #sustainablueheader a:link, #vitalresourceheader a:link, #purefreshwaahterheader a:link
{
	text-decoration: underline;
}

/* -----------everything for the drop downs here------------ */

#nav, #nav ul { /* all lists */
	z-index: 4;
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#nav a {
	display: block;
	color: #FFFFFF;
	text-docoration: none;
}

#nav li { /* all list items */
	float: left;
	background: #0B1C35;
	line-height: 1.8em;
	font-size: 12px;
	border-bottom: 2px solid #FFFFFF;
	width: 212px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #0B1C35;
	width: 212px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-bottom: 10px;
}

#nav li ul li { /* width for second level list items */
width: 212px;
border-bottom: 0px solid #FFFFFF;
}

#nav li ul li a { /* putting the padding here allows the highlight to span the whole drop down menu */
	padding-left: 20px;
}

#nav li ul li a:hover 
{
	color: #9DCBED;
	text-decoration: none; 
	background-color: #132745;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	text-decoration: none;
}

/*--------this is the IE7 sticky menu fix------------ */
#nav li:hover {background-position: 0 0;}



/* --------------------end of drop down stuff ----*/


/* ----extra stuff for formatting purposes------*/
.picturecaption 
{
	font-size: 1.1em;
	line-height: 22px; 
	color: #333333;
}
.underline
{
	text-decoration: underline;
}
.listbulletless
{
	list-style: none;
}

/* news frame stuff */

#newsframecontainer

{
	z-index: 1;
	float: right;
	position: relative;
	border-left: 2px solid #FFFFFF;
	height: 310px;
}
/* Hides from IE5-mac \*/
* html #newsframecontainer {height: 1px;}
/* End hide from IE5-mac */