html {background: #96A183;}
body {
margin: 0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 1.5em;
width: 100%;
display: table;
background: url(images/body_bg.jpg) repeat-x;
}
a:link, a:visited { color: #494949; text-decoration: underline; }
a:active, a:hover { color: #000000; text-decoration: none; }
.container {
width: 887px;
margin: auto;
}
.header {
width: 887px;
height: 136px;
background: url(images/header_bg.jpg);
}
.logo {
float: left;
width: 272px;
height: 71px;
background: url(images/logo_bg.jpg);
margin: 61px 0 0 40px;
font-family: "Trebuchet MS", Tahoma, Verdana;
}
.logo h1 {
color: #b3d46a;
font-size: 24px;
margin: 15px 0 0 10px;
padding: 0;
}
.logo h1 a {
color: #b3d46a;
font-size: 24px;
text-decoration:none;
margin: 15px 0 0 10px;
padding: 0;
}
.logo h2 {
color: #98e11d;
font-size: 12px;
margin: 15px 0 0 45px;
padding: 0;
}
/* Menu */
.menu {
float: right;
height: 41px;
width: 570px;
margin: 60px 0 0 0;
padding: 0;
}
.menu ul {
clear: both;
float: right;
list-style: none;
display: inline;
}
.menu li {float: left;}
.menu li a {
float: left;
display: block;
color: #fff;
text-decoration: none;
font-family: Tahoma;
font-size: 12px;
margin: 0 5px 0 0;
padding: 0 0 0 5px;
height: 41px;
line-height: 33px;
text-align: center;
text-shadow:1px 1px 0px #333;
cursor: pointer;
}
.menu li a b {
float: left;
display: block;
height: 38px;
padding: 3px 12px 0 9px;
}
.menu li.current a, .menu li a:hover {
background: url(images/menu_left.png) no-repeat;
color: #fff;
}
.menu li.current a b, .menu li a:hover b {background: url(images/menu_right.png) right top no-repeat;}
/*End OF menu*/
#content_area_top {
width: 887px;
background:url(images/content_area_top.jpg) #fff no-repeat;
margin: 1px 0 0 0;
padding: 0 0 20px 0;
}
.left_top {
float: left;
width: 250px;
margin: 75px 0 0 20px;
}
.left_top a {
text-decoration:non;
font-size:14px;
font-weight:bold;
}
.right_top {
float: right;
width: 600px;
height: 240px;
background: url(images/right_content.png) no-repeat;
margin: 40px 5px 0 0;
}
.right_top img {margin: 7px 0 0 7px;}
#search {
float: right;
width: 330px;
height: 30px;
margin: 4px 26px 0 0;
padding: 5px 0 0 0;
}
#searchfield {
height: 17px;
width: 180px;
padding: 5px;
color: #4d6715;
font-size: 13px;
font-variant: normal;
line-height: normal;
background: #b2c290;
border: 1px solid #ffffff;
}
#searchbutton {
height: 29px;
margin: 0 0 0 5px;
padding: 0 6px;
cursor: pointer;
font-size: 12px;
font-weight: bold;
text-align: center;
vertical-align: bottom;
white-space: pre;
color: #4d6715;
background: #b2c290;
border: 1px solid #ffffff;
}
.news {
width: 250px;
min-height: 20px;
background: url(images/news.jpg) no-repeat #fff;
padding: 15px;
}
.news p {
background: url(images/news_bullet.png) no-repeat;
padding: 0 0 0 30px;
color: #518101;
font-family: "Trebuchet MS", Tahoma, Verdana;
font-size: 12px;
text-align: justify;
margin: 0;
}
#content_area_bottom {
width: 887px;
background:url(images/content_area_bottom.jpg) bottom #fff no-repeat;
margin: 0;
padding: 0 0 20px 0;
}
.center_section {
width: 887px;
margin: 0;
padding: 0 10px 20px 15px;
}
.center_section_box {
width: 860px;
background: url(images/center_title.jpg) #dbdbdb no-repeat;
margin: 0 0 0 0;
padding: 15px 0 10px 0;
font-family: "Trebuchet MS", Tahoma, Verdana;
}
.center_section_box_2 {
width: 860px;
background: url(images/center_title_2.png) #dbdbdb no-repeat;
margin: 0 0 0 0;
padding: 15px 0 10px 0;
font-family: "Trebuchet MS", Tahoma, Verdana;
}
.left_section {
float: left;
width: 250px;
margin: 0 0 0 20px;
}
.title {
width: 235px;
height: 28px;
background: url(images/title_bg.jpg);
font-family: "Trebuchet MS", Tahoma, Verdana;
font-size: 16px;
font-variant: small-caps;
color: #006600;
font-weight: bold;
margin: 0 0 5px 0;
padding: 11px 0 0 15px;
}
.section {
width: 250px;
margin: 0 0 10px 0;
}
.section_top {
width: 250px;
height: 13px;
background: url(images/section_top.jpg);
}
.section_mid {
width: 250px;
background: url(images/section_mid.jpg);
}
.section_mid p {
font-family: "Trebuchet MS", Tahoma, Verdana;
font-size: 12px;
color: #5a5a5a;
text-align: justify;
margin: 0 15px;
}
.img_frame {
float: left;
width: 113px;
height: 116px;
background: url(images/img_frame.jpg);
margin: 0 10px;
}
.img_frame img {margin: 9px 0 0 18px;}
.section_bottom {
width: 250px;
height: 11px;
background: url(images/section_bottom.jpg);
}
.right_section {
float: right;
width: 580px;
margin: 0 13px 0 20px;
}
.section_box_1 {
width: 580px;
background: url(images/right_title_1.jpg) #dbdbdb no-repeat;
margin: 0 0 0 0;
padding: 15px 0 10px 0;
font-family: "Trebuchet MS", Tahoma, Verdana;
}
.section_box_2 {
width: 580px;
background: url(images/right_title_2.png) #dbdbdb no-repeat;
margin: 0 0 0 0;
padding: 15px 0 10px 0;
font-family: "Trebuchet MS", Tahoma, Verdana;
}
.section_box_1 h1, .center_section_box h1 {
font-size: 16px;
font-variant: small-caps;
color: #fff;
font-weight: bold;
margin: 0 0 15px 20px;
}
.section_box_1 p, .center_section_box p {
font-size: 12px;
color: #5a5a5a;
text-align: justify;
margin: 5px 20px;
}
.section_box_2 h1, .center_section_box_2 h1 {
font-size: 16px;
font-variant: small-caps;
color: #fff;
font-weight: bold;
margin: 0 0 15px 20px;
}
.section_box_2 p, .center_section_box_2 p {
font-size: 12px;
color: #5a5a5a;
text-align: justify;
margin: 5px 10px;
}
.section_box_2 img {
vertical-align: top;
margin: 0 15px;
border: none;
}
.section_box_2 .margin_none {margin: 0;}
.section_box_2 .margin_left {margin: 0 10px 0 10px ;}
.section_box_2 .margin_right {margin: 0 15px 0 0 ;}
.right_bottom {
width: 580px;
height: 12px;
background: url(images/right_bottom.jpg);
}
.center_bottom {
width: 860px;
height: 12px;
background: url(images/center_bottom.jpg);
}
.footer {
margin: 20px 0;
padding: 0;
font-family: Arial;
font-weight: bold;
font-size: 12px;
color: #FFF;
text-align: center;
}
.footer a {
font-weight: bold;
color: #FFF;
}
.cleaner {
clear: both;
height: 0;
margin: 0;
padding: 0;
}