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

body {margin:0px; background-color:#ffffff;}
body,td,th {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
h1 {font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#ffffff; margin-top:0px; margin-bottom:7px; font-weight:bold;}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#000000; margin-top:0px; margin-bottom:7px; font-weight:bold;}
form {padding:0px; margin:0px;}
p {margin-top:0px;}
hr {margin-bottom:20px; margin-top:25px;}

a:link {color: #000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:hover {color: #cccccc; text-decoration: underline;}
a:active {color: #000000; text-decoration: underline;}

.wrapper {width:800px; margin:0 auto;}
.boarder {float:left; border:#333 solid 1px;}

.header {width:800px; height:133px; float:left; background:url(images/headerBG.jpg);}
.logo {width:148px; height:133px; float:left; margin-left:82px;}
.topNav {width:560px; height:30px; float:right; margin-right:10px; margin-top:15px; text-align:right; color:#FFF; font-size:10px;}
.topNav a:link {color: #ffffff; text-decoration: none; margin-left:5px; margin-right:5px;}
.topNav a:visited {color: #ffffff; text-decoration: none; margin-left:5px; margin-right:5px;}
.topNav a:hover {color: #000000; text-decoration: none; margin-left:5px; margin-right:5px;}
.topNav a:active {color: #ffffff; text-decoration: none; margin-left:5px; margin-right:5px;}
.topNav input {font-size:10px; width:85px}

.nav {width:780px; height:20px; float:left; background:url(images/navBar.jpg); color:#FFF; text-align:right; color:#FFF; padding-right:20px; padding-top:5px; font-size:11px;}
.nav a:link {color: #ffffff; text-decoration: none; margin-left:15px; margin-right:15px;}
.nav a:visited {color: #ffffff; text-decoration: none; margin-left:15px; margin-right:15px;}
.nav a:hover {color: #000000; text-decoration: none; margin-left:15px; margin-right:15px;}
.nav a:active {color: #ffffff; text-decoration: none; margin-left:15px; margin-right:15px;}

.content {width:800px; min-height:300px; float:left; background-color:#e8dec4;}

.copy {width:760px; float:left; margin:15px 20px;}

.home {width:800px; height:403px; float:left; background:url(images/homeBG.jpg);}
.homeText {width:200px; height:300px; float:left; margin-left:30px; margin-top:30px; color:#FFF;}
.homeFooter {width:800px; height:91px; float:left;}

.history {width:800px; height:494px; float:left; background:url(images/historyBG.jpg);}
.historyHeader {width:330px; height:30px; float:left; margin-left:35px; margin-top:315px;}
.historyText {width:763px; height:87px; float:left; margin-left:35px; margin-top:5px; overflow:auto;}

.products {width:640px; min-height:450px; float:left; margin-left:90px; margin-top:20px;}
.productHeader {width:630px; height:55px; float:left; margin-bottom:15px; color:#8a2003; font-size:11px;}
.productThumb {width:149px; height:200px; float:left; text-align:center; font-size:10px; font-weight:bold; margin-right:10px;}

.footer {width:800px; float:left; margin-top:10px; font-size:10px; text-align:center}
.footer a:link {color: #000000; text-decoration: none;}
.footer a:visited {color: #000000; text-decoration: none;}
.footer a:hover {color: #a1312d; text-decoration: underline;}
.footer a:active {color: #000000; text-decoration: none;}


/*DROP DOWN MENU STYLES*/
#nav { /* all lists */
	padding: 0;
	margin: 0; 
	padding-right:130px;
	list-style: none;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0; 
	list-style: none;
}

#nav a {
	display:block;
	width: 130px;
}

#nav li { /* all list items */
	float: right;
	width: 7em;  /*width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position:absolute;
	border-top:solid 2px #a3792d;
	background: #755719;
	left: -999px; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul a { /* second-level lists */
	padding-top:4px;
	padding-bottom:4px; 
	color:#ffffff; 
	font-size:9px;
}
#nav li ul a:hover { /* second-level lists */
	text-decoration:underline;
	color:#FFFFFF;
/*	background:#000000;*/
}
#nav li ul li { /* second-level lists */
	padding:0px 5px; 
	border:#FFFFFF; 
	background: #755719;
	border-bottom-style:solid; 
	border-width:1px;
	height:20px;
	text-align:left;
	
}
#nav li ul li:hover { /* second-level lists */
	background: #000000; 
}

#nav li:hover ul { /* lists nested under hovered list items */
	position:relative;
	left: auto;
}