* {
margin: 0;
padding: 0;	
}

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

body {
background: url("../images/bg2.png");
background-position: top left;
background-repeat: repeat-x;
background-color=#FFF;
font-family: lucida-grande, helvetica, arial, sans-serif;
color: #003333;	
height:100%;
margin: 0px 0px 10px 0px;
padding-top: 20px;
}

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 {
position:relative;
min-height: 100%;	
width: 775px;
margin: 0px auto;
border-style:solid;
border-color:#018dc5;
border-width: 2px 2px 2px 2px;
background-color:#ffffff;
}

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

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

div#footer {
position: relative;
margin-top: 0px;
clear:right;	
}

/*********/
/*HEADER**/
/*********/
.picture { background-color: #FFF;
font: 1.2em lucida-grande, helvetica, arial, sans-serif;
}

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

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

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

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.home {
background:transparent url(../images/menu5.png) -1px 0px no-repeat;
width:75px;	
}

div#header ul#menu li.quiz {
background:transparent url(../images/menu5.png) no-repeat scroll -76px 0;
width:178px;
}

div#header ul#menu li.tips {
background:transparent url(../images/menu5.png) no-repeat scroll -254px 0;
width:155px;
}

div#header ul#menu li.your_water {
background:transparent url(../images/menu5.png) no-repeat scroll -409px 0;
width:115px;
}

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

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

div#header ul#menu li.pledge {
background:transparent url(../images/menu3.png) no-repeat scroll -366px 0;
width:207px;
}

div#header ul#menu li.blank {
background:transparent url(../images/menu4.png) no-repeat scroll -366px 0;
width:208px;
}




/*HOVERS*/
div#header ul#menu li.home_hover, body.supply div#header ul#menu li.home {
background:transparent url("../images/menu5.png") -1px -51px no-repeat;
}

div#header ul#menu li.quiz_hover, body.quiz div#header ul#menu li.quiz {
background:transparent url("../images/menu5.png") -76px -51px no-repeat;	
}

div#header ul#menu li.tips a:hover, body.tips div#header ul#menu li.tips {
background:transparent url("../images/menu5.png") -254px -51px no-repeat;
}

div#header ul#menu li.your_water a:hover, body.your_water div#header ul#menu li.your_water {
background:transparent url("../images/menu5.png") -409px -51px no-repeat;	
}

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

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




/*********/
/*MAIN****/
/*********/
	
div#main {
margin:20px 0 50px 27px;
width: 535px;
}


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

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

div#main a:link, div#main a:hover, div#main a:visited, div#main a:active {
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;
}

div#main p.internal_image a:link, div#main p.internal_image a:hover, div#main p.internal_image a:visited, div#main p.internal_image a:active {
	text-decoration: none;	
}

.iconAnnouncement a{
	margin-left: 5px;	
}

.iconAnnouncement img{
	vertical-align: middle;
}
/*********/
/*SIDEBAR*/
/*********/

div#sidebar {
width:200px;
float:right;
}

div#sidebar a:link, div#sidebar a:link, div#sidebar a:link, div#sidebar a:link {
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;	
}

div#sidebar h2 {
	margin: 0 0 0 40px;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight:bold;
}

div#sidebar p {
	margin: 0 0 0 40px;
	font-size: 1.2em;
	line-height: 1.4em;
}

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

div#footer {
text-align: left;
margin: 0px auto;
background:transparent url("../images/bg_footer.png") top center no-repeat;	
background-color:#008ec5;
color: #ffffff;
width:779px;
height:75px;
}

div#footer p {
	margin:0px 143px 0pt 30px;
	padding: 25px 0 0 0;
	font-size: 1em;
}


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

li {
list-style-type: none;	
}

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

h2 span {
color: #003333;
}

h3 {	
font-size:1.4em;
}

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


/****************/
/*HOME***********/
/****************/

body.home div#main {
	background:transparent url(../images/bg_main.png) no-repeat scroll 16px 23px;
	padding-left:198px;	
	width: 337px;
}

/****************/
/*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;	
}

/**************PLEDGE*******/

body.pledge div#main form ul li {
list-style-type: none;
padding: 0 0 1em 0;
margin: 0;
}

body.pledge div#main form ul li label {
display:block;
width:10em;
float:left;	
}