* {
margin: 0;
padding: 0;	
}

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

body {
background-image: url("../../images_new/bkgd.jpg");
background-position: top left;
background-repeat: repeat-x;
background-color:#FFF;
font-family: "museo-sans-1","museo-sans-2",helvetica, arial, sans-serif;
font-weight: 300;
font-style: normal;
color: #626262;	
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**/
/***************/

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


#holder {
position:relative;
min-height: 100%;	
width: 790px;
margin: 0px auto;
}

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

#main, #main_index {
padding-bottom: 10px;	
}

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

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

#header {
height: 410px;
margin: 10px 0 0 0;
position: relative;
padding: 0;
/*background: url(../images/cpark_img_fallback.png) no-repeat;
border: 2px solid red;*/
}

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

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

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









/*NAV*/
ul#menu{
	height: 34px;
	width: 790px;
	list-style: none;
	padding: 0px;
	margin-left: 1px;
	margin-top: 10px;
}
:first-child+html ul#menu { width: 800px; margin-top: 20px; } /*IE 7 only hack */


ul#menu li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: inline;
	overflow: hidden;
	outline: 0;
}

ul#menu li a.home_nav, ul#menu li a.quiz_nav, ul#menu li a.tips_nav, ul#menu li a.your_water_nav, ul#menu li a.campaign_nav, ul#menu li a.resources_nav{
	float: left;
	display: block;
	height: 35px;
	margin-top: 0px;
	
}



ul#menu li a.home_nav, ul#menu li a.home:visited {
	width: 88px;
	background: url(../images/bkgd_nav_home.png) no-repeat;
	margin-left: 1px;
}
ul#menu li a.home_nav:hover, ul#menu li a.home:active{
	background-position: 0 -36px;
}
ul#menu li a.home_nav_on {
	background: url(../images/bkgd_nav_home_on.png) no-repeat;
	display: block;
	width: 88px;
	height:34px;
	float: left;
}



ul#menu li a.quiz_nav, ul#menu li a.quiz_nav:visited {
	width: 172px;
	background: url(../images/bkgd_nav_your_iq.png) no-repeat;
}
ul#menu li a.quiz_nav:hover, ul#menu li a.quiz_nav:active{
	background-position: 0 -36px;
}
ul#menu li a.quiz_nav_on {
	background: url(../images/bkgd_nav_your_iq_on.png) no-repeat;
	display: block;
	width: 172px;
	height:34px;
	float: left;
}


ul#menu li a.tips_nav, ul#menu li a.tips_nav:visited {
	width: 152px;
	background: url(../images/bkgd_nav_tips.png) no-repeat;
}
ul#menu li a.tips_nav:hover, ul#menu li a.tips_nav:active{
	background-position: 0 -36px;
}
ul#menu li a.tips_nav_on {
	background: url(../images/bkgd_nav_tips_on.png) no-repeat;
	display: block;
	width: 152px;
	height:34px;
	float: left;
}


ul#menu li a.your_water_nav, ul#menu li a.your_water_nav:visited {
	width: 117px;
	background: url(../images/bkgd_nav_your_water.png) no-repeat;
}
ul#menu li a.your_water_nav:hover, ul#menu li a.your_water_nav:active {
	background-position: 0 -36px;
}
ul#menu li a.your_water_nav_on {
	background: url(../images/bkgd_nav_your_water_on.png) no-repeat;
	display: block;
	width: 117px;
	height:34px;
	float: left;
}



ul#menu li a.campaign_nav, ul#menu li a.campaign_nav:visited {
	width: 126px;
	background: url(../images/bkgd_nav_campaign.png) no-repeat;
}
ul#menu li a.campaign_nav:hover, ul#menu li a.campaign_nav:active {
	background-position: 0 -36px;
}
ul#menu li a.campaign_nav_on {
	background: url(../images/bkgd_nav_campaign_on.png) no-repeat;
	display: block;
	width: 126px;
	height:34px;
	float: left;
}


ul#menu li a.resources_nav, ul#menu li a.resources_nav:visited {
	width: 128px;
	background: url(../images/bkgd_nav_resources.png) no-repeat;
}
ul#menu li a.resources_nav:hover, ul#menu li a.resources_nav:active {
	background-position: 0 -36px;
}
ul#menu li a.resources_nav_on {
	background: url(../images/bkgd_nav_resources_on.png) no-repeat;
	display: block;
	width: 128px;
	height:34px;
	float: left;
}









/*********/
/*MAIN****/
/*********/
	
div#container {
margin:-40px 0px 0px 0px;
width: 786px;
background: url(../../images_new/bkgd_body_main.png);
background-position: top center;
background-repeat: repeat-y;
}
:first-child+html div#container { width: 786px; margin-top: 20px; } /*IE 7 only hack */

div.hdr_top{
	width: 786px;
	height: 8px;
	background: url(../../images_new/bkgd_main_top.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 80px;
}
:first-child+html div.hdr_top { margin-bottom: -20px; } /*IE 7 only hack */

div#main_index {
	margin:40px 0px 0px 25px;
	width: 735px;
}
:first-child+html div#main_index { margin-top: -.65em; } /*IE 7 only hack */
div#main {
	margin:40px 0px 0px 25px;
	width: 525px;
	padding: 0;
}
:first-child+html div#main { margin-top: -.65em; } /*IE 7 only hack */
h2.water_home {
	font-family: "museo-sans-1","museo-sans-2",helvetica, arial, sans-serif;
	font-size: 2.5em;
	font-weight: 500;
	font-style: normal;
	color: #f86f00;
	margin: 0px 0 0 125px;
	padding:25px 0 0 0; 
}
h2.water_content {
	font-family: "museo-sans-1","museo-sans-2",helvetica, arial, sans-serif;
	font-size: 2em;
	font-weight: 500;
	font-style: normal;
	color: #444444;
	margin: 0;
	padding:25px 0 0 0; 
}
h3.water_content {
	font-family: "museo-sans-1","museo-sans-2",helvetica, arial, sans-serif;
	font-size: 1.5em;
	font-weight: 500;
	font-style: normal;
	color: #444444;
	margin: 25px 0 0 0;
	padding:0 0 0 0;
	text-align: center;
	line-height: .5px;
}
p.content{
	background: url(../../images_new/bkgd_main_dots.png);
	background-repeat: repeat-x; 
	margin-top: -5px;
}
div#main h1 {
	font-family: "museo-sans-1","museo-sans-2",helvetica, arial, sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	margin: 0;
	padding-top: 1em;
}

div#main_index h1 {
	font-family: "museo-sans-1","museo-sans-2",helvetica, arial, sans-serif;
	font-size:2.5em;
	font-weight: normal;
	margin: 0;
	padding-top: 1em;
}

div#main p, div#main_index 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_index ul {
	width: 780px;
	list-style: none;
	padding: 0px;
	margin: 0px 10px 10px -8px;
	font-size: 1.2em;
	line-height:1.2em;
}
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_index li {
	list-style-type:none;	
	list-style-position: inside;
	width: 220px;
	padding: 0 15px;
	text-align: center;
	float: left;
	font-size: 1em;
	line-height:1em;
}

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;
}
div.main_bottom{
	width: 782px;
	height: 7px;
	background: url(../../images_new/bkgd_main_bottom.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-left: 2px;
}
div#sidebar a img{
border: none;
padding:0;
margin:0;
}


div#main ul.trivia {
	list-style: none;
}
:first-child+html div#main ul.trivia { list-style: none; } /*IE 7 only hack */
div#main ul.trivia li {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
	padding: 5px;
	overflow: hidden;
	outline: 0;
	line-height: 1.2em;
}
:first-child+html div#main ul.trivia li { margin: 0px;
	padding: 5px; overflow: hidden; list-style-position: outside; list-style-type: none; } /*IE 7 only hack */






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

div#sidebar, div#button {
width:200px;
float:right;
margin-top: 55px;
/*margin-right: 10px;*/
}

div#sidebar a:link {
color: #0099cc;
border: none;
text-decoration: none;	
}

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

div#sidebar img#water_home  {
margin: 0 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;
}







div#right {
width:200px;
float:right;
margin: 55px 20px 0 0;
}
div#right a img{
border: none;
padding:0;
margin:0;
}

#sidebar2 {
/*width:200px;*/
float:none;
margin-right: 10px;
padding: 0;
top: 20px;
}
/*div#sidebar3 {
float:none;
margin-top: 30px;
margin-right: 0px;
padding-left: 40px;
}
div#sidebar3 p a:link {
color: #0099cc;
border: none;
text-decoration: none;	
}

div#sidebar3 a img {
border: none;
padding:0;
margin:0;
}*/

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

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




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

div#footer {
text-align: center;
margin: 0px;
background:url(../../images_new/bkgd_ftr_main.png) top center repeat-y; 
color: #ffffff;
width:784px;
height:74px;
margin-left: 2px;
}

div#footer p {
	font-family: "calluna-1","calluna-2",times, serif;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 auto;
	padding-top: 0px;
}
div#ftr_top{
	width: 784px;
	height: 6px;
	background: url(../../images_new/bkgd_ftr_top.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin-top:25px;
	margin-left:1px;
	margin-bottom:-1px;
}
div#ftr_bottom{
	width: 784px;
	height: 4px;
	background: url(../../images_new/bkgd_ftr_bottom.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin-left:2px;
	margin-bottom: 15px;
	margin-top: -1px;
}
.wateriq {
	width: 66px;
	height: 39px;
	background:url(../../images_new/bkgd_footer_wateriq.png) top center;
	background-repeat: none;
	border: 2px solid red;
	margin-left: 30px;
	}
/****************/
/*GENERAL STUFF**/
/****************/

li {
list-style-type: none;	
}

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

h2 span {
font-size:.75em;
font-style: italic;
}

h3 {	
font-size:1.4em;
}

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


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