/* =========== page styles =========================== */

body {
text-align: center;
background: #EB9A5A url(../img/bgrnd1.gif) repeat-y 50% 0;
background-attachment: fixed;
font: 80% Verdana, Helvetica, Arial, sans-serif;
color: #000;
margin: 0;
padding: 0;
}
	
#frame {
	width:700px;
	margin: 0 auto 0 auto;
	padding: 0 !important;
	text-align: left;
		}
	
#header {
		width: 700px;
		height: 175px;
		background: url(../img/hed8.jpg) no-repeat;
}


	
#content {
		width: 500px;
		margin: 0px 0 0 15px;
		padding: 10px 10px 10px 0px;
		float: left;
		min-height: 250px;
		color: #000;

		}

* html #content{
	margin-left: 5px;
}
#sidebar{
	font: .9em Arial, Helvetica, sans-serif;
	float: left;
	width: 150px;
	margin: 40px 0px;
	padding: 0px;
	border-left: solid 1px #fff;
	color: #4e4e4e;
}


/*|||||||||||||||||||||footer||||||||||||||||||||*/

#foot {
		clear: both;
		width: 700px;
		height: 72px;
		padding: 0!important;
		margin: 10px 0 0 0;
		background: #fff url(../img/foot.gif) no-repeat ;
}
#adr {
position: absolute;
margin: 28px 100px 0px 125px;
	color: #000;
	font: .85em Arial, Helvetica, sans-serif;
}
		
#foot a.fnav:link, a.fnav:visited {
font-weight: normal;
color: #7C6240;
text-decoration: none;
background-color: #f4efce;
}
#foot a.fnav:hover, a.fnav:active {
background-color: #eee;
padding: 0px;
border: none;
}
#bnav{
position: absolute;
	padding: 0px;
	margin: 40px 10px 15px 525px!important;
	color: #993333;
	font: .85em Arial, Helvetica, sans-serif;	
}

#bnav a,#bnav a:visited {
	font-weight: normal;
color: #7C6240;
text-decoration: none;
background-color: #f4efce;
padding: 0 4px;
}

#bnav a:hover,#bnav a:visited:hover {
	background-color: #eee;
border: none;
padding: 0 4px;
}




#info-standards{
	font-size: 10px;
	padding-top: 30px;
	margin: 5px !important;
}
#info-standards a {
	color: #977c68;
	}


/* ============= top nav ============== */
 #navcontainer
{
margin: 145px 0px 0px 5px;
padding: 0;
height: 20px;
position: absolute;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #fff;
width: 78px;
height: 18px;
border-top: 1px solid #f5d7b4;
border-left: 1px solid #f5d7b4;
border-bottom: 1px solid #f5d7b4;
border-right: 1px solid #fff;
padding: 0 5px 0 5px;
margin: 0 0 10px 0;
color: #006633;
text-decoration: none;
display: block;
text-align: center;
font: normal .9em/1.5em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

#navcontainer li a:hover
{
color: #930;
background: #f5d7b4;
border: 1px solid #f5d7b4;
}

#navcontainer a:active
{
background: #f5d7b4;
color: #fff;
border: 1px solid #f5d7b4;
}



/* ============================= */
p, form {
	margin: 10px 15px 5px 15px;
}
p.indent {
	margin: 10px 15px 5px 30px;
}
p.sub {
margin: 10px 30px 5px 30px;
}
 p.quote {
 font: italic 1em Verdana, Helvetica, Arial, sans-serif ;
 	margin: 0px 5px 25px 10px;
}
h1{
font: bold 1.3em Arial, Helvetica, sans-serif;
color: #336633;
margin: 0 0 0 5px;
}
#sizetbl {
width: 380px;
margin: 10px 0 10px 25px;
background-color: #fff;
border: none;
color: #336633;
}
#sizetbl td {
padding: 8px;
}

.leftim {
margin: 5px 10px 10px 0;
border: 1pt #996633 solid;
 }

/* ============== home  =========*/

#brands {
background: #fff url(../img/coupleSM_logo.gif) no-repeat bottom right;
width:  200px;
height: 400px;
font-size: .85em;
border: solid 1px #ccc;
padding: 8px;
float: right;
margin: 10px;
}
#brand img {
margin: 0px;
border: none;
}
#brandbar {
background: #fff url(../img/HATmanSM_logo.gif) no-repeat bottom left;
width:  200px;
height: 400px;
font-size: .85em;
border: solid 1px #ccc;
padding: 8px;
float: right;
margin: 10px;
}

.more {
margin: 0 0 0 70px;
}
.credit {
font: normal .85em Arial, Helvetica, sans-serif;
}