* {
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: 330px;	
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.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 {
margin:20px 0 50px 27px;
width: 535px;
}


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

div#main 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 {
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:200px;
float:right;
}

div#sidebar a:link, div#sidebar a:link, div#sidebar a:link, div#sidebar a:link {
color: #fff;
border: none;
text-decoration: none;	
}

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

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

div#sidebar img#water_genius {
margin: 15px 0 0 40px;	
}

div#sidebar img#water_sprinkler {
margin: 25px 0 0 40px;
}


div#sidebar img#signup {
margin: 30px 0 0 30px;	
}

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

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

div#footer p {
	margin:0px 143px 0px 250px;
	padding: 8px 0 0 0;
	font-size: 1em;
}


/****************/
/*GENERAL STUFF**/
/****************/
ol.pr{
	
}
div#main ol.pr li{
	list-style: decimal;
}
div#main ol.pr li p, div#main ol.pr li ul li p{
	font-size: 1em;
	line-height:1.2em;
	margin-top: 12px;
}
div#main ol.pr li ul li{
	list-style: disc;
	font-size: 1em;
	line-height:1.2em;
}
div#main ol.pr li ul{
	margin-bottom:-12px;
	margin-top: -12px;
}

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


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

body.home div#main {
	background:transparent url(../images/bg_main_new.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 {
	padding-bottom: 350px;
}

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


/****************/
/*GENIUS***********/
/****************/

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

body.genius div#main {
	padding-bottom: 500px;
}



/********************/
/*GENUIS RULES*******/
/********************/

body.rules div#main ul, body.genium div#main ul ul{
	margin-bottom:20px;
}
body.rules div#main ul li {
	list-style-type: disc;
	margin:0 0 0 30px;
	padding:0;
}

body.rules div#main ul ul li {
	list-style-type: circle;
	margin:0 0 0 60px;
	padding:0;
}

body.rules div#main {
/*	padding-bottom: 500px;*/
}

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