/* CSS Document */

body {font-family:Geneva, Helvetica, sans-serif;
margin:0;
background:#095AA5 url(images/bg.jpg) top center no-repeat;
color:#095AA5;
text-align:center;
}

a:link, a:visited, a:active, a {color:#51B0D1; text-decoration:none;}
a {outline:none}
a:hover {text-decoration:underline}		
		
div#header {}

div#info { height:38px; color:#FFFFFF; text-align:center; white-space:nowrap;}

div.address, div.phone {line-height:180%; display: inline;}
div.phone {margin-left:15%;}

div#header img {margin:-2px 0 10px 0; border:none;}

div#container {margin:0 auto; max-width:920px; width: expression(document.body.clientWidth > 922? "920px" : "auto");}

		div.top, div.bottom {background: url(images/hor.png) repeat-x; height:30px; margin:0 30px 0 30px; _background-image: url(images/hor8.png); }
		div.top {background-position:top}
		div.bottom {background-position:bottom}
		div.tl, div.tr, div.bl, div.br  {background:url(images/corners.png) no-repeat; height:30px; width:30px; _background-image: url(images/corners8.png); }
		div.tl {float:left; background-position:top left; }		
		div.tr {float:right; background-position:top right; margin-top:-30px}
		div.br {float:right; background-position:bottom right; margin-top:-30px;}
		div.bl {float:left; background-position:bottom left;}
		
div#rightside, div#leftside {background: url(images/ver.png) repeat-y; _background-image: url(images/ver8.png);}
 div#rightside {float:left; background-position:right; padding-right:30px  }
  div#leftside {float:right; padding-left:30px}
   div#middle { clear:both; float:right; margin:0 0 -15px 0px; padding:0; background:#FFE600 url(images/menubg.jpg) bottom right no-repeat; }
		
/* Main Menu */
#menu {float:right; width: 200px; margin:0 0 0 -200px; padding:0;}
#menu ul {list-style:none; margin-top:1px; padding:0; margin:0;}
#menu li {padding:0 13px 0 12px; }
#menu li.top a{ border-top:1px solid #666600;}
#menu li a, #menu li#more {width: 175px; height: 0; padding-top: 39px; overflow: hidden; display:block;  border-bottom:1px solid #666600; color:#00113B; background-image: url(images/menu.png); background-repeat: no-repeat; _background-image: url(images/menu.gif);  }

/* BUTTONS */
#menu li#location a { background-position: 0 0; }
#menu li#rates a { background-position: 0 -39px; }
#menu li#about a { background-position: 0 -78px; }
#menu li#contact a { background-position: 0 -117px; }
#menu li#downloads a { background-position: 0 -156px; }
	#menu .break {height:80px; background:none}
#menu li#more {background-position: 10px -195px; border:none}
#menu .more a {height:1.5em; border:none; background-image:none; padding:0}


/* OVER STATES */
#menu li:hover { background-color:#FFE600;}
#menu li.more:hover {background:none}

/* ON STATES */
#menu.location li#location, #menu.rates li#rates, #menu.about li#about, #menu.contact li#contact, #menu.downloads li#downloads { background-color:#FFF27F; border:2px inset #FFE600; border-left:none; margin-bottom:-2px;}
#menu.location li#location a, #menu.rates li#rates a, #menu.about li#about a, #menu.contact li#contact a, #menu.downloads li#downloads a { border:none;_background-image: url(images/menu_b.gif);}

	
	
	div#content {margin:0 200px 15px 0; background:#FFFFFF; padding-top:5px; text-align:left; 
	border-top:2px double #BDBDBD; border-left:2px double #BDBDBD; border-right:2px inset #CFCFCF; border-bottom:2px inset #CFCFCF;}
		
				.contentheading {height:34px; background:url(images/h1bg.jpg) top left repeat-x; margin:0 5px 0 8px;}
					.h1right, .h1left {width:8px; height:34px; background:url(images/h1sides.jpg) no-repeat;}
					.h1right {background-position:top right; float:right;}
					.h1left {background-position:top left; float:left}
					.contentheading h1 {float:left; color:#FFFFFF; margin:0 0 0 5px; font-weight:normal; line-height:2em; font-size:large; filter:alpha(opacity=80); opacity:.8; background:none}
													
                 	div#content p { margin:12px 25px 13px 25px; line-height:150%; }	
					
					div#content b {font-size:medium}
					
					div#content ul {padding-left:80px}
					
				
.caption { margin:10px; padding:8px 9px 5px 9px; text-align:right; font-size:x-small; border: 1px solid #FFFF00;}
.sm {width:40%} .sm img, .md img {width:100%} 
.md {width:60%} 	
.caption div {border: 1px solid #51B0D1;}
.nowrap { margin: 0 auto; width: 300px;}
.left { float: left; }
.right { float: right;}

			.fish {margin:14px 0 0px -2px;}	
	
div#footer {text-align:center; font-size:medium; color:#FFFFFF; padding-bottom:15px; }

.clear {clear:both; }

iframe {max-width:615px; width:90%; _width:60%; height:350px; margin:20px; }

/* Forms */

form {width:80%; margin:30px; border:1px solid; padding:10px; color:#095AA5; }

input, textarea {margin:0; padding:2px; display:block; _margin-left:-30px; margin-bottom:10px; border:1px solid;  }

input.submit {clear: both; margin:10px 0; position:inherit; right:0; background:#FFFFCC; border:1px solid #333333; padding:4px; }


/* IE 6 hacks */

		 * html div.tl, * html div.bl {margin-right:-3px; }
		 * html div.top, * html div.bottom {margin-left:27px;}