/* Secondary pages for EPA Watersense Web site
	http://www.epa.gov/watersenese/kids/
	23 August 2007 */

.skip
{	position: absolute; top: 0; left: 0;
	width: 0; height: 0; overflow: hidden;
	border: none; font-size: 0; }

body{ 
 
    background: url(../images/background.gif);
	}

a img, img
{	border: none; }

a:link {	color: #33c; }
a:visited {	color: #609; }
a:hover { color: #933; }
a:active { color: #933; }

#container {
 width: 800px; 
 margin: 0 auto;
 padding: 5px 5px 5px 5px;
}

/* Main Content
--------------------------------------------------- */

 
 #content
{	position: relative;
	top: 0; left: 0;
	background: url(../images/innermain-img.jpg) no-repeat;
	height: 800px;
	width: 600x;
	margin: 0; padding: 17px 0 0 0; }

body>#content
{ margin-top: 5px; }
	
 #content h1{
    margin-top:90px;
	margin-right: 240px;
	margin-left: 350px; }
	 
#content p, #content ul
{	
	margin-right: 243px;
	margin-left: 320px; 
	width: 330px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size: 12px;
	color: #333;}	
	
	
#content p{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
font-size:15px; 	
color: #333;
line-height:16px;
font-weight:bold;	
margin-bottom: 1px; }

#content ul
{	margin: 10px 241px 10px 65px; padding: 5px;
	line-height: 17px; }

#content ul a
{	color: #036; }

#content ul li 
	{ list-style-image: url(../images/bullet.gif); margin-top: 0; }

#content h1
{	width: 201px; height: 48px;
	text-indent: -1000em; }
	
#facut2{
    position: absolute;
	left: 195px; top: 110px;
	width: 158px; height: 139px;
	background: url(../images/facut-third-level.gif) no-repeat; } 

#facut{
	position: absolute;
	left: 195px;
	top: 110px;
	width: 158px;
	height: 139px;
	background: url(../images/facut-third-level-alt.gif) no-repeat;
	background-image: url(../images/facut-third-level-alt.gif);
    } 	

#hose{
	position: absolute;
	left: 194px;
	top: 110px;
	width: 145px;
	height: 131px;
	}


/* Third Level Headings
--------------------------------------------------- */

body#tap #content h1
{	background: url(../images/heading1-3rdleveltap.gif) no-repeat; 
	height: 110px;
	width: 212px;}
	
body#shower #content h1
{	background: url(../images/heading1-3rdlevel-shower.gif) no-repeat; 
	height: 96px;
	width: 184px;}
	
body#fixleak #content h1
{	background: url(../images/heading1-3rdlevel-fixleak.gif) no-repeat; 
	height: 89px;
	width: 189px;}	
	
body#beatheat #content h1
{	background: url(../images/heading1-3rdlevel-beatheat.gif) no-repeat; 
	height: 89px;
	width: 189px;}		

body#hose1 #content h1
{	background: url(../images/heading1-3rdlevel-hose.gif) no-repeat; 
	height: 100px;
	width: 250px;}	
	

/*End of 3nd level pages
--------------------------------------------------- */	
	
	
	
	
	
/* Second Level Headings and Flow
--------------------------------------------------- */
#flo{
    position: absolute;
	left: 190px; top: 143px;
	width: 143px; height: 191px;
	background: url(../images/flo-second-level.jpg) no-repeat; } 

body#whysave #content h1
{	background: url(../images/heading1-whysave.gif) no-repeat; 
	height: 82px;
	width: 239px;}
	
body#savewater #content h1
{	background: url(../images/heading1-simpleways.gif) no-repeat;
	height: 110px;
	width: 253px;}

body#game #content h1
{	background: url(../images/heading1-game.gif) no-repeat; 
	height: 77px;
	width: 254px;}

body#parents #content h1
{	background: url(../kids/i/heading1-teachers.gif) no-repeat; }


/*End of 2nd level pages
--------------------------------------------------- */

#container-overflow
{	height: 375px;
	margin: 40px 0 0 0;
	overflow: auto; }

#container-overflow img
{	margin: 10px 0 0 50px;
	padding: 0 8px 8px 0;
	float: left; }







/* Primary Navigation
----------------------------------------- */

ul#links
{	margin: 0; padding: 0;
	color: #333;
	list-style: none; }
ul#links li
{	text-decoration: none; }

ul#links li#logo
{	position: absolute;
	left: 73px; top: 50px; }	
ul#links li#logo a
{	text-indent: -1000em;
	display: block;
	width: 118px; height: 97px;
	background: url(../images/watersense-logo.jpg) no-repeat;
	text-decoration:none; }
	
ul#links li#epalogo
{	position: absolute;
	left: 676px; top: 62px; }	
ul#links li#epalogo a
{	text-indent: -1000em;
	display: block;
	width: 62px; height: 85px;
	background: url(../images/epalogo.jpg) no-repeat;
	text-decoration:none; }	

ul#links li#home
{	position: absolute;
	left: 17px; top: 153px; }
ul#links li#home a
{	text-indent: -1000em;
	display: block;
	width: 171px; height: 65px;
	background: url(../images/home.gif) no-repeat;
	text-decoration:none; }
ul#links li#home a:hover
{	background: url(../images/home-on.gif) no-repeat; }

ul#links li#whysave
{	position: absolute;
	left: 18px; top: 215px; }
ul#links li#whysave a
{	text-indent: -1000em;
	display: block;
	width: 171px; height: 69px;
	background: url(../images/whysave.gif) no-repeat;
	text-decoration:none; }
ul#links li#whysave a:hover
{	background: url(../images/whysave-on.gif) no-repeat; }

ul#links li#simpleways
{	position: absolute;
	left: 18px; top: 288px; }
ul#links li#simpleways a
{	text-indent: -1000em;
	display: block;
	width: 171px; height: 74px;
	background: url(../images/simpleways.gif) no-repeat;
	text-decoration:none; }
ul#links li#simpleways a:hover
{	background: url(../images/simpleways-on.gif) no-repeat; }

ul#links li#games
{	position: absolute;
	left: 18px; top: 362px; }
ul#links li#games a
{	text-indent: -1000em;
	display: block;
	width: 171px; height: 71px;
	background: url(../images/game.gif) no-repeat;
	text-decoration:none; }
ul#links li#games a:hover
{	background: url(../images/game-on.gif) no-repeat; }

ul#links li#parents
{	position: absolute;
	left: 17px; top: 435px; }
ul#links li#parents a
{	text-indent: -1000em;
	display: block;
	width: 171px; height: 70px;
	background: url(../images/parents.gif) no-repeat;
	text-decoration: none; }
ul#links li#parents a:hover
{	background: url(../images/parents-on.gif) no-repeat; }


ul#links li#teachers
{	position: absolute;
	left: 17px; top: 435px; }
ul#links li#teachers a
{	text-indent: -1000em;
	display: block;
	width: 171px; height: 70px;
	background: url(../images/teachers.gif) no-repeat;
	text-decoration: none; }
ul#links li#teachers a:hover
{	background: url(../images/teachers-on.gif) no-repeat; }


/* Secondary page navigation (bottom links)
----------------------------------------- */
ul#linksbtm
{	margin: 0; padding: 0;
	color: #333;
	list-style: none; }
ul#linksbtm li
{	text-decoration: none; }


ul#linksbtm li#btmnavtap
{	position: absolute;
	left: 178px; top: 400px; }
ul#linksbtm li#btmnavtap a
{	text-indent: -1000em;
	display: block;
	width: 101px; height: 88px;
	background: url(../images/btmnav-tap.gif) no-repeat;
	text-decoration:none; }
ul#linksbtm li#btmnavtap a:hover
{	background: url(../images/btmnav-tap-on.gif) no-repeat; }


ul#linksbtm li#btmnavshower
{	position: absolute;
	left: 280px; top: 400px; }
ul#linksbtm li#btmnavshower a
{	text-indent: -1000em;
	display: block;
	width: 91px; height: 88px;
	background: url(../images/btmnav-shower.gif) no-repeat;
	text-decoration:none; }
ul#linksbtm li#btmnavshower a:hover
{	background: url(../images/btmnav-shower-on.gif) no-repeat; }


ul#linksbtm li#btmnavfixleak
{	position: absolute;
	left: 373px; top: 400px; }
ul#linksbtm li#btmnavfixleak a
{	text-indent: -1000em;
	display: block;
	width: 95px; height: 88px;
	background: url(../images/btmnav-leak.gif) no-repeat;
	text-decoration:none; }
ul#linksbtm li#btmnavfixleak a:hover
{	background: url(../images/btmnav-leak-on.gif) no-repeat; }


ul#linksbtm li#btmnavbeatheat
{	position: absolute;
	left: 468px; top: 400px; }
ul#linksbtm li#btmnavbeatheat a
{	text-indent: -1000em;
	display: block;
	width: 95px; height: 88px;
	background: url(../images/btmnav-beatheat.gif) no-repeat; 
	text-decoration:none; }
ul#linksbtm li#btmnavbeatheat a:hover
{	background: url(../images/btmnav-beatheat-on.gif) no-repeat; }



ul#linksbtm li#btmnavhose
{	position: absolute;
	left: 562px; top: 400px; }
ul#linksbtm li#btmnavhose a
{	text-indent: -1000em;
	display: block;
	width: 102px; height: 88px;
	background: url(../images/btmnav-hose.gif) no-repeat;
	text-decoration:none; }
ul#linksbtm li#btmnavhose a:hover
{	background: url(../images/btmnav-hose-on.gif) no-repeat; }



/* =Footer links
----------------------------------------------- */
ul#areafooter
{	padding: 0;
	color: #333;
	list-style: none; }

li#areafooter
{	position: absolute;
	top: 490px; 
	left: 225px;
}

li#areafooter a
{	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none; }

li#areafooter a:hover
{	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline; }