@charset "utf-8";
/* CSS Document */

body {padding: 0px; margin:0px; background-color: #886b4d;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 12px;}

.clear {clear:both}
.push { height: 50px; clear:both;}

#wrapper {width: 95%; margin: 0 auto; min-width: 770px; max-width: 1000px;}

#topleft {width: 11px; height: 124px; float: left; background:url(../images/header_left.jpg) no-repeat;}
#topright {width: 11px; height: 124px; float: right; background:url(../images/header_right.jpg) no-repeat;}
#header {width: 100%; height: 124px; background:url(../images/header_repeat.jpg) repeat-x;}
#header img.logo { float: left;}
#header img.waterfall {float: right;}

h1 { font-size: 16px; color:#330000; font-variant:small-caps; }
h2 { font-size: 14px; color:#330000;}
h3 { font-size: 12px; color:#330000;}

#content {width: 100%; background:url(../images/content_repeat_right2.jpg) repeat-y #f4f0d7 right;
	border-left: 2px solid #3e0200;	margin: 0px 0px 0px 3px; padding: 0px 0px 0px 0px; float: left;}
#contentleft {width: 230px; float:left; padding: 0px; margin: 0px;}
#contentleft img.pics {margin: 5px 0px 0px 15px; border: 1px solid #666633;}

#contentright {width: 67%; float:right; padding: 0px 20px 0px 0px;}
#contentright p { padding: 0px; margin: 0px 0px 10px 0px; text-align:justify; color:#333300;}
#contentright p a { text-decoration: none; border-bottom: 1px dotted #003300; color: #003300;}
#contentright p a:hover { border-bottom: 1px solid #006600; color: #006600;}
#contentright ul {color:#333300; list-style-type: none; }
#contentright ul li { list-style-image: url(../images/list_image.png);}

div.lightbox { float: left;}
div.lightbox img { margin: 5px 10px 5px 0px; padding: 2px; border: 1px dotted #669966;}
div.lightbox img:hover { border: 1px solid #669966;}
#contentright>div.lightbox p { font-size: 9px; color:#993300; font-family: Arial, Helvetica, sans-serif;}

/* START rates.php CSS */

div.rates { float: left; padding: 10px 0px 10px 0px; border-bottom: 1px dotted #666633;}
div.ratesleft { float: left; width: 208px;}
div.ratesright { float: right; width: 59%;}
div.rates>div.ratesright>div.ratesimages img { margin: -5px 1px 0px 0px; border: 1px dotted #669966;}
div.rates>div.ratesright>div.ratesimages img:hover { margin: -5px 1px 0px 0px; border: 1px solid #669966;}
div.rates>div.ratesright h2 {margin-top: 0px;}
div.ratesleft img { margin: 0px 1px 0px 0px; padding: 2px; border: 1px dotted #669966;}
div.ratesleft img:hover { border: 1px solid #669966;}

#content>#contentright>div.rates>div.ratesright>p.icons { width: 150px; display: inline-block; margin: 0px 10px 0px 0px; font-family:Arial, Helvetica, sans-serif;
	background:url(../images/home_link_bg.png) no-repeat bottom left; }
#content>#contentright>div.rates>div.ratesright>p.icons>a.linkopacity { font-size: 10px; line-height: 15px; text-decoration: none; color: #006633; border-bottom: none; font-weight: bold;}
#content>#contentright>div.rates>div.ratesright>p.icons>a.linkopacity:hover { color: #857c43;}
#content>#contentright>div.rates>div.ratesright>a.linkopacity img {opacity: 1.0; padding: 0px 5px 7px 7px; border: none;}
#content>#contentright>div.rates>div.ratesright>a.linkopacity:hover img {opacity: .65;}

/* STOP rates.php CSS */

p.icons { width: 150px; display: inline-block; margin: 0px 10px 0px 0px; font-family:Arial, Helvetica, sans-serif;
	background:url(../images/home_link_bg.png) no-repeat bottom left; float: left; }
#content>#contentright>p.icons>a.linkopacity { font-size: 10px; line-height: 15px; text-decoration: none; color: #006633; border-bottom: none; font-weight: bold;}
#content>#contentright>p.icons>a.linkopacity:hover { color: #857c43;}
a.linkopacity img {opacity: 1.0; padding: 0px 5px 7px 7px;}
a.linkopacity:hover img {opacity: .65;}

#flash { background: url(../images/waterfall.jpg); width: 316px; height:124px; float:right;}
#flash object.video { margin: 87px 0px 0px 111px; float: left; color: #FFFFFF; font-weight: bold;}
#flash object.audio { margin: 10px 0px 0px 0px; float: right; color: #FFFFFF; font-weight: bold;}

.banner { width: 98.5%; background:url(../images/banner_bg.jpg) repeat-x; height:25px;}
.banner p.datetime { padding: 5px 5px 0px 0px; margin: 0px; float:right; color: #999999;}

ul#nav,ul#nav li{ list-style-type:none; padding: 0px; margin: 0px; background:url(../images/repeat_nav.jpg) repeat-y;}
ul#nav{ margin: -3px 0px 0px 0px; width:200px; font-variant:small-caps;}
ul#nav li{ float:left;margin: 0px; width: 230px;}
ul#nav a{ float:left; width: 175px;
	padding:4px 0px 4px 0px; margin:0px 0px 0px 25px;
	text-decoration: none;
	font-weight: bold;
	color: #635003;
	border-bottom: dotted 1px #635003;}
ul#nav a:hover{	color: #886B4D;
	border-bottom: solid 1px #886B4D;}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: url(../images/nav_image.png) left center no-repeat; padding-left: 25px; width: 150px;
	color:#886B4D;
	border-bottom: solid 1px #886B4D;}

#footerleft {width: 12px; height: 59px; float: left; background: url(../images/footer_left.jpg) no-repeat;}
#footerright {width: 11px; height: 59px; float: right; background: url(../images/footer_right.jpg) no-repeat;}
#footer {width: 100%; height: 59px; background:url(../images/footer_repeat.jpg) repeat-x; float: left;}
#footer p {padding: 29px 0px 0px 0px; margin: 0px 0px 0px 0px; color:#3e0200; float:left; font-size: 10px;}
#footer a { text-decoration: none; border-bottom: 1px dotted #003300; color: #003300;}
#footer a:hover { border-bottom: 1px solid #006600; color: #006600;}

.flash_bottom { float:right; background:url(../images/waterfall_bottom.jpg) no-repeat; height: 59px; width: 280px;}
.flash_bottom object { float:right; color: #FFFFFF; font-weight: bold;}

table.drive {width: 100%; color: #333300; font-size:10px; line-height: 15px;}
table.drive td { vertical-align: top; text-align: left; width: 33.3%;}
table.drive th { text-align: left; text-decoration: underline; width: 33.3%;}
table.drive a { color: #336600; text-decoration: none; border-bottom: 1px dotted #336600;}
table.drive a:hover { color: #006600; border-bottom: 1px solid #006600;}

#contentright b { font-weight: lighter;}
/*  ##################################################################################################################   */

#contactformbackground {width: 515px; margin: 0 auto;
	border-bottom-style: double;
	border-top-style: double;
	border-color: #bd8046;
	float:left;}
.leftform {float: left; width: 240px;}
.rightform {float: right; width: 240px;}
.bottom {float: left;  width: 515px;
	margin: 0px 0px 0px 0px;}
#content>#contentright>p.required {color: #FF0000; font-size: 10px;}
#content>#contentright>#contactformbackground>p.required {color: #FF0000; font-size: 10px;}
#content>#contentright>h2.required {color: #FF0000;}
#content>#contentright>#contactformbackground>h2.required {color: #FF0000;}

form#contactform {margin: 0px 0px 0px 0px; 
	padding: 5px 0px 5px 0px;
	line-height: 22px; 
	color: #4a1a2c;}
	
form#contactform label {width: 110px; font-size: 10px; float: left;}

form#contactform input.style {font-size: 10px;float: right;
	border: 1px solid #4B050D;
	background: #a6bf7d;
	width: 125px;}
form#contactform select {font-size: 10px;float: right;
	border: 1px solid #4B050D;
	background: #a6bf7d;}
form#contactform textarea {font-size: 12px;float: right;
	border: 1px solid #4B050D;
	background: #a6bf7d;
	width: 513px;}
form#contactform input.submit {font-size: 10px;
	float: left;
	border: 1px solid #660033;
	color: #ffffff;
	width: 75px;
	background: #660000;}
form#contactform input.checkbox {float: left; 
	margin: 0px 0px 0px 10px;
	padding: 0px;}