/* CSS Document */
/*** Let's Set Everything to Zero ***/
 html,body,p,div,img,li,ul,dl,dd,dt,form,form{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
}
input,select{
  margin:0;
  padding:0;}
  
/* Main DIV Layouts --------------------------------------------------*/

body {margin: 0px 0px 0px 0px; 
      background-color: #FFFFFF;
	  padding:0;
      color: #333333;
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 80%;
	  background-image:url(../images/gradient.gif);
	  background-position:top left;
	  background-repeat: repeat-x}



#container {margin-right:8%; 
            margin-left:8%; 
			margin-top:0px;
			background-color: #FFFFFF; 
			padding: 6px 0px 0px 0px ;
			border-right:1px solid #ffffff;
			border-left:1px solid #ffffff;
			 
			  }
			  
			  
			  

#banner {

         background-color:#43597E;
         margin: 0px;
		 padding: 0px;}
		 
#contentcontain{margin-top:25px; padding:0;}		 			 
		  
#sidebar-left {float: left;
			width: 205px;
			margin: 0px 0px 0px 0px;
			background-color: #ffffff;}
			
#content {padding: 0px 15px 10px 15px;
		  margin-left: 210px;
		  margin-top:15px;
		  background-color: #FFFFFF;}


#contenthome {padding: 0px 15px 10px 15px;
		  margin-left: 210px;
		  margin-top:15px;
		  background-color: #FFFFFF;}
		  
		  
		  
#leftplacehold {padding: 0px;
		  margin-right: 180px;
		  margin-left: 0px;
		  background-color: #FFFFFF;
		  padding: 20px 0px 10px 0px;}
		  
		  			
			
#footer {clear: both;
		padding: 5px 0px 5px 5px;
		margin: 30px 0px 0px 0px;
		background-color: #FFFFFF;
		}
		
		
/* Header --------------------------------------------------*/	

#header {height:85px; 
         background-image:  url(../images/header.jpg);
		 background-repeat: no-repeat;  
		 background-position: top right; 
		 margin-bottom:1px;
		 margin-top:10px}
		 
		 




/* History --------------------------------------------------*/
		   
#history { background-color:#43597E;
          padding: 2px 0px 7px 10px;
           margin: 0px 0px 10px 0px;
		   color:#ffffff; }	

	   
.toplink a:link   {text-decoration: underline; color:#ffffff}
.toplink  a:visited {text-decoration: underline; color:#ffffff}
.toplink  a:hover   {text-decoration: underline; color:#ffffff} 
		   
		   
#searcharea {float:right;
             padding: 0px 0px 5px 0px;
			 margin: 0px 10px 10px 0px ;
			 text-align: right;
			 color: #ffffff;
			 font-weight:bold;}


.hidden {position: absolute; left: -9000px}

.map {font-size: 100%; color:#666666; margin-left:15px; color:#FFFFFF}
.map  a:link   {text-decoration: underline; color:#ffffff}
.map  a:visited {text-decoration: underline; color:#ffffff}
.map  a:hover   {text-decoration: underline; color:#ffffff} 


.normal {font-size: 100%; color:#666666}
.normal a:link   {text-decoration: none; color:#ffffff}
.normal a:visited {text-decoration: none; color:#ffffff}
.normal a:hover   {text-decoration: underline; color:#ffffff} 

.large {font-size: 120%; color:#ffffff}
.large a:link   {text-decoration: none; color:#ffffff}
.large a:visited {text-decoration: none; color:#ffffff}
.large a:hover   {text-decoration: underline; color:#ffffff} 

.xlarge {font-size: 140%; color:#ffffff}
.xlarge a:link   {text-decoration: none; color:#ffffff}
.xlarge a:visited {text-decoration: none; color:#ffffff}
.xlarge a:hover   {text-decoration: underline; color:#ffffff} 

.betsie {font-size: 140%; color:#FFFF00; background-color:#000000; padding: 0px 2px 0px 2px }
.betsie a:link   {text-decoration: none; color:#FFFF00; background-color:#000000;}
.betsie a:visited {text-decoration: none; color:#FFFF00; background-color:#000000;}
.betsie a:hover   {text-decoration: none; color:#FFFF00; background-color:#000000;} 
		  

a:link   {text-decoration: underline;  color:#0033CC}
a:visited {text-decoration: underline;  color:#660099}
a:hover   {text-decoration: underline;  color:#0033CC} 
a:active {background-color:#F7B92D; color:#333333}
a:focus {background-color:#F7B92D; color:#333333} 		   
		   
/* Left Navigation --------------------------------------------------*/


#subnavcontainer { 
				margin:0; 
				background-image:url(../images/navback.gif);  
				background-repeat:no-repeat; 
				background-position:left top; 
				background-color:#43597E }
				
#subnavcontainer ul{
				margin: 0; 
				padding: 0; 
				list-style-type: none; 
				font-family: verdana; 
				font-size: 1em; 
				font-weight: bold;}
				
#subnavcontainer li {
				margin: 0 0 0 0; }



#subnavcontainer a {
				display: block; 
				padding: 5px 0px 5px 35px; 
				width: 170px; 
				color: #ffffff;  
				border-top: 1px solid #ffffff;  
				text-decoration : none; 
				background-image:url(../images/sidebullet.gif); 
				background-position:left; 
				background-repeat:no-repeat}
				
				
#subnavcontainer a:visited {
				display: block; 
				padding: 5px 0px 5px 35px; 
				width: 170px; 
				color: #ffffff;  
				border-top: 1px solid #ffffff;  
				text-decoration : none; 
				background-image:url(../images/sidebullet.gif); 
				background-position:left; 
				background-repeat:no-repeat}	
				
						
#subnavcontainer a:hover {
				display: block; 
				padding: 5px 0px 5px 35px; 
				width: 170px; 
				color: #ffffff;  
				border-top: 1px solid #ffffff;  
				text-decoration : underline; 
				background-image:url(../images/sidebullet.gif); 
				background-position:left; 
				background-repeat:no-repeat}

a:link#currentnav, a:visited#currentnav{
				display: block; 
				padding: 5px 0px 5px 35px; 
				width: 170px; 
				color: #ffffff;  
				border-top: 1px solid #ffffff;  
				text-decoration : underline; 
				background-image:url(../images/sidebullet.gif); 
				background-position:left; 
				background-repeat:no-repeat} 
				
				
#subnavcontainer a:active {background-color:#F7B92D; color:#43597E}
#subnavcontainer a:focus {background-color:#F7B92D; color:#43597E} 
			

#subnavcontainer ul a.top {
				display: block; 
				padding: 10px 0px 5px 35px; 
				width: 170px; color: #ffffff;  
				border-bottom: 1px solid #ffffff;  
				text-decoration : none; }
				
				
#subnavcontainer ul a.last {
				display: block; 
				padding: 5px 0px 5px 35px; 
				width: 170px; 
				color: #ffffff;  
				text-decoration : none; 
}


#subnavcontainer ul ul{
				margin: 0; 
				padding: 0; 
				list-style-type: none; 
				font-family: verdana; 
				font-size: 1em; 
				font-weight: normal;}
				
				
#subnavcontainer ul ul li {margin: 0 0 0 0px; }

#subnavcontainer ul ul a {
				display: block; 
				padding: 3px 5px 3px 40px; 
				width: 160px; 
				color: #ffffff; 
				border-top: 0px;    
				text-decoration : none; 
				background-image: url(../images/ulul.gif); }



#subnavcontainer ul ul a:visited {
				display: block; 
				padding: 3px 5px 3px 40px;  
				width: 160px; 
				color: #ffffff; 
				border-top: 0px;    
				text-decoration : none; 
				background-image: url(../images/ulul.gif); }	
				
						
#subnavcontainer ul ul a:hover {
				display: block; 
				padding: 3px 5px 3px 40px;  
				width: 160px; 
				color: #ffffff; 
				border-top: 0px;    
				text-decoration : underline; 
				background-image: url(../images/ulul.gif); }
				
				
a:link#currentsubnav, a:visited#currentsubnav{
				display: block; 
				padding: 3px 5px 3px 40px;  
				width: 160px; 
				color: #ffffff; 
				border-top: 0px;    
				text-decoration : underline; 
				background-image: url(../images/ulul.gif); }
				

#subnavcontainer ul ul a:active {background-color:#F7B92D; color:#43597E}
#subnavcontainer ul ul a:focus {background-color:#F7B92D; color:#43597E} 

/* Main Heading Text and Links --------------------------------------------------*/
#content h1 { font-size: 1.5em;
     color:#43597E;
	 font-weight:normal;
	 margin: 0px 0px 10px 0px;
	 padding: 0px 0px 4px 0px;
	 border-bottom:1px dashed #43597E
	 }
	  	 


#content h2 { font-size: 1.2em;
     color: #656493;
	 padding: 0px;
	 margin: 0px 0px 10px 0px;
	 padding: 3px 0px 3px 5px;
	 background-color:#FEF196;
	 border:1px dashed #D6BC0E}
	 
	 


	 
#content h3 {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size:1em; color: #333333;}	 

#content p   {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;}


#footer p{text-align:center; font-size:0.9em;}



#content ul {list-style: none; margin: 10px 5px 0px 5px; padding: 0 0 0.6em 0;}
#content ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

#content ol {list-style: decimal; margin: 10px 5px 0px 25px; padding: 0 0 0.6em 0;}
#content ol li { display: block; padding: 0.2em 0 0.1em 0px;}

#content ul  ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0em 0;}
#content ul ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}



#content table { background-color:#cccccc; margin: 10px 0px 10px 0px}
#content td, tr{ background-color:#FFFFFF; padding:5px; text-align:left}
#content th { background-color:#4B5883; color:#FFFFFF; font-size:1.1em; font-weight:bold; padding:5px; text-align:left}

#nogrey table{ background-color:#ffffff; margin: 10px 0px 10px 0px}


/* Homepage Main Heading Text and Links --------------------------------------------------*/

#contenthome h1 { font-size: 1.5em;
     color:#43597E;
	 font-weight:normal;
	 margin: 0px 0px 10px 0px;
	 padding: 0px 0px 4px 0px;
	 border-bottom:1px dashed #43597E
	 }
	  	 


	 	 
#contenthome h3 {margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; font-size:1em; color: #333333;}	 

#contenthome p   {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px;}






#contenthome ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#contenthome ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

#contenthome ol {list-style: decimal; margin: 0px 5px 0px 25px; padding: 0 0 0.6em 0;}
#contenthome ol li { display: block; padding: 0.2em 0 0.1em 0px;}

#contenthome ul  ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0em 0;}
#contenthome ul ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}





/*  Homepage Placeholders --------------------------------------------------*/

.navyplace {width: 47% ; float: left; background-color: #FFFFFF; margin: 0px 10px 10px 0px; }
.navyhead {background:  url(../images/placeright.gif) no-repeat top right; padding: 0px 0px 0px 0px; height:32px;}
.navyhead h2 {padding: 5px 0px 0px 40px; margin: 0; color: #FFFFFF; font-size: 1.3em; font-weight: bold;  font-family: arial, sans-serif;}
.navytext {border-right: 1px solid #62618F; border-left: 1px solid #62618F; border-bottom: 1px solid #62618F; padding: 5px 5px 5px 5px;}
.navytext p{ margin: 0px 0px 10px 0px;}
.navybot {background:  url(../images/placebot.gif) no-repeat top right; padding: 0px 0px 0px 0px; height:32px;}

.tabbot {background:  url(../images/tab_bot.gif) no-repeat bottom right; padding: 0px 0px 0px 0px;  }
.curve {background:  url(../images/curve.gif) no-repeat; padding: 0px 0px 0px 0px; width: 19px; margin: 0px 0px 0px 0px  }

#parent {background: url(../images/placeleft.gif) no-repeat top left; padding: 0px 0px 0px 0px; height:32px;}
#child {background: url(../images/placeleft.gif) no-repeat top left; padding: 0px 0px 0px 0px; height:32px;}
#nezs {background: url(../images/placeleft.gif) no-repeat top left; padding: 0px 0px 0px 0px; height:32px;}
#doc {background:  url(../images/doc.gif) no-repeat top left; padding: 0px 0px 0px 0px; height:65px;}
#news {background:  url(../images/news.gif) no-repeat top left; padding: 0px 0px 0px 0px; height:65px;}

#bot {background: url(../images/bot.gif) no-repeat top left; padding: 0px 0px 0px 0px; height:32px;}



.btn { height: 28px; background: url(../images/btn.gif) no-repeat top right; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px}
.btnl {height: 21px; background: url(../images/btn_left.gif) no-repeat top left; padding: 7px 0px 0px 7px;  font-size: 90%}
.btnl a:link {color: #FFFFFF; text-decoration:none; }
.btnl a:visited {color: #FFFFFF; text-decoration:none; }
.btnl a:hover {color: #FFFFFF; text-decoration:underline; }

/* News Home Placeholders --------------------------------------------------*/

.newsplace {width: 96% ; float: left; background-color: #FFFFFF; margin: 0px 0px 10px 0px; }
.newshead {background:  url(../images/news.gif) no-repeat top right; padding: 0px 0px 0px 0px; height:32px;}
.newshead h2 {padding: 5px 0px 0px 40px; margin: 0; color: #FFFFFF; font-size: 1.3em; font-weight: bold;  font-family: arial, sans-serif;}
.newstext {border-right: 1px solid #62618F; border-left: 1px solid #62618F; border-bottom: 1px solid #62618F; padding: 5px 5px 5px 5px;}
.newstext p{ margin: 0px 0px 10px 0px;}
.newsbot {background:  url(../images/placebot.gif) no-repeat top right; padding: 0px 0px 0px 0px; height:32px;}






#kids{
	background-color:#DEDDF1; 
	border:1px solid #62618F; 
	padding:5px; height:58px}

#kids p {padding-left:5px; margin-left:5px }
#kids h2 {padding-left:5px; margin:0px 0px 0px 5px; color:#656493; font-size:1.2em }
#kids img{float:left; margin:0px 10px 0px 0px}

#kids a {color:#656493}
#kids a:visited {color:#656493}
#kids a:hover {color:#62618F}
#kids a:active {background-color:#F7B92D; color:#43597E}
#kids a:focus {background-color:#F7B92D; color:#43597E}




/* Page Links Placeholders --------------------------------------------------*/

#pagelinks { background-color:#E2EBFB; padding:10px; color:#333333; border:solid 1px #8292AE; margin-bottom:10px}

#pagelinks  ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#pagelinks  ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 1em 0.1em 10px; }

#pagelinks a:link   {text-decoration: underline;  color:#333333}
#pagelinks a:visited {text-decoration: underline;  color:#333333}
#pagelinks a:hover   {text-decoration: underline;  color:#333333} 
#pagelinks a:active {background-color:#A1ECF7; color:#333333}
#pagelinks a:focus {background-color:#A1ECF7; color:#333333} 


.floatleft{float:left; margin:0px 10px 10px 0px}



#comments {border:1px solid #43597E; padding:10px }





  
#clear {clear:both;}



/* Fix 3px Bug --------------------------------------------------*/ 
 
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #contentcontain{
  height: 1%;
  margin-left: 0;}
  
* html #contenthome{
  height: 1%;
  margin-left: 0;}
  

#kidsplright {margin-left: 350px; margin-top: 100px } 
#kidsplleft {width: 350px; float: left} 

#pagelinks2 { background-color:#E2EBFB; padding:10px; color:#333333; border:solid 1px #8292AE; margin-bottom:10px}
#pagelinks2  ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#pagelinks2  ul li {background:  url(../images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 1em 0.1em 10px; }



.things a:link   {text-decoration: underline;  color:#00A1E5; font-size:160%; font-weight:bold}
.things a:visited {text-decoration: underline;  color:#00A1E5; font-size:160%; font-weight:bold}
.things a:hover   {text-decoration: underline;  color:#00A1E5; font-size:160%; font-weight:bold} 
.things a:active {background-color:#A1ECF7; color:#00A1E5; font-size:160%; font-weight:bold}
.things a:focus {background-color:#A1ECF7; color:#00A1E5; font-size:160%; font-weight:bold} 

.online a:link   {text-decoration: underline;  color:#34C525; font-size:160%; font-weight:bold}
.online a:visited {text-decoration: underline;  color:#34C525; font-size:160%; font-weight:bold}
.online a:hover   {text-decoration: underline;  color:#34C525; font-size:160%; font-weight:bold} 
.online a:active {background-color:#A1ECF7; color:#34C525; font-size:160%; font-weight:bold}
.online a:focus {background-color:#A1ECF7; color:#34C525; font-size:160%; font-weight:bold} 

.recipe a:link   {text-decoration: underline;  color:#ED4AA5; font-size:160%; font-weight:bold}
.recipe a:visited {text-decoration: underline;  color:#ED4AA5; font-size:160%; font-weight:bold}
.recipe a:hover   {text-decoration: underline;  color:#ED4AA5; font-size:160%; font-weight:bold} 
.recipe a:active {background-color:#A1ECF7; color:#ED4AA5; font-size:160%; font-weight:bold}
.recipe a:focus {background-color:#A1ECF7; color:#ED4AA5; font-size:160%; font-weight:bold}