/* CSS Document */
body {
background-color: #DAE6D5;
height: 100%;
margin: 0px auto;
font-family: Arial, Helvetica, sans-serif,Verdana;
font-size: 13px;
line-height: 1.4em;
text-align: center;
}

#wrapper {
width: 900px;
margin: 0px auto;
padding: 0px;
background-color: #ffffff;
border-left: 1px solid #2A4912;
border-right: 1px solid #2A4912;
}

#header {
float:none;
background-image:url(image/header.jpg);
background-repeat: no-repeat;
width: 900px;
height:300px;
margin:0px auto;
border-bottom: 2px solid #B17655;
text-align: right;
}

.menu { 
background-color: #64963B;
text-align: right;
font-weight: bold;
color: #ffffff;
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
text-decoration: none;
} 

.on {
margin-top: 10px;
color: #FADC03;
text-decoration: none;
font-weight: bold;
font-size: 12px;
padding-left: 8px;
padding-right: 8px;
}

#header a:hover {
color: #FADC03;
}

td {
font-size: 13px;
}

ul {
list-style-position: outside;
}

li { 
margin: 0.5em; 
line-height: 1.4em; 
} 

hr {
color: #D6AD7B;
height: 1px;
width: 100%;
text-align: center;
}

p {
font-weight:normal;
font-size:13px;
color: #000000;
line-height: 1.4em;
margin-top: 0px;
margin-bottom: 10px;
text-align: justify;
}

p.more {
margin-top: 0px;
margin-bottom: 0px;
font-size: 12px;
line-height: 1em;
text-align: right;
}

/*   Main body   */

#content {
margin: 0px auto;
padding: 0px 10px;
background-color: #ffffff;
width: 880px;
text-align: left;
}

#leftcontent {
float:left;
text-align: left;
padding: 35px 0 0px 10px;
width:215px;
background-color: #ffffff;
}

#leftcontent p {
font-weight:normal;
font-size:12px;
color: #000000;
line-height: 1.4em;
margin-top: 0px;
margin-bottom: 10px;
text-align: left;
}

#leftbox {
width: 213px;
text-align: left;
border: 1px solid green;
margin: 0;
padding: 0 0px 0px 10px;
}

#leftbox h4 {
padding: 10px 0 0 10px;
font-style: italic;
font-weight: bold;
font-size: 12px;
color: #63447D;
text-align: left;
margin-bottom: 5px;
}


#leftbox h3 {
padding: 10px 0 0 40px;
font-weight: bold;
font-size: 18px;
color: #64963B;
text-align: left;
margin-bottom: 10px;
}

#centercontent {
float:left;
padding:0 0 0 31px;
margin: 15px 0 15px 30px;
border-left: 1px solid #EEB99B;
width:575px;
background-color: #FFFFFF;
}

#centercontent a:hover {
color: #F0B706;
}


#box1 {
float:left;
width:170px;
background-color: #ffffff;
background-image:url(image/greenbkg.gif);
background-repeat: no-repeat;
margin: 15px 10px 15px 0px;
}

#box1 p {
padding: 7px;
}

#box1 h1 {
font-weight:bold;
font-size:14px;
color: #FFFFFF;
margin-top: 10px;
margin-bottom: 5px;
text-align: center;
}

#box2 {
float:left;
width:170px;
background-color: #ffffff;
background-image:url(image/greenbkg.gif);
background-repeat: no-repeat;
margin: 15px 10px 15px 10px;
}

#box2 p {
padding: 7px;
}

#box2 h1 {
font-weight:bold;
font-size:14px;
color: #FFFFFF;
margin-top: 10px;
margin-bottom: 5px;
text-align: center;
}

#box3 {
float:left;
width:170px;
background-color: #ffffff;
background-image:url(image/greenbkg.gif);
background-repeat: no-repeat;
margin: 15px 0px 15px 10px;
}

#box3 p {
padding: 7px;
}

#box3 h1 {
font-weight:bold;
font-size:14px;
color: #FFFFFF;
margin-top: 10px;
margin-bottom: 5px;
text-align: center;
}

.clickheremore {
float: left;
text-align:center;
font-family: Arial;
font-weight:bold;
font-size:12px;
color: #f7f2da;
text-decoration:none;
background-color: #9D6D4F;
line-height:16px;
margin: 0 20px 0 20px;
padding:4px 15px 4px 15px;
}

.clickheremore:hover {
text-align:center;
font-family: Arial;
font-weight:bold;
font-size:12px;
color: #f7f2da;
text-decoration:none;
background-color: #65633f;
line-height:16px;
margin: 0 20px 0 20px;
padding:4px 15px 4px 15px;
}

.right {
float: right;
padding: 0 0 15px 15px;
}

.left {
float: left;
padding: 0 15px 15px 0;
}

	/* FOOTER */

#footer {
clear: both;
width: 900px;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
background-color: #64963B;
color: #fff;
text-align: center;
}

#footer a {
text-decoration: none;
color: #fff;
background-color:#64963B;
}

#footer  a:hover {
text-decoration: none;
color: #FE3F22;
background-color:#64963B;
}

p.footerlink {
margin-top: 0px;
margin-bottom: 0px;
color: #ffffff;
font-size: 10px;
text-align: center;
}


/* HEADER FORMAT */

h1 {
font-weight:bold;
font-size: 22px;
color: #64963B;
text-align: center;
margin-bottom: 15px;
}

h2 {
font-weight:bold;
font-size: 20px;
color: #64963B;
text-align: left;
margin-bottom: 15px;
}

h3 {
font-weight:bold;
font-size: 18px;
color: #64963B;
text-align: left;
margin-bottom: 10px;
}

h4 {
font-weight:bold;
font-size: 16px;
color: #64963B;
margin-bottom: 10px;
}

#innercontent {
float:left;
width:625px;
border:5px solid #DCDCDF;
background-color: #F1F1F2;
padding:0px 9px 9px 9px;
font-family: Arial;
font-weight:normal;
font-size:12px;
color:#333333;
line-height:18px;
}

#innercontent h2 {
margin:16px 0 10px 0;
font-family: "Times New Roman";
font-weight:bold;
font-size:18px;
color: #024B0C;
}

#innercontent p {
margin:0 0 10px 0;
font-family: Arial;
font-weight:normal;
font-size:12px;
color:#333333;
line-height:18px;
}