* {
    margin: 0;
    padding: 0;
}

body {
    padding: 16px 0;
    font: 13px/20px Arial, Helvetica, sans-serif;
    
    
    text-align: center;
    color: #795544;
    background: #F8FBDB;
}

h1 {
    position: absolute;
	top: 30px;
	left: 105px;
    font: 40px "Times New Roman", Times, serif;
    
    color: #579546; 	
}

h1 a, h1 a:hover {
color: #579546;
font-weight: normal;
text-decoration: none;
}


p {
    padding: 5px 0;
        text-align: justify;   
}

a {
    color: #569546;
	font-weight: bold;
    text-decoration: underline;
}

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

img {
border: none;
}

#main {
    position: relative;
    margin: 0 auto;
    width: 890px;
    text-align: left;
}

#header {

width: 890px;
    height: 175px;
    background: url(step.jpg) no-repeat right;
}

#header h2 {    
    padding-top: 140px;
width: 300px;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: center;
    color: #579546;     
}

#title {
    height: 175px;
	background: url(images/logo_bg.jpg) no-repeat;
}

#logo {
position: absolute;
	top: 7px;
	left: 10px;
}

#menu {
position: absolute;
	top: 183px;
	left: 0;
	width: 896px;
       height: 67px;
	    text-align: center;	
	background: #4A0A05 url(images/menu.jpg) no-repeat;	
}

#menu ul {
    list-style: none;
}

#menu ul li {
    display: inline;
    padding: 0 25px;
    height: 60px;   
}

#menu ul li a {   
    padding: 0;
    font: bold 14px/60px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: White;
}

#menu ul li a:hover {
    position: relative;
    top: -1px;
    text-decoration: none;
}

#middle {   
padding-top: 84px;
}

#left {
	margin-bottom: 8px;
    float: left;
    width: 300px;
}

#left h3 {
padding: 30px 50px 0 10px;
height: 90px;
    font: 24px "Times New Roman", Times, serif;
    text-align: center;   
    color: White;
    background: #569445 url(images/lefth3.jpg) no-repeat;
}

#left h3 a, #left h3 a:hover {
color: White;
font-weight: normal;
text-decoration: none;
}  

#left p {
padding: 5px 5px 5px 5px;
font-size: 14px;
}

.box_left {
background: #E2ECC6 url(images/box_left.jpg) no-repeat;
}

#right {
	margin-bottom: 8px;
    float: right;    
    width: 582px;
    }

#right h3 {
padding: 20px 10px;
font: 30px "Times New Roman", Times, serif;
text-align: center;
color: #4A0A05; 
}

#intro {
margin-bottom: 8px;
height: 175px;
}

#intro h2 {
padding: 20px 10px;
font: 30px "Times New Roman", Times, serif;
text-align: center;
color: #4A0A05;
}

#intro p{
padding: 0 70px;
font-size: 14px;
text-align: center;
color: #4A0A05;
}

#box_right {
margin-bottom: 8px;
padding: 0 5px 15px 5px;
background: url(images/box_right.jpg) no-repeat;
}

.bar {

}

.bar1, .bar2 {
    float: left;
	margin-right: 8px;
        width: 188px;    
}

.bar3 {
    float: left;
        width: 188px;    
}

#right .bar1 h3, #right .bar3 h3 {
margin-bottom: 8px;
padding: 0;
font: 20px/52px "Times New Roman", Times, serif;
text-align: center;
color: #4A0A05;
}

#right .bar1 h3 a, #right .bar1 h3 a:hover, #right .bar3 h3 a, #right .bar3 h3 a:hover {
color: #4A0A05;
font-weight: normal;
text-decoration: none;
}

#right .bar2 h3 {
margin-bottom: 8px;
padding: 0;
font: 20px/52px "Times New Roman", Times, serif;
text-align: center;
color: #F2EABE;
background: #4A0A05;
}

#right .bar2 h3 a, #right .bar2 h3 a:hover {
color: #F2EABE;
font-weight: normal;
text-decoration: none;
}

.clearing {
clear: both;
height: 15px;
overflow: hidden;
}

#footer {
    clear: both;
    padding: 0 0 0 308px;
    height: 52px;
    background: #FFDE62 url(images/footer.gif) no-repeat;
}



#footer p {
    padding: 0;
    font: 11px/52px Arial, Helvetica, sans-serif;
  
}

#footer a, #bottom a:hover {
    color: White;
}