/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font: 12px Verdana, Arial, Helvetica, sans-serif normal;
}

.req {
	font-size: 9px;
	color: red;
}

.small {
	font-size: 75%;
}

a:link {
	color: #006699;
}

a:visited {
	color: #990099;
}

h1.title {
	background:url(../images/pageheader-BG.gif) top left no-repeat; 
	padding: 20px 0 0 35px; 
	font-weight: normal; 
	font-size: 32px; 
	margin: 0 0 10px 0; 
	color: #333333;
	border: solid 0px red;
	line-height: 90%;
}

h2.firstpara {
	font-size: 20px;
	font-weight: normal;
	color: #6D5D29;
	line-height: 130%;
	margin: 0px;
	padding: 0px;
}

h2.firstpara .small {
	color: #333;
	font-size: 14px;
}

/* ### STRUCTURE ### */
#topsection{
margin: 0 0 20px 0;
width: 100%;
}

#maincontainer { /* makes room for header */
	margin: 180px 0 0 0;
}

body#home #contentwrapper{
float: left;
width: 100%;
}

body#home #contentcolumn{
margin-left: 175px; /* Set left margin to #LeftColumn Width*/
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 150%;
color: #333;	
}

#contentcolumn{
font-family: Georgia, "Times New Roman", Times, serif;
line-height: 150%;
color: #333;
}

#leftcolumn{
width: 154px; /*Width of left column*/
float: left;
margin-left: -100%;
}

#footer{
clear: left;
width: 100%;
background: #6C5E2D url(../images/footer-bg.gif) 100% 12px no-repeat;
color: #FFF;
padding: 0 0 10px 0;
}

body#home .innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertube{
margin: 10px 50px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#header-repos { /* Moves header top of page */
	position: absolute; 
	top: 0px;
	width: 100%;
}

/* ### HEADER ### */
#header {width: 100%;}

#row1 {
	background: #FDC470;
	height: 78px;
}

#header h1, #header h2, #header h3 {
	margin: 0px;
	padding: 0px;
	display: block;
}

#header h1#logo {
	float: left;
	height: 71px;
	width: 413px;
	background: url(../images/header-logo.gif) 0 0 no-repeat;
}

#header h1#logo a {
	display: block;
	width: 413px;
	height: 71px;
}

#header h1#logo a em {display: none;}

#header h3#phone {
	width: 218px;
	height: 38px;
	background: url(../images/header-phone.gif) 0 0 no-repeat;
}

#header h3#phone em {display: none;}

#header h3#cart {
	width: 85px;
	height: 21px;
	background: url(../images/header-cart.gif) 0 0 no-repeat;
	margin: 7px 0 0 123px;
}

#header h3#cart a {
	display: block;
	width: 85px;
	height: 21px;
}

#header h3#cart a em {display: none;}

#topnav-wrap {background: url(../images/topnav-bg.gif) 0 0 repeat-x;}

#topnav-left {
	background: url(../images/topnav-LT.gif) bottom left no-repeat;
	padding: 0 0 0 11px;
	height: 34px;	
}

#topnav-right {
	background: url(../images/topnav-RT.gif) bottom right no-repeat;
	padding: 7px 0 0 0;
	height: 27px;
}

ul#topnav {
	width: 738px;
	height: 25px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	background: url(../images/topnavC.gif) 0 -25px no-repeat;
}

ul#topnav li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
}

ul#topnav li, #topnav a {
	height: 25px;
	display: block;
}

#topnav li a em {display: none;}

#topnav #bttn1 {left: 21px; width: 36px;}
#topnav #bttn2 {left: 84px; width: 67px;}
#topnav #bttn3 {left: 180px; width: 56px;}
#topnav #bttn4 {left: 266px; width: 78px;}
#topnav #bttn5 {left: 371px; width: 75px;}
#topnav #bttn6 {left: 473px; width: 61px;}
#topnav #bttn7 {left: 563px; width: 47px;}
#topnav #bttn8 {left: 637px; width: 70px;}

#topnav #bttn1 a:hover {background: transparent url(../images/topnavC.gif) -21px 0px no-repeat;}
#topnav #bttn2 a:hover {background: transparent url(../images/topnavC.gif) -84px 0px no-repeat;}
#topnav #bttn3 a:hover {background: transparent url(../images/topnavC.gif) -180px 0px no-repeat;}
#topnav #bttn4 a:hover {background: transparent url(../images/topnavC.gif) -266px 0px no-repeat;}
#topnav #bttn5 a:hover {background: transparent url(../images/topnavC.gif) -371px 0px no-repeat;}
#topnav #bttn6 a:hover {background: transparent url(../images/topnavC.gif) -473px 0px no-repeat;}
#topnav #bttn7 a:hover {background: transparent url(../images/topnavC.gif) -563px 0px no-repeat;}
#topnav #bttn8 a:hover {background: transparent url(../images/topnavC.gif) -637px 0px no-repeat;}

#topnav2-wrap {background: url(../images/topnav2-bg.gif) 0 0 repeat-x;}

#topnav2-left {
	background: url(../images/topnav2-LT.gif) top left no-repeat;
	padding: 0 0 0 11px;
	height: 25px;
}

#topnav2-right {background: url(../images/topnav2-RT.gif) top right no-repeat;}

ul#topnav2 {
	width: 664px;
	height: 25px;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	background: url(../images/topnav2-C.png) 0 -25px no-repeat;
}

ul#topnav2 li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
}

ul#topnav2 li, #topnav2 a {
	height: 25px;
	display: block;
}

#topnav2 li a em {display: none;}

#topnav2 #bttn9 {left: 0px; width: 116px;}
#topnav2 #bttn10 {left: 132px; width: 86px;}
#topnav2 #bttn11 {left: 232px; width: 119px;}
#topnav2 #bttn12 {left: 364px; width: 139px;}
#topnav2 #bttn13 {left: 514px; width: 151px;}

#topnav2 #bttn9 a:hover {background: transparent url(../images/topnav2-C.png) 0px 0px no-repeat;}
#topnav2 #bttn10 a:hover {background: transparent url(../images/topnav2-C.png) -132px 0px no-repeat;}
#topnav2 #bttn11 a:hover {background: transparent url(../images/topnav2-C.png) -232px 0px no-repeat;}
#topnav2 #bttn12 a:hover {background: transparent url(../images/topnav2-C.png) -364px 0px no-repeat;}
#topnav2 #bttn13 a:hover {background: transparent url(../images/topnav2-C.png) -514px 0px no-repeat;}

#curve-LT {
	height: 11px;
}

#curve-RT {
	background: url(../images/topcurve-RT.gif) top right no-repeat;
	height: 11px;
	width: 11px;
	float: right;
}

#sitenav {margin: -3px 0 0 0;}

#sitenav ul {
	margin: 0px;
	padding: 0px;
}

#sitenav ul li {
	list-style: none;
	font-weight: bold;
	display: inline;
	margin: 0 12px;
	text-transform: uppercase;
}

#sitenav ul li a {text-decoration: none;}

#sitenav ul li a:hover {text-decoration: underline;}

#sitenav #list1 li a {color: #FC8312;}

#sitenav #list2 {float: right;}

#sitenav #list2 li a {color: #69A597;}
/* ### END HEADER ### */

/* ### LEFT COLUMN ### */
#newsletter {
	width: 146px; 
	background: #D1D9B8 url(../images/newsletter_BG.gif) bottom center no-repeat; 
	border-left: solid 1px #C5BFA9; 
	border-right: solid 1px #C5BFA9;
	padding: 0 4px;
}

#newsletter form {
	margin: 0px; 
	padding: 0px;
}

#newsletter form input.formbox {
	margin: 0 0 4px 0;
	font-size: 12px;
}

#newsletter form input.button {
	margin: 0 0 0 80px;
}

/* ### FOOTER ### */

#curve-LB {
	background: url(../images/btmcurve-BG.gif) 0 0 repeat-x;
	height: 12px;
}

#curve-RB {
	background: url(../images/btmcurve-RT.gif) top right no-repeat;
	height: 12px;
	width: 41px;
	float: right;
}

#footer-content {
	margin: 12px 45px 12px 12px;
	font-size: 9px;
	color: #FFF;
	line-height: 150%;
}

#footer a {
	color: #FCC;
}

#footer a:hover {
	color: #FFF;
}

#footer ul {
	margin: 10px 0px;
	padding: 0px;
}

#footer li {
	list-style: none;
	margin: 0 8px 0 0;
	padding: 0px;
	display: inline;
}