body {
	font-size: 12px;
	line-height: 20px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	margin: 0px;
	background-image: url(../images/red_leather_bg.jpg);
	background-repeat: repeat;
	text-align:center;
	}
	
a {
    color: #D78807;
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
/*
a:visited { 
 	color:#999999;
	text-decoration: none 
	}
*/
a:hover {
	color: #C00;
	text-decoration: none 
	}
	
a:active { color: #900;
	text-decoration: none  
	}
	
/* now the text style variations */

ul {
	margin: 0em 1em;
}
h1  {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 26px;
	margin-bottom:10px;
	font-weight:bold;
	}


h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:medium;
	margin-top:0px;
	margin-bottom:24px;
	}
	
h3  {
	color: #3D451E;
	margin-top:25px;
	margin-bottom:10px;
	}

h4  {
	color: #718630;
	font-size: 12px;
	line-height: 12px;
	margin-top:24px;
	margin-bottom:6px;
	}

h5  {
	color: #333366;
	font-size: x-small
	}

h6  {
	color: #333366;
	font-size: xx-small
	}
table {
	font:Verdana, Arial, Helvetica, sans-serif;
}
	
/* layout divs */

/* container for the whole page */
div#container {
	position: relative;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	max-width:800px;
	min-width:600px;
	width:expression(document.body.clientWidth < 600? "600px" : document.body.clientWidth > 800? "800px" : "auto");
}
/*** Header ****/
div#header {
	width:750px;
	height:100px;
	padding-top:50px;
	padding-left:40px;
	padding-right:50px;
	padding-bottom:0px;
	background-image:url(../images/header_bg.png);
	background-repeat:no-repeat;
}
* html div#header {
	text-align: center;
	margin-bottom: -20px;
}
#menu {
	float: left;
	background-color:white;
	min-width: 70%;
	text-align:center;
	margin: 0px 10%;
}
* html div#menu {
	margin-left: 50px;
}
#menu ul {
	margin: 15px auto;
}
#menu ul li {
	display: inline;
}
#menu a {
	display:block;
    font-size: 1px;
    text-indent: -999999em;
    overflow: hidden;
    background-repeat: no-repeat;
	float:left;
}
#menu a.home{
	background: url(../images/Home.gif) no-repeat left top;
	width:56px;
	height:30px;
}
#menu a.home:hover {
	background: url(../images/Home_f2.gif);
}
#menu a.kits {
	background: url(../images/kit.gif) no-repeat left top;
	width:160px;
	height:30px;
}
#menu a.kits:hover {
	background: url(../images/kit_f2.gif);
}
#menu a.authors{
	background: url(../images/authors.gif) no-repeat left top;
	width:112px;
	height:30px;
}
#menu a.authors:hover {
	background: url(../images/authors_f2.gif);
}
#menu a.contact{
	background: url(../images/contact.gif) no-repeat left top;
	width:104px;
	height:30px;
}
#menu a.contact:hover {
	background: url(../images/contact_f2.gif);
}
#menu a.order{
	background: url(../images/order.gif) no-repeat left top;
	width:99px;
	height:30px;
}
#menu a.order:hover {
	background: url(../images/order_f2.gif);
}
.banner {
	width:100%;
	height:75px;
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
	background-position:left;
}
div#header .titletext {
	float:right;
	margin-right: 20px;
	width: 375px;
	margin-top:15px;
	text-align:right;
	font-size:10px;
	color:#3D451E;
	font-weight:bold;
}

/**** content container */
div#content {
	float:left;
	margin: 0px auto;
	padding-left:40px;
	padding-top: 0px;
	padding-bottom:0px;
	width: 750px;
	background-image:url(../images/main_bg.png);
	background-repeat:repeat-y;
}

/**** Left Column *****/
div#leftcol {
	float: left;
	width: 250px;
	margin-top:10px;
}

/*** main Column ***/
div#maincol {
	margin: 10px 25px 40px 260px;
	padding: 0px;
	text-align:left;
}
div#onecol {
	margin: 10px 25px 40px 0px;
	padding: 0px;
	text-align:left;
}
.clear {
	clear: both;
	}
div#footer {
	clear:both;
	width: 800px;
	margin-top:0px;
	margin-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	height:75px;
	background-image:url(../images/footer_bg.png);
	background-repeat:no-repeat;
}
div#footer .footerimage {
	height:50px;
	margin-top:0px;
	margin-right:0px;
	margin-left:auto;
	float:right;
	z-index:2;
}
div#footertext {
	font-size: 9px;
	color:#666666;
	text-align:Left;
	margin-top: 15px;
	margin-left: 5px;
	line-height:10px;
	float:left;
	z-index:3;
}
div#footer a{
	color:#718630;
	text-decoration:none;
	font-size:9px;
	z-index:1;
}
div#footer a.hover{
	color:#D78807;
}
div#footer p{
	margin:5px;
}
div#nav a.menuitem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	text-transform: capitalize;
	color: #3D451E;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	float: left;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #718630;
	border-bottom-color: #718630;
	position: relative;
	height: 30px;
	width: 150px;
	text-indent: 10px;
}
div#nav a.menuitem:hover, a.menuitemalt2:hover{
	background-color: #FFCC99;
}
div#nav a.menuitemalt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	text-transform: capitalize;
	color: #3D451E;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #718630;
	border-bottom-color: #718630;
	position: relative;
	height: 30px;
	width: 150px;
	text-indent: 10px;
	margin:0px;
}
div#nav a.menuitemalt2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 28px;
	font-weight: bold;
	text-transform: capitalize;
	color: #3D451E;
	text-decoration: none;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #718630;
	border-bottom-color: #718630;
	height: 28px;
	width: 150px;
	text-indent: 10px;
	margin:0px;
}
div#nav a.submenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #3D451E;
	white-space: normal;
	width: 135px;
	display: block;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
}
div#nav a.submenu:hover {
	font-weight:bold;
}
div#item {
	color: #3D451E;
	border: 2px dotted #7A8630;
	margin: 10px 10px 25px;
	font-size: 12px;
	display: table-cell;
	font-weight: bold;
	padding: 5px;
}
div#maincol table.centered {
	margin-left:auto;
	margin-right:auto;
}
div#maincol .contactus {
	float: right;
	bottom:0px;
	right:0px;
}
