/* CSS Document */

body { background:url(/images/template/body.jpg) repeat-x #B9E1ED;   font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; overflow: -moz-scrollbars-vertical; color:#007088; margin:0px auto;}

#outside_area { background:url(/images/template/main_background.jpg) #009966;  width:811px; margin:0px auto; }

#header { background:url(/images/template/header.jpg); height:182px;  } 



#header h1 { display:none;}



#top_nav { background:url(/images/template/top_nav.jpg) no-repeat; height:189px; margin:0px 0px 0px 0px; text-align:center; 	     }

#top_nav ul { margin:0px 0px 0px -210px; padding:0px; width:700px; text-align:center; position:absolute; }





html>/**/body #top_nav ul { margin:0px 0px 0px 202px; padding:0px; width:700px; text-align:center; position:absolute; }



#top_nav li { list-style-type:none; float:left;  }



#top_nav a { color:#007088; font-size:12px; font-weight:bold; text-decoration:none; display:block; width:148px; height:30px; background-image:url(/images/template/butts.jpg); margin:0px -5px 0px 0px; padding:5px 0px 0px 0px; font-weight:bold; text-transform:uppercase;}






#top_nav a:hover { background-position:-148px 0px;}

#top_nav a.selected {background-position:-295px 0px; color:#FFFFFF; }

#top_nav a:hover.selected {background-position:-443px 0px; color:#FFFFFF;}





#main_area {margin:-90px 0px 0px 0px; padding:0px 40px 10px 50px;  text-align:justify; line-height:22px; }

#main_area.homepage { text-align:center;}

#main_area h1 { margin:-45px 0px 10px 0px; color:#007088; position:absolute; height:35px; display:block; font-size:22px;}

#main_area.homepage h1 { position:relative; margin:-13s0px 0px 10px 0px; }

#main_area.homepage ul { text-align:left; margin:20px 0px 20px 160px}

#main_area h2 { font-size:18px; border-top:2px dotted #B9E1ED; padding:10px 0px 10px 0px;}

#main_area a,  #footer a {color:#007088;}

#main_area a:hover, #footer a:hover { text-decoration:none;}

#main_area a.examples { background:#007088; display:block; width:110px; text-align:center; padding:2px; color:#FFFFFF; font-weight:bold; border-top:#00A9CA 1px solid; border-left:#00A9CA 1px solid; border-bottom:#00343F 1px solid; border-right:#00343F 1px solid; text-decoration:none; margin:0px 0px 0px 615px;}

#main_area a:hover.examples { background:#00A6C8}

.big { font-size:22px; font-weight:bold;}

#footer { background:url(/images/template/footer.jpg) no-repeat #B9E1ED; height:50px; text-align:center; padding:35px 0px 0px 0px; font-size:10px; }



#form {  width:400px; text-align:left; margin:10px 0px 0px 0px; float:left; position:absolute;}
#form label { display:block; width:110px; float:left;}
#form input { width:200px; margin:0px 0px 5px 0px;  background-color:#FFFBBF; border:1px #7F692F solid; font-size:11px; background-image:url(/images/template/form.jpg); background-repeat:repeat-x; padding:2px;}

#form textarea { width:200px; margin:0px 0px 5px 0px; background-color:#FFFBBF; border:1px #7F692F solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background-image:url(/images/template/form.jpg); background-repeat:repeat-x; padding:2px;}
#form input.but { background-color:#019FC4; color:#FFFFFF; border:1px #4F0F4E solid; width:200px; background-image:none; font-weight:bold; text-transform:uppercase;}

 * html .visualIEFloatFix { height: 0.03%; }



#frontpic { float:right; margin:0px 0px 0px 10px; border:1px solid #A48D4A; padding:0px; }

#frontpic img {width:150px;}

img.map { float:right; border:#7F692F solid 1px; padding:2px;}

#pics { width:320px; float:right; margin:0px 0px 0px 10px; }

#pics img { margin:2px; border:1px solid #7F692F; padding:1px;}

img.single { float:right;  margin:5px; border:1px solid #7F692F; padding:1px; }











#outside_weblinks {  margin:10px 0px 0px -15px; width:350px;  height:100px; position:absolute;}









/* this is the the size of the outside area   */

#weblinks {  }



#weblinks li {display:inline; margin:0px;}



#weblinks ul {}



/* this is the look of the small images   */

#weblinks a { text-align: center; font: bold 1em sans-serif;  border-width: 0px; text-decoration: none;  width:50px; height:50px; display:block;  float:left; margin:0px 9px 9px 0px; }



#weblinks img { border: #999999 solid 1px; filter:alpha(opacity=50); opacity: 0.5;

	-moz-opacity:0.5;}



#weblinks a:hover img {color: #411; filter:alpha(opacity=100); opacity: 1; -moz-opacity:1; }





/* this is the look of the large images   */

#weblinks a span {display: none;}

#weblinks a:hover span {display: block;

   position: absolute; top: 0px; left:100%; width: 355px;

   padding: 0px; margin: 10px; z-index: 100;

   color: #999999; 

   font: 10px Verdana, sans-serif; text-align: right;}	

   

#weblinks.printinside a:hover span {top: -55px; left:108%;}



#weblinks a:hover span h1 { font-size:14px; margin:5px 0px 5px 0px;}







html>/**/body #weblinks h1 { margin:5px 0px 10px 9px; }