/* CSS Document */



body	{
		background-color: #003C55;
		margin: 0px;
		padding: 20px;
		text-align: center;
		font-size: 90%;
		
		
		}
		
		
p		{	
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: 75%;
		line-height: 1.85em;
		color: #000000;
		}
		
		
h1	{	
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: 110%;
		line-height: 1.5em;
		color: #00AEB1;
		}
		
h2	{	
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: 80%;
		line-height: 1.5em;
		color: #40586F;
		}
		
h2.docs	{	
		clear: both;}		

h3	{	
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: 60%;
		line-height: 1.5em;
		font-weight: bold;
		color: #40586F;
		}		
h4,h5,h6
	{	
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: 40%;
		line-height: 1.5em;
		font-weight: bold;
		color: #40586F;
		}


img		{
		border: 0px;
		padding: 0px;
		margin: 0px;
		}

a img
		{
		border:none;
		}		
		
ul		
		{	
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: 75%;
		line-height: 1.5em;
		color: #000000;
		list-style-type: disc;
		}
		
ol		
		{	
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: 75%;
		line-height: 1.5em;
		color: #000000;
		list-style-type: decimal;
		}			
		
a		{	
		font-family: Verdana, Arial, helvetica, sans-serif;
		line-height: 1.5em;
		}
		
td		{
		font-family: Verdana, Arial, helvetica, sans-serif;
		color: #000000;
		font-size: 100%;
		line-height: 1.5em;
		}
		
table	{
		border: 0px;
		}
		
.nav 	
		{
		font-family: Verdana, Arial, helvetica, sans-serif;
		line-height: 2.0em;
		color:#40586F;
		font-size: 75%;
		}
		
.subnav 	
		{
		font-family: Verdana, Arial, helvetica, sans-serif;
		line-height: 2.0em;
		color: #00AEB1;
		font-size: 75%;
		}		
		
	
.foottext	
		{
		font-family: Verdana, Arial, helvetica, sans-serif;
		line-height: 1.5em;
		font-weight: normal;
		font-size: 75%;
		color:#B9D3F6;		
		}
		
.waterfact	
		{
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: 75%;
		line-height: 2.0em;
		font-weight: normal;
		color:#FFFFFF;	
		}
		
.imgleft
		{
		float: left;
		margin: 10px 20px 10px 0px;
		font-size: 65%;
		font-family: Verdana, Arial, helvetica, sans-serif;
		line-height: 1.85em;
		color:#40586F;
		}

.imgright
		{
		float: right;
		margin: 10px 0px 10px 20px;
		font-size: 65%;
		font-family: Verdana, Arial, helvetica, sans-serif;
		line-height: 1.85em;
		color:#40586F;
		}		
		
.boxleft
		{
		float: left;
		margin: 10px 20px 10px 0px;
		width: 230px;
		padding: 10px;
		border: 1px solid #CCCCCC;
		}
		
.boxright
		{
		width: 230px;
		float: right;
		margin: 10px 0px 10px 20px;
		padding: 10px;
		border: 1px solid #CCCCCC;		
		}				
		
.caption
		{
		font-size: 65%;
		font-family: verdana, arial, helvetica, sans-serif;
		color:#40586F;
		}
		
.clear
		{
		clear: both;
		}
		
.nestlist	
		{	
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: 100%;
		line-height: 1.5em;
		color: #000000;
		list-style-type: disc;
		}		
		
.tableheading		
		{	
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: 75%;
		line-height: 1.85em;
		color: #000000;
		font-weight: bold;
		}	
		
.kidsthumb
		{
		width:97px;
		float:left;
		margin:10px 17px;
		text-align:center;
		font-family: Verdana, Arial, helvetica, sans-serif;
		font-size: 75%;
		line-height: 1.3em;
		color: #000000;
		display:inline;
		}	
		
.kidsthumb img
		{
		diplay:block;
		border:1px solid #000000;
		}
		
.kidsthumb a:hover img {border:1px solid #87b6ec;}

.kidsthumb a:link  {color: #436d94; text-decoration: none;}
.kidsthumb a:visited  {color: #436d94; text-decoration: none;}
.kidsthumb a:hover  {color: #40586F; text-decoration: none;}								
												

#container
		{
		padding: 0px;
		margin: 0px auto 0px auto;
		width: 760px;
		text-align: left;
		background: url("images/bg.jpg") repeat;
		}

#header
		{
		background-color: #87B6EC;
		width: 760px;
		}
		
#greenstrip
		{
		background-color: #00AEB1;
		height: 6px;
		width: 760px;
		padding: 0px;
		margin: 0px;
		border: 0px;
		font-size: 0;
		
		}
						
		
#left {
	width: 530px;
	margin-left: 0px;
	float: left;
	display: inline;
	background-color: #FFFFFF;
	padding: 10px;
	}
		
#right
	{
	margin-left: 550px;
	}
	
#navbox
	{
	margin: 0px;
	padding: 15px;
	background-color: #B9D3F6;
	}
	
#bottomright
	{
	margin: 0px;
	padding: 91px 20px 20px 20px;
	background-image: url("images/fact.jpg"); 
	background-position: top-left; 
	background-repeat: no-repeat;
	}								

#footer
		{
		background-color:#003C55;
		width: 740px;
		text-align: center;
		padding: 10px;
		clear: left;
		}	
				
			
		
a:link {color: #436d94; text-decoration: underline;}
a:visited {color: #436d94; text-decoration: underline;}
a:hover {color: #40586F; text-decoration: underline;}

a.nav:link {color: #40586F; text-decoration: none;}
a.nav:visited {color: #40586F; text-decoration: none;}
a.nav:hover {color: #000000; text-decoration: none;}

a.foottext:link {color: #B9D3F6; text-decoration: underline;}
a.foottext:visited {color: #B9D3F6; text-decoration: underline;}
a.foottext:hover {color: #FFFFFF; text-decoration: underline;}

