/* Basics CSS*/

body {
  margin: 40px 0;
 color: #333;
  background-image: url(../img/bground-strip.gif);
 background-color:#775D42;
 background-repeat: repeat-x;
 padding:0;
 font: 0.86em/1.6 Arial, Helvetica, sans-serif;
 margin:0;
 height:100%;
 }

a:link {
color: #775D42;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #775D42;
}
a:hover {
text-decoration: none;
color: #333333;
font-style:italic;

}
a:active {
text-decoration: none;
color: #775D42;
}

h1 {
 font-size: 1.5em;
}

h2 {
 font-size: 1.3em;
}

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

#hdr {
 
 padding-top: 145px;
 background: #fff url(../img/banner.jpg) no-repeat;
 background-position:right;
 border-bottom:2px solid #000;
 
 }

#hdr h1 {
 color: #fff;
 background:#B7734B ;
 font-size: 2em;
 font-weight: bold;
 text-align: center;
 margin: 0;
 padding: 1em;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 }

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

}

#cont {
	float: right;
	width:555px;
	padding-right:20px;
	padding-left:15px;
	
 }

/*IE hack  - apply to IE only*/ 
html*#cont { 

margin-bottom:-12px;

} 


#cont h2 {
 #color: rgb(153, 102, 51);
 color: black;
}

#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: 93px;
padding: 0 5px 5px 0;
}

#rightImg
{
float:right;
width: 125px;
height: 93px;
padding: 0 0 5px 5px;
}