html,body
{
	font-size: 100.1%;
}

* {
margin: 0;
padding: 0;	
}

html {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
font-size: 62.5%;	
}

body {
/*background:transparent url(../../App_Images/bg2.png) no-repeat scroll center top;*/
color:#003333;
font-family:lucida-grande,helvetica,arial,sans-serif;
    height: 100%;
}

a:link, a:hover, a:visited, a:active {
color:#0099cc;
text-decoration:none;	
}

/***************/
/*FOOTER STICK**/
/***************/

div.fix_safari {
margin:0px auto;
width: 1024px;
display:block;	
}

div#holder_holder {

}
/*
div#holder {
margin:0px auto;
width:780px;

}
*/
div#holder 
{
	min-height: 100%;
margin:0px auto -109px;
width:780px;

}
/*
*html div#holder {
	overflow: hidden;}
*/
*html div#holder {
	height: 100%;
}

div#main {
padding-bottom: 109px;	
}

div#footer {
position: relative;
margin-top: -109px;	
clear: both;
}

/*
div#footer {
position: relative;
height: 109px;	
}
*/
.clearFooter
{
	height: 109px;
	clear: both;
}
/*********/
/*HEADER**/
/*********/

div#header {
height: 360px;	
background:transparent url("../../App_Images/header1.jpg") top left no-repeat;	
margin: 30px 0 0 0;
position: relative;
padding: 0;
text-align: center;
}

div#header div#flashcontent embed {
margin-left: -4px;	
}

*html div#header div#flashcontent {
margin-left: -4px;	
}

div#header a {
display: block;
width: 100%;
height:258px;
text-decoration: none;
border: none;
}

div#header ul#menu {
left:0;	
text-indent: -9999em;
}

div#header ul#menu li {
float:left;	
overflow: hidden;
display: block;
height:47px;
}

div#header ul#menu li a {
float:left;	
overflow: hidden;
display: block;
height:47px;
}

div#header ul#menu li.supply {
background:transparent url("../images/menu.png") 0px 0px no-repeat;
width:131px;	
}

div#header ul#menu li.i_do {
background:transparent url("../images/menu.png") -130px 0px no-repeat;
width:130px;	
}

div#header ul#menu li.water_iq {
background:transparent url(../images/menu.png) no-repeat scroll -261px 0px;
width:164px;
}

div#header ul#menu li.events {
background:transparent url(../images/menu.png) no-repeat scroll -425px 0px;
width:101px;
}

div#header ul#menu li.campaign {
background:transparent url(../images/menu.png) no-repeat scroll -526px 0px;
width:129px;
}

div#header ul#menu li.resources {
background:transparent url(../images/menu.png) no-repeat scroll -655px 0px;
width:120px;
}

/*HOVERS*/
div#header ul#menu li.supply_hover, body.supply div#header ul#menu li.supply {
background:transparent url("../images/menu.png") 0px -52px no-repeat;
}

div#header ul#menu li.i_do_hover, body.what_can_i_do div#header ul#menu li.i_do {
background:transparent url("../images/menu.png") -131px -52px no-repeat;
}

div#header ul#menu li.water_iq_hover, body.quiz div#header ul#menu li.water_iq {
background:transparent url("../images/menu.png") -261px -52px no-repeat;	
}

div#header ul#menu li.events_hover, body.events div#header ul#menu li.events {
background:transparent url("../images/menu.png") -425px -52px no-repeat;	
}

div#header ul#menu li.campaign_hover, body.ad_campaign div#header ul#menu li.campaign {
background:transparent url("../images/menu.png") -526px -52px no-repeat;	
}

div#header ul#menu li.resources_hover, body.resources div#header ul#menu li.resources {
background:transparent url("../images/menu.png") -655px -52px no-repeat;	
}


/*********/
/*MAIN****/
/*********/
	
div#main {
float:right;
margin:35px 27pt 50px 0px;
width:405px;
}

*html div#main {
	width: 417px;
	margin: 35px 14px 50px 0;}


div#main h1 {
font-size:2.5em;
font-weight: normal;
margin: 0 0 .5em 0;
}

div#main p, div#sidebar p {
font-size: 1.2em;
padding: 0 0 2em 0;	
line-height:1.4em;
}

div#main a:link, div#main a:hover, div#main a:visited, div#main a:active 
{
	color: #0099cc;
border-bottom:1px solid;	
}

div#main li {
list-style-type:disc;	
list-style-position: outside;
padding: .5em 0 .5em 0px;
margin-left:12px;
font-size: 1.2em;
line-height:1.2em;
}

/*********/
/*SIDEBAR*/
/*********/

div#sidebar {
width:252px;
float:left;
margin: 25px 0px 0 25px;
padding: 0 30px 0 0px;
border-right: 1px solid #eaeaea;
}

*html div#sidebar {
	
	margin: 25px 0 0 12px;}

div#sidebar a:link, div#sidebar a:visited, div#sidebar a:hover, div#sidebar a:active {
/*color: #fff;*/
color: #0099cc;
border: none;
text-decoration: none;	
}

div#sidebar a img {
border: none;
padding:0;
margin:0;
}

div#sidebar img#water_home {
margin: 100px 0 0 40px;	
}

/*********/
/*FOOTER**/
/*********/

div#footer {
text-align: left;
margin:0 auto;
/*background:transparent url("../../App_Images/bg_footer.png") bottom center no-repeat;	*/
background-color: #008ec5;
color:#fff;
/*width:1024px;*/
width:770px;
/*height:109px;*/
height:69px;
}

div#footer p {
	/*margin:0px 143px 0pt 271px;*/
	margin:0px 143px 0pt 143px;
	padding: 20px 0 0 0;
	font-size: 1em;
}

div#footer a:active, div#footer a:hover, div#footer a:link, div#footer a:visited
{
	color: White;
}

/****************/
/*GENERAL STUFF**/
/****************/

li {
list-style-type: none;	
}

h2 {
font-weight: normal;	
color: #0099cc;	
padding-bottom: 1em;
font-size:1.6em;
}

h2 span {
color: #003333;
}

h3 {	
font-size:1.4em;
}

div.height_post {
width:1px;
display:block;
height:150px;	
}




/****************/
/*RESOURCES***********/
/****************/

body.resources div#main h2 {
	padding-top: 3em;
}

body.resources div#main h3 {
	padding-top: 1em;
}

body.resources div#main p {
	padding-bottom: 0em;
}

/****************/
/*QUIZ***********/
/****************/

body.quiz div#main li {
	list-style-type: none;
	list-style-position: outside;
}

body.quiz div#main ul {
	padding-bottom: 20px;
}

body.quiz div#main p.response {
display:block;
border:1px solid #ccc;
background-color: #E5F4F9;
padding:.5em;
margin-bottom:1em;	
}

body.quiz div#main p.correct {
padding-bottom:1em;	
}

.borderBottom
{
	border-bottom : solid 1px;
}

div#disclaimer
{
	margin-left:  5px;
	margin-right: 5px;
	width: 770px; /* 780 - 5 - 5 = 770 */
}

.errorMsg
{
	font-size:   1.4em;
	font-weight: bold;
	color:       Red;
}

.fontSize1_2e
{
	font-size: 1.2em;
}

.linkInBox
{
    border:      solid 1px #7f9db9; /* 127, 157, 185 */
    font-size:   17px;
    font-weight: bold;
}

.searchResultHeader
{
	color:          #003333;
	font-size:      1.6em;
	padding-top:    3em;
	padding-bottom: 3em;
	text-align:     center;
}

.searchResultHeader a:active, a:hover, a:link, a:visited
{
	color: #0099cc;
}

.spanH1
{
    font-size:   2.5em;
    font-weight: normal;
    margin:      0 0 .5em 0;
}

.spanH2
{
	font-weight    : normal;	
    font-size:       1.6em;
}

.utilityZip
{
    padding-left: 50px;
    text-align:   left;
}