/* Basics CSS*/

body {
	margin: 40px 0;
	color: #333;
	background:#775D42;
	padding:0;
	font: 0.86em/1.7 Verdana, Arial, Helvetica, sans-serif;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	list-style: none;
 }

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

h1 {
 font-size: 1.5em;
}

h2 {
 font-size: 1.3em;
}

h3 {
font:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
font-weight:200;
}

#outer {
	width: 800px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #fff;
	background-image: url(bg.gif);
	background-repeat: repeat-y;
 }

#hdr {
	padding-top: 140px;
	background-color: #fff;
	background-image: url(../images/headers/tapita_top.jpg);
	background-repeat: no-repeat;
 }
 
 #hdr2 {
 padding-top: 142px;
	background-color: #fff;
	background-image: url(../images/headers/marketplace_top.jpg);
	background-repeat: no-repeat;
 }
 
 #hdr3 {
	padding-top: 140px;
	background-color: #fff;
	background-image: url(../images/headers/village_header_001.jpg);
	background-repeat: no-repeat;
 }
  #hdr3 h1 {
 color: #fff;
 background:#B7734B;
 font-size: 1.5em;
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
 margin: 0;
 padding: 1em;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 } 
 
 
 #hdr2 h1 {
 color: #fff;
 background:#B7734B;
 font-size: 1.5em;
 font-weight: bold;
 text-align: center;
 text-transform: uppercase;
 margin: 0;
 padding: 1em;
 border:solid #000000;	
 border-width:1px 0 1px 0;
 }
 

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

#nav {
	float:left;
	width:130px;
	text-align: center;
	padding-bottom: 20px;
	background-image: url(diider.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
}
#nav ul {
 /*background: url(../css_test/basics/divider.gif) no-repeat top center; */
 margin: 0;
 padding: 0px 0 0 0;
 list-style: none;
}
#nav li {
	margin: 0;
}
#nav h2 {
 color: rgb(153, 102, 51);
}

#cont {
	float: right;
	width:590px;
	padding: 1.0em;
	text-decoration: none;
	list-style-type: none;
	list-style-image: none;
	font-size: 1.em;
	font-weight:200;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
 }
 
#cont1 {
	float: right;
	width:590px;
	padding: 1.0em;
	text-decoration: none;
	list-style-type: none;
	list-style-image: none;
	list-style: none;
	font-size: .9em;
	font-weight:200;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em; 
	}
	
#cont2 {
	float: right;
	width:590px;
	padding: 1.0em;
	text-decoration: none;
	list-style-type: none;
	list-style-image: none;
	font-size: .9em;
	font-weight:200;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: .8em;
	}
 
#cont h2 {
 color: rgb(153, 102, 51);
}

#cont ul {
 margin: 0;
 padding: 0px 0 0 0;
 list-style: none;
 }
 
#cont a:hover {
text-decoration: none;
color: #CC0000;
}

#cont1 a:hover {
text-decoration: none;
color: #CC0000;
}

#cont2 a:hover {
text-decoration: none;
color: #CC0000;
}

#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;
}