/* created  2007 by Libra Design and Media. Duplication or redistribution is strictly prohibited. */

/* since mostly the same font is used throughout a site, to be able to change it faster you can have a font-family only tag for all */


body, h1, h2, h3, p, td, span {
	font-family : "Verdana", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 150%;
}

/* html tags */

a:link	{
	color : #3D3D3D;
	text-decoration : none;
	font-weight: bold;

	}

a:visited {
	color : #3D3D3D;
	text-decoration : none;
	font-weight : bold;

	}

a:hover	{
	color : #3D3D3D;
	text-decoration : underline;
	font-weight : bold;

}

a:active {
	color : #3D3D3D;
	font-weight : bold;
	text-decoration : none;

}


body {
	text-align: left;
	background: #FFFFFF;
}

h1 {
	color : #000000;
	font-size : 17px;
	font-weight : bold;
	margin-top : 0px;
	margin-bottom : 0px;
}

h2 {
	color : #7A3608;
	font-size : 14px;
	font-weight : bold;
	margin-top : 5px;
	margin-bottom : 0px;


}

h3 {
	color : #7A3608;
	font-size : 14px;
	font-weight : bold;
	margin-top : 5px;
	margin-bottom : 0px;

}

h4 {
	color : #7A3608;
	font-size : 11px;
	line-height: 100%;
	font-weight: normal;

}


p {
	color : #000000;
	margin-top : 10px;
	margin-bottom : 0px;
	margin-left : 2px;
	margin-right : 2px;
	
	
	}

ul {
	color : #000000;
	font-size : 10pt;
	text-decoration : none;
	margin-top : 2px;
	margin-bottom : 0px;
}

/* classes */

.menu {
	font-size: 11px;
	margin-top : 5px;
	margin-bottom : 0px;
	margin-left : 2px;
	margin-right : 2px;
	text-align: left;
	line-height: 150%;

}

.italic {
	font-style : italic;
}

.footer {
	font-size : 10px;
	color : #007E3A;
	text-align: center;
}

.bar {
	text-align: center;
	background-color : #3D3D3D;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}	


/* layers (div)*/



#dropmenudiv{
border-left:1px solid #C0C0C0;
border-right:1px solid #C0C0C0;
border-top:1px solid #C0C0C0;
border-bottom:0px solid #C0C0C0;
position:absolute;
background-color: #FFFFFF;
line-height:18px;
z-index:100; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:Verdana;
color : #3D3D3D;

}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #C0C0C0;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color : #3D3D3D;

}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #EAEAEA;
}


#container{
	position:absolute;
 	width:800px;
 	z-index:1;
 	margin-left:-395px;
 	left: 50%;

 	
}

#cartbox{
	position:absolute;
 	width:130px;
 	z-index:1;
 	left:665px;
 	top:20px;
 	 	
}


#top{

	position:absolute;
	top:5px; 
	overflow: visible;
	left: 337px;	
	}
	
		
#menubar{
	position:absolute;
	top:115px; 
	width:100%; 
	height:31px;
	background-color : #3D3D3D; /* background color of menu bar */
	color: #FFFFE6;
	letter-spacing: 2px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	padding-top: 8px;	
}
	
#content{
	position:absolute;
	width: 100%;
	top:150px; /* position from top of browser + logo + menu height */
	text-align:left;
	background-color : #DFDEB8;
}

#left{
	position:absolute;
	top:10px;
	left:20px;
	width:140px;
	text-align: left;
	background-color: #FFFFFF;
	padding: 15px;
	overflow: visible;
}


#middle{ 
	position:relative; /* if the middle div is not relative, it will not wrap text */
	top:0px;
	margin-left: 200px;
	margin-right: 200px;
	background-color : #DFDEB8;
	margin-bottom: 35px;
	overflow:visible;

}

#middle_wide {
	position:relative;
	top:0px;
	margin-left: 200px;
	margin-right: 20px;
	background-color : #DFDEB8;
	margin-bottom: 25px;
	overflow:visible;

}

#right{
	position:absolute;
	right:20px;
	top:10px;
	width:150px;
		}

#footer{
	position:relative;
	bottom:10px;
	font-size: 9px;
	text-align: center;
	overflow: visible;
	
}