body { 
margin : 10px 0 0 0; 
font-family : "trebuchet ms", verdana, sans-serif; 
font : small "trebuchet ms", verdana, sans-serif; 
background-color : #000000;

scrollbar-base-color : "#000000"; 
scrollbar-Track-Color : "#000000";
scrollbar-Face-Color : "#000000"; 
scrollbar-arrow-color : "#ffff33";
scrollbar-DarkShadow-Color : "#000000"; 
scrollbar-Highlight-Color : "#264000";
scrollbar-Shadow-Color : "#264000";
}

a { text-decoration : none; } 
a img { border-width : 0; } 

img { display : block; 
	border: none;
} 

.main { font-family : "trebuchet ms", verdana, helvetica, sans-serif; font-size : 10pt; } 
.caption { font-family : "trebuchet ms", verdana, helvetica, sans-serif; font-size : 8pt; } 
.footer { font-family : "trebuchet ms", verdana, helvetica, sans-serif; font-size : 8pt; } 
.highlight {font-family: "trebuchet ms", verdana, helvetica, sans-serif; font-size: 10pt; background-color: #FAF3C2;}
.title { font-family : "trebuchet ms", verdana, helvetica, sans-serif; font-size : 12pt; font-weight : bold; } 
.title-page { font-family : "trebuchet ms", verdana, helvetica, sans-serif; font-size : 14pt; font-weight : bold; } 
.section { background-color : #f0e48f; font-weight : bold; } 
.subhead { font-family : verdana, helvetica, sans-serif; font-size : 8pt; text-transform : uppercase; letter-spacing : 10px; } 
.toplink { font-family : verdana, helvetica, sans-serif; font-size : 7pt; } 

a:link { color : #003366; text-decoration : none; } 
a:visited { color : #003366; text-decoration : none; } 
a:hover { color : #f68c1f; text-decoration : underline; } 

a.home:link { color : #ffffff; text-decoration : none; } 
a.home:visited { color : #ffffff; text-decoration : none; } 
a.home:hover { color : #cccccc; text-decoration : none; } 

p { margin : 0px }

p.title { padding-top : 1px; padding-bottom : 1px; } 
p.rule { border : 0; border-bottom : 1px solid #cccccc; margin-top : 5px; margin-bottom : 5px; } 
p.sidebar-img { float: left; width: 15px; }
p.sidebar-content { margin-left: 20px; margin-right: 5px; }

ol { list-style-position: outside; 
	margin-left: 20px;
	padding-left: 0;
}

ol li {   
  	margin:0 0 8px 0; /* THIS CREATES VERTICAL SPACE BTWN ITEMS IN ORDERED LIST */   
} 

table.clean { 
	border-width : 0; 
	border-spacing : 10px; 
	border-style : none; 
	border-color : gray; 
	border-collapse : separate; 
	background-color : white; 
} 

table.clean td { 
	border-width : 1px; 
	padding : 10px; 
	border-style : solid; 
	border-color : #cccccc; 
	background-color : white; 
} 

table.info { 
	border-width : 1px; 
	border-style : solid; 
	border-color : #cccccc; 
	border-spacing : 0; 
	border-collapse : collapse; 
	background-color : white; 
} 

table.info td { 
	border-width : 0; 
	padding : 5px; 
	border-style : solid; 
	border-color : #cccccc; 
}

table.invis { 
	border-width : 0; 
	border-spacing : 0; 
	border-collapse : collapse; 
	background-color : white; 
} 

table.invis td { 
	border-width : 0; 
	padding : 3px; 
} 

table.outline { 
	border-width : 1px; 
	border-style : solid; 
	border-color : #264000; 
	border-collapse : collapse; 
	background-color : #eae6e0; 
} 

table.tight { 
	border-width : 0; 
	border-spacing : 0; 
	border-style : none; 
	border-color : #cccccc; 
	border-collapse : collapse; 
	background-color : white; 
} 

table.tight td { 
	border-width : 1px; 
	padding : 0; 
	border-style : solid; 
	border-color : #cccccc; 
	background-color : white; 
} 

table.sub { 
	border-width : 1px; 
	border-style : solid; 
	border-color : #cccccc; 
	border-spacing : 0; 
	border-collapse : collapse; 
	background-color : white; 
} 

table.sub td { 
	border-width : 0; 
	padding : 0 0 0 3px; 
	border-style : solid; 
	border-color : #cccccc; 
} 

/* menu background row */
td.pinstripe {
	font-family : "trebuchet ms", verdana, helvetica, sans-serif; 
	font-size : 10pt; 
	font-weight : bold; 
	color : #264000;
	background-color : #ffffff; 
	background-image : url(images/menu-back.gif); 
	background-repeat : repeat-x; 
} 

td.sidebar {
	border-left: 1px solid #264000;
} 


/* this one styles the plain form boxes */
.cleanbox { 
	font-family : "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 12px; 
	background-color : #ffffff; 
	border : 1px solid #666666; 
} 

/* this one styles the form buttons */
.buttons { 
	font-family : "trebuchet ms", Verdana, Arial, Helvetica, sans-serif; 
	font-size : 12px; 
	font-weight : bold; 
	color : #ffffff; 
	background-color : #f68c1f; 
	padding : 1px 2px 0 2px; 
	border : 1px solid #cccccc; 
} 

span.box { 
	border : 1px solid #cccccc; 
	margin-top : 3px; 
  	padding-top : 3px; 
	padding : 7px; 
	font-family : "trebuchet ms", verdana, helvetica, sans-serif; 
	font-size : 10pt; 
} 

span.main { 
  	margin-top : 3px; 
  	padding-top : 3px;
	border : 0; 
	padding : 10px; 
	font-family : "trebuchet ms", verdana, helvetica, sans-serif; 
	font-size : 10pt; 
	color : #000000; 
} 

div.caption { 
  	margin-top : 3px; 
  	padding-top : 3px; 
	border : 0; 
	padding : 5px; 
	font-family : "trebuchet ms", verdana, helvetica, sans-serif; 
	font-size : 10pt; 
	color : #666666; 
} 

div.main { 
  	margin-top : 3px; 
  	padding-top : 3px;
	border : 0; 
	padding : 20px; 
	font-family : "trebuchet ms", verdana, helvetica, sans-serif; 
	font-size : 10pt; 
	color : #264000; 
} 

div.sidebar { 
  	margin-top: 0; 
	margin-bottom: 5px;
  	margin-left: 20px; 
	border : 0; 
	padding : 0; 
	font-family : "trebuchet ms", verdana, helvetica, sans-serif; 
	font-size : 9pt;
	font-weight: bold; 
	color : #264000; 
	text-transform: uppercase;
}

div.box { 
  	margin-top : 3px; 
  	padding-top : 3px; 
	border : 1px solid #cccccc; 
	padding : 7px; 
	font-family : "trebuchet ms", verdana, helvetica, sans-serif; 
	font-size : 10pt; 
} 

div.footer { 
	padding : 3px; 
	font-family : "trebuchet ms", verdana, helvetica, sans-serif; 
	font-size : 8pt; 
} 

/* menu based on Chrome CSS Drop Down Menu from Dynamic Drive */

.chromestyle{
width: 975px;
height: 29px; 
padding:0; 
margin:0; 
list-style:none; 
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0;
padding: 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: block;
float: left; 
padding: 0; 
margin: 0;
}

.chromestyle ul li a{
color: #264000;
padding: 0;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a.home {display: block; float: left; width: 84px; height: 29px; background:url(images/menu-home.gif) no-repeat center center;}
.chromestyle ul li a.about {display: block; float: left; width: 96px; height: 29px; background:url(images/menu-about.gif) no-repeat center center;}
.chromestyle ul li a.rates {display: block; float: left; width: 91px; height: 29px; background:url(images/menu-rates.gif) no-repeat center center;}
.chromestyle ul li a.avail {display: block; float: left; width: 144px; height: 29px; background:url(images/menu-avail.gif) no-repeat center center;}
.chromestyle ul li a.photos {display: block; float: left; width: 168px; height: 29px; background:url(images/menu-photos.gif) no-repeat center center;}
.chromestyle ul li a.visit {display: block; float: left; width: 121px; height: 29px; background:url(images/menu-visit.gif) no-repeat center center;}
.chromestyle ul li a.contact {display: block; float: left; width: 112px; height: 29px; background:url(images/menu-contact.gif) no-repeat center center;}

.chromestyle ul li a.home:hover {background:url(images/menu-home-on.gif) no-repeat center center;}
.chromestyle ul li a.about:hover {background:url(images/menu-about-on.gif) no-repeat center center;}
.chromestyle ul li a.rates:hover {background:url(images/menu-rates-on.gif) no-repeat center center;}
.chromestyle ul li a.avail:hover {background:url(images/menu-avail-on.gif) no-repeat center center;}
.chromestyle ul li a.photos:hover {background:url(images/menu-photos-on.gif) no-repeat center center;}
.chromestyle ul li a.visit:hover {background:url(images/menu-visit-on.gif) no-repeat center center;}
.chromestyle ul li a.contact:hover {background:url(images/menu-contact-on.gif) no-repeat center center;}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #FFFFFF; /*THEME CHANGE HERE*/
border-bottom: 0;
font:normal 10px Verdana;
text-align: left; 
line-height:14px;
z-index:100;
background-color: #646463;
width: 125px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #FFFFFF; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: white;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #ebf7ff;
color: #264000;
}
