/* Basics CSS*/

body {
 margin: 20px 0;
 color: #333;
 background:#775D42;
 padding:0;
 font: 0.76em/1.9 Arial, Helvetica, sans-serif;
 }

a:link {
color: #775D42;
text-decoration: underline;
}

hr {
	max-height: 2%;
	color: #775D42;
	width: 85%;
}

a:visited {
text-decoration: underline;
color: #775D42;
}
a:hover {
text-decoration: underline;
color: #000;
}
a:active {
text-decoration: none;
color: #775D42;
}

h1 {
 font-size: 1.3em;
}

h2 {
 font-size: 1.3em;
}

#outer {
 width: 700px;
 margin: 0 auto;
 background: #fff url(bg.gif) repeat-y;
 }

#hdr {
 padding-top: 138px;
 background: #fff url(headerlogo.jpg) no-repeat;
 }

#hdr h1 {
 color: #000;
 background:#C89E6F;
 font-size: 1.3em;
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
 margin: 0;
 padding: .5em;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 }

#nav {
 float:left;
 width:100px;
 padding: 1em;
 text-align: center;
 background: url(divider.gif) no-repeat bottom center;
 padding-bottom: 20px;
}
#nav ul {
 background: url(divider.gif) no-repeat top center;
 margin: 0;
 padding: 20px 0 0 0;
 list-style: none;
}
#nav li {
	margin: 0;
}
#nav h2 {

}

#cont {
 float: right;
 width:570px;
 padding: .2em;
 }
#cont h2 {
 color: rgb(153, 102, 51);
}

#ftr {
 clear: both;
 color: #fff;
 background:#B7734B;
 font-size: 0.8em;
 text-align: center;
 border-top: 1px solid #000;
 margin: 1em 0 0 0;
 }

#leftImg
{
float:left;
width: 125px;
height: 86px;
padding: 0 2px 2px 0;
}

#rightImg
{
float:right;
width: 125px;
height: 86px;
padding: 0 0 2px 2px;
}

#tab {
 clear: both;
 color: #000;
 background:#ffffff;
 font-size: 0.88em;
 text-align: left;
 border: 1px solid #000;
 margin: 1em 0 0 0;
 }