/* page */
html, body {
background: #ffffff;
margin: 0px auto;
font-size: 11px;
height: 100%;
}
#master_wrap {
margin: 0 auto;
width: 950px;
}
/* header */
#header a.logo {
display: block;
position: absolute;
width: 280px;
height: 120px;
margin-top: 25px;
margin-left: 30px;
}
#search_box {
display: block;
float: right;
width: 185px;
height: 20px;
margin-top: 9px;
margin-right: 20px;
background: #9eba2b;
}
#search_box input {
float: left;
width: 150px;
height: 16px;
margin-top: 2px;
margin-left: 5px;
font-size: 10px;
color: #fff;
background: #9eba2b;
border: 0px solid #9eba2b;
}
#search_box p {
float: right;
display: block;
content: ".";
width: 1px;
height: 14px;
margin-top: 3px;
margin-right: 5px;
background: #fff;
}
#search_box img {
float: right;
margin-top: 3px;
margin-right: 5px;
}
#lang_box {
display: block;
float: right;
margin-top: 120px;
margin-right: 20px;
clear: both;
}
#lang_box a {
display: block;
float: right;
padding: 3px;
width: 11px;
height: 11px;
margin-left: 1px;
font-size: 11px;
line-height: 11px;
text-align: center;
color: #fff;
background: #9eba2b;
}
#lang_box a.active {
color: #000;
background: #d6d3d3;
}
#lang_box a:hover {
color: #000;
background: #d6d3d3;
}
/* footer */
#footer {
margin-top: 10px;
height: 237px;
background: #f6f6f6;
}
#footer_wrap {
margin: 0 auto;
width: 950px;
}
#footer_logo {
float: left;
padding-top: 35px;
padding-left: 40px;
}
#footer_copy {
float: left;
padding-top: 35px;
padding-left: 50px;
font-size: 9px;
color: #627511;
}
#footer_copy p {
font-size: 10px;
line-height: 18px;
color: #000000;
margin-bottom: 45px;
}
/* content */
#content {
margin-top: 27px;
width: 960px;
overflow: auto;
}
/* content left */
#content_left {
float: left;
width: 131px;
padding-bottom: 14px;
background: #ffffff url(../img/menu_bg.gif) left top repeat-y;
/*height:683px;*/
}
#mainmenu {
margin-bottom: 10px;
width: 131px;
overflow: auto;
}
#mainmenu a {
display: block;
padding-left: 16px;
padding-top: 8px;
padding-bottom: 8px;
width: 115px;
/*height: 13px;*/
font-size: 12px;
line-height: 13px;
font-weight: bold;
color: #116f3a;
text-transform: uppercase;
text-decoration: none;
}
#mainmenu a.top {
padding-top: 9px;
padding-bottom: 8px;
background: #ffffff url(../img/menu_top_bg.gif) left top repeat-y;
text-decoration: none;
}
#mainmenu a.top:hover {
background: #ffffff url(../img/menu_top_bg_.gif) left top repeat-y;
text-decoration: none;
}
#mainmenu a.topselected {
background: #ffffff url(../img/menu_top_bg_.gif) left top repeat-y;
text-decoration: none;
}
#mainmenu a.topselected:hover {
background: #ffffff url(../img/menu_top_bg_.gif) left top repeat-y;
text-decoration: none;
}
#mainmenu a:hover {
/*color: #000;
background: #ffffff url(../img/menu_bg_.gif) left top repeat-y;
text-decoration: none;*/
background: #ffffff url(../img/menu_bg_.gif) left top repeat-y;
text-decoration: none;
}
#mainmenu a.selected {
/*color: #000;
background: #ffffff url(../img/menu_bg_.gif) left top repeat-y;
text-decoration: none;*/
background: #ffffff url(../img/menu_bg_.gif) left top repeat-y;
text-decoration: none;
}
#mainmenu p {
content: ".";
display: block;
width: 128px;
height: 0;
margin: 0;
padding: 0;
font-size: 0px;
border-bottom: 1px dashed #386330;
}
#mainmenu a.subnav {
display: block;
padding-left: 11px;
padding-top: 6px;
padding-bottom: 6px;
width: 120px;
height: 11px;
font-size: 11px;
line-height: 11px;
font-weight: normal;
text-transform: uppercase;
text-decoration: none;
background: url(../img/menu_bg.gif) left top repeat-y;
}
#mainmenu a.subnav:hover {
font-weight: bold;
background: url(../img/menu_bg_.gif) left top repeat-y;
text-decoration: none;
}
#mainmenu a.subnavselected {
display: block;
padding-left: 11px;
padding-top: 6px;
padding-bottom: 6px;
width: 120px;
height: 11px;
font-size: 11px;
line-height: 11px;
font-weight: bold;
background: #ffffff url(../img/menu_bg.gif) left top repeat-y;
text-transform: uppercase;
text-decoration: none;
}
#mainmenu a.subnavselected:hover {
font-weight: bold;
background: url(../img/menu_bg_.gif) left top repeat-y;
text-decoration: none;
}
#content_left img {
margin-left: 5px;
}
/* content right */
#content_right {
float: left;
width: 800px;
margin-left: 10px;
}
#column_right {
float:left;
width:130px;
height:703px;
background:url(../img/hp_right_bottom.gif) left bottom no-repeat #9cb91f;
text-align:center;
}
#column_right a img {
margin:2px 0;
}
#content_right_main {
float: left;
width: 570px;
}
#content_right_main_title {
display: block;
margin-bottom: 10px;
padding-left: 8px;
padding-top: 5px;
padding-bottom: 6px;
width: 562px;
height: 16px;
font-size: 16px;
font-weight:bold;
line-height: 16px;
color: #fff;
background: #ffffff url(../img/title_bg.gif) left top no-repeat;
}
#content_right_wide {
float: left;
width: 763px;
}
#content_right_wide_title {
display: block;
margin-bottom: 10px;
padding-left: 8px;
padding-top: 5px;
padding-bottom: 6px;
width: 766px;
height: 16px;
font-size: 16px;
line-height: 16px;
color: #fff;
background: #ffffff url(../img/w_title_bg.gif) left top no-repeat;
}
#content_right_boxes {
float: right;
width: 175px;
}
#box_barometer {
width: 155px;
padding: 10px;
overflow: auto;
background: #f6f6f6;
}
#box_barometer_title {
display: block;
margin-bottom: 10px;
padding-top: 5px;
padding-bottom: 10px;
width: 155px;
height: 18px;
font-size: 18px;
line-height: 18px;
color: #0a6428;
border-bottom:1px solid #0a6428;
}
#box_barometer p {
float: left;
width: 120px;
font-size: 11px;
line-height: 11px;
margin-bottom: 10px;
text-align: left;
}
#box_barometer p.price {
float: right;
width: 35px;
text-align: right;
}
#box_barometer img {
margin-left: 5px;
}
#box_barometer a {
float: right;
margin-top: 10px;
font-size: 11px;
line-height: 11px;
color: #ff0007;
text-decoration: underline;
}
#box_barometer a:hover {
color: #000;
}
/* common */
#wrap {
padding: 8px;
overflow: auto;
}
#wrap select {
float: right;
margin-right: 15px;
margin-bottom: 10px;
font-size: 11px;
}
#wrap input {
float: right;
margin-left: -5px;
margin-top: 2px;
}
#wrap input.inputradio {
float: none;
margin-left: 0;
margin-right: 10px;
margin-top: 2px;
}
#wrap input.inputradio2 {
float: none;
margin-left: 10px;
margin-right: 5px;
margin-top: 0px;
}
p.right {
float: right;
}
#wraptable {
padding: 8px 0;
overflow: auto;
}
#wraptable select {
float: left;
margin-right: 15px;
margin-bottom: 10px;
font-size: 11px;
}
#wraptable input {
float: left;
margin-left: -5px;
margin-top: 2px;
}
#wrap ul {
padding-left: 30px;
margin-bottom: 10px;
}
#wrap ul li {
font-size: 12px;
line-height: 20px;
margin-bottom: 5px;
text-align: justify;
list-style-type: square;
list-style-image: none;
list-style-position: outside;
}
a {
color: #0a6428;
text-decoration: none;
}
a.underline {
color: #0a6428;
text-decoration: underline;
}
a:hover {
color: #000;
text-decoration: underline;
}
#date {
margin-bottom: 10px;
}
#date span {
font-size: 11px;
line-height: 11px;
padding: 2px;
color: #fff;
background: #9eb92a;
}
h1 {
display: block;
font-size: 22px;
line-height: 22px;
margin-bottom: 18px;
}
h1 a {
text-decoration: none;
}
h1 a:hover {
text-decoration: none;
}
h2 {
display: block;
font-size: 18px;
line-height: 18px;
margin-bottom: 10px;
}
h2.title {
display: block;
font-size: 18px;
line-height: 18px;
margin-bottom: 10px;
color: #0a6428;
}
h2 span.titlegrey {
font-size: 18px;
line-height: 18px;
margin-bottom: 10px;
color: #a3a2a2;
}
p {
display: block;
font-size: 12px;
line-height: 20px;
margin-bottom: 10px;
text-align: justify;
}
p.desc {
font-size: 14px;
line-height: 22px;
}
strong {
font-weight: bold;
}
i {
font-style: italic;
}
.img_center {
margin: 0 0 5px 0;
}
.img_left {
float: left;
margin: 5px 20px 0 0;
}
.img_right {
float: right;
margin: 5px 0 0 20px;
}
#content_split {
width: 554px;
height: 40px;
display: block;
padding: 0;
}
#content_split_line {
width: 554px;
height: 20px;
margin-bottom: 20px;
display: block;
padding: 0;
border-bottom:1px solid #e1e8be;
}
#pager li {
display: inline;
}
#pager li a {
display: block;
float: left;
padding-top: 5px;
font-size: 14px;
line-height: 14px;
text-align: center;
width: 20px;
height: 20px;
color: #7b9218;
margin-left: 2px;
text-decoration: none;
}
#pager li a:hover, #pager li a.selected_page {
font-weight: bold;
padding-top: 1px;
padding-bottom: 4px;
font-size: 18px;
line-height: 18px;
color: #0a6428;
}
/* TABLE */
table {
width:100%;
margin: 0 auto;
border-collapse:collapse;
}
tr.odd td {
background:#f6f6f6
}
td {
border-left:1px solid #e5ecc0;
padding: 5px 10px;
font-size: 12px;
line-height: 12px;
}
td a {
font-size: 12px;
line-height: 12px;
font-weight: bold;
color: #0a6428;
}
td a:hover {
text-decoration: none;
}
td.first {
border-left: 0;
}
thead th {
text-align:left;
border-bottom: 1px solid #000;
border-left:1px solid #e5ecc0;
padding: 8px 10px;
font-size: 14px;
line-height: 14px;
}
thead th a {
font-weight: bold;
color: #0a6428;
}
thead th a:hover {
text-decoration: none;
}
thead th.first {
border-bottom: 1px solid #000;
border-left: 0;
}
#reactionnav {
display: block;
float: left;
font-size: 15px;
line-height: 25px;
color: #4d4d4d;
}
#reactionnav a {
font-size: 15px;
line-height: 25px;
margin-right: 5px;
color: #4d4d4d;
}
#reactionnav a:hover {
color: #585858;
}
#reactionnav a.selected {
font-size: 25px;
color: #585858;
}
#reactionformcontent
{
padding: 0;
overflow: auto;
}
#reactionformcontentHolder
{
padding: 20px;
overflow: auto;
background: #ececec;
}
#reactionformcontentHolder p {
display: block;
font-family: Verdana;
font-size: 10px;
line-height: 15px;
color: #010101;
margin-bottom: 10px;
}
#reactionformcontentHolder p.red {
color: #bc171d;
}
#reactionformcontentThanksr
{
padding: 50px;
overflow: auto;
text-align: center;
background: #ececec;
}
#reactionontent
{
padding: 0;
overflow: auto;
}
#wrap input.formFont { float: left; margin-left: 0; margin-top: 0; font: 10px Verdana,Lucida,sans-serif; width: 300px; height: 18px; border-width: 0px; border-style: solid; margin-top: 5px; margin-bottom: 5px; background-color: #ffffff; border-color: #ffffff; color: #000000;}
#wrap input.textareaFont { float: left; margin-left: 0; margin-top: 0; font: 10px Verdana,Lucida,sans-serif; width: 600px; height: 200px; border-width: 0px; border-style: solid; margin-top: 5px; margin-bottom: 5px; background-color: #ffffff; border-color: #ffffff; color: #000000;}
#wrap input.buttonFont { float: left; margin-left: 0; margin-top: 0; font: 11px Verdana,Lucida,sans-serif; width: 150px; height: 25px; border-width: 0px; border-style: solid; border-color: #58585a; background-color: #58585a; color: #ffffff; cursor:pointer; cursor: hand;}
.searchformFont { font: 10px Verdana,Lucida,sans-serif; width: 150px; height: 14px; border-width: 1px; float: right; border-style: solid; background-color: #ffffff; border-color: #cccccc; color: #000000;}
.searchformFont2 { font: 10px Verdana,Lucida,sans-serif; width: 100px; height: 14px; border-width: 1px; float: right; border-style: solid; background-color: #ffffff; border-color: #cccccc; color: #000000;}
/* home page */
#home_projects{
float: left;
width: 375px;
height: 187px;
}
#home_projects_title {
display: block;
padding-bottom: 10px;
width: 375px;
height: 22px;
font-size: 22px;
font-weight:bold;
line-height: 22px;
color: #9cb91f;
}
#home_projects_content{
width: 355px;
padding-left: 20px;
height: 180px;
overflow-x:scroll;
}
#home_project{
float: left;
width: 88px;
height: 160px;
text-align:center;
}
#home_project div {}
#home_news, #home_events{
width: 275px;
}
#home_news .borderBlack {
padding:1px; border:1px solid #ccc;
}
.home_right_menu {
margin:5px auto; display:block;height:25px;width:120px;background:url(../img/hp_right_menuitem_bg.gif); font-size:14px; font-weight:bold; line-height:25px;text-indent:8px;
}
#home_news li{color:#444; font-size:17px; font-weight:bold;border-bottom:#b5be85 1px dotted; margin-bottom:5px;}
#home_news a.vise, #home_news a.vise:hover {color:#a3c534;font-weight:bold;font-size:12px;text-decoration:none; font-style:italic; margin-left:5px;}
#home_news a.vise:hover {text-decoration:underline}
#home_events ul {margin-left:20px;padding-left:0}
#home_events li{list-style-type:disc; margin-left:0;padding-left:0; line-height:20px;}
#home_events li a{color:#444; font-size:12px; }
#home_map{
float: left;
width: 375px;
}
#home_ads{
float: left;
width: 375px;
margin-top:35px
}
#home_ads_contents{
width: 365px;
height: 262px;
}
#home_ads_content{
display: block;
width: 365px;
height: 252px;
padding: 5px;
}
#home_ads_content p {
display: block;
font-size: 11px;
line-height: 13px;
margin-bottom: 5px;
text-align: justify;
}
#home_ads_scroller{
visibility: visible;
overflow: hidden:
width: 365px;
height: 262px;
clip:rect(0 365 262 0);
}
#home_box_title {
display: block;
margin-bottom: 5px;
padding-left: 8px;
padding-top: 5px;
padding-bottom: 6px;
width: 367px;
height: 16px;
font-size: 16px;
font-weight:bold;
line-height: 16px;
color: #fff;
background: #ffffff url(../img/hp_box_title_bg.gif) left top no-repeat;
}
#home_box_title a {
float: right;
padding-right: 8px;
padding-top: 2px;
font-size: 12px;
line-height: 12px;
color: #fff;
}
#home_box_split_line {
width: 375px;
margin-bottom: 5px;
display: block;
padding: 0;
border-bottom:1px solid #e1e8be;
}
#home_box_split {
width: 765px;
height: 27px;
float: left;
display: block;
padding: 0;
}
#tabsAndContent ul, #tabsAndContent li{
padding: 0;
}
ul#tabsNav{
float: left;
width: 57px;
list-style: none;
}
ul#tabsNav li.n1{
margin-bottom: 7px;
background: #fff url(../img/n1.gif) no-repeat center;
}
ul#tabsNav li.n1:hover{
background: #fff url(../img/n1_.gif) no-repeat center;
}
ul#tabsNav li.n1.active{
background: #fff url(../img/n1_.gif) no-repeat center;
}
ul#tabsNav li.n2{
margin-bottom: 8px;
background: #fff url(../img/n2.gif) no-repeat center;
}
ul#tabsNav li.n2:hover{
background: #fff url(../img/n2_.gif) no-repeat center;
}
ul#tabsNav li.n2.active{
background: #fff url(../img/n2_.gif) no-repeat center;
}
ul#tabsNav li.n3{
background: #fff url(../img/n3.gif) no-repeat center;
}
ul#tabsNav li.n3:hover{
background: #fff url(../img/n3_.gif) no-repeat center;
}
ul#tabsNav li.n3.active{
background: #fff url(../img/n3_.gif) no-repeat center;
}
ul#tabsNav li a{
padding: 0;
margin: 0;
display: block;
width: 57px;
height: 74px;
}
ul#tabContent{
margin: 0;
background: #fff url(../img/n_bg.gif) no-repeat top left;
height: 217px;
width: 298px;
float: left;
list-style: none;
padding: 10px;
}
ul#tabContent h1 {
display: block;
font-size: 18px;
line-height: 27px;
color: #000;
margin-bottom: 18px;
}
ul#tabContent p {
display: block;
font-size: 11px;
line-height: 18px;
color: #000;
}
.tick_link{border-bottom:#b5be85 1px dotted}