/*
Styles for NEP Kids pages
*/
body { background-color : #9cf; margin : 0px; padding : 0px; min-height : 800px; background-image : url(../gif/bkgrnd.gif);}

a:visited {  color: #339966}
a:link {  color: #336633}
a:active { color: #66CC99}
p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 18px}
li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; line-height: 20px}
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #003366; line-height: 24px}
ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; line-height: 20px}
ol { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #003366; line-height: 20px}
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #003366; line-height: 24px}
h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #003366; line-height: 20px}
p.footer {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003366}
a:hover {  color: #66cc99}
.larger_body_text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 120%; font-weight: bold; color: #003366 }
.bold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 18px; color: #000000}
.hidden {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #99ccff}
.white {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; line-height: 18px}

/*index page styles*/
div.indexTopBanner {
	width: 760px;
	height:95px;
}
div.indexLHN {
	width: 120px;
	float: left;
	clear: left;
	height: 100%;
	min-height: 100%
}
div.indexContent {
	width:469px;
	float:left;
	clear:right;
}
div.indexContent p {
	padding-left:45px;
}

/*Non-index page styles*/

div.noIndexLH {
	width:120px;
	float:left;
}
div.noIndexContent {
	width:470px;
	float:left;
}
div.noIndexRH {
	width:470px;
	float:right;
}
div.noIndexContent p, div.noIndexContent h1 {
	padding-left:10px;
}

div.noIndexContentRH {
	width:205px;
	float:right;
}
div.noIndexContentLH {
	width:260px;
	float:left;
}

/*LHN styles, from Alison Page, 9/7/2011*/

ul#kidsside_nav {
margin: 0 auto;
padding-top: 0;
height: 176px;
list-style: none;
overflow: hidden;
width: 120px;
}

ul#kidsside_nav li {
margin: 0;
padding: 0;
list-style: none;
display: inline;
text-decoration: none;
}
ul#kidsside_nav a {
float: left;
padding: 0 120px 0 0;
overflow: hidden;
width: 0px !important;
width /**/:120px; /* for IE5/Win only */
}
ul#kidsside_nav a:hover {
background-position: -120px 0;
text-decoration: none;
}
ul#kidsside_nav a:active, #kidsside_nav a.kidsside_selected {
background-position: -120px 0;
text-decoration:none;
}

a#home {
	height: 26px;
	background-image: url(../jpg/home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a#challenges {
	height: 27px;
	background-image: url(../jpg/challenges.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a#games_activities {
	height: 27px;
	background-image: url(../jpg/games_activities.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a#glossary {
	height: 26px;
	background-image: url(../jpg/glossary.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
a#help_estuaries {
	height: 26px;
	background-image: url(../jpg/help_estuaries.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a#about_site {
	height: 46px;
	background-image: url(../jpg/about_site.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}