html,body
{
width: 100%;
height:100%;
margin:0;
padding:0;
border:none;
font: 12px/15px "Verdana", arial;
color: black;
background: #efefef;
}
div, form, img, p, h2
{
float:left;
margin: 0px;
padding: 0px;
border: none;
}
h2
{
width: 100%;
padding-bottom: 10px;
font: bold 15px/15px "Verdana", arial;
}
p
{
width: 100%;
font: 12px/15px "Verdana", arial;
}
.li
{
width: 100%;
padding-left: 23px;
text-indent: -7px;
}
.main_container
{
position: relative;
width: 770px;
min-height: 100%;
background: white url(/images/bg_gray.gif) repeat-y 205px 0px;
}
.header
{
width: 100%;
height: 87px;
font-size:0px;
line-height: 0px;
background: white;
}
.header img
{
padding-left: 1px;
}
.footer
{
position: relative;
width: 770px;
height: 63px;
margin-top: -76px;
border-top: 13px solid #9f9f9f;
}
.footer .txt
{
font: 11px/15px tahoma;
color: black;
padding:16px 0px 0px 26px;
}
.footer .txt a
{
font: 11px/15px tahoma;
color: black;
text-decoration: underline;
}
.footer .txt a:hover
{
text-decoration: none;
}
.inner_content
{
width: 100%;
padding-bottom: 86px;
}
.left_col
{
width: 206px;
background: white;
}
.right_col
{
width: 564px;
}
.nav
{
width: 130px;
height: 206px;
margin-top: -6px;
padding: 0px 47px 0px 29px;
}
.nav a
{
display: block;
width: 108px;
height: 21px;
padding: 5px 0px 0px 22px;
border-bottom: 1px solid #d3d6db;
background: url(/images/bg_menu.gif) no-repeat left center;
font: bold 14px/14px arial;
color: #808575;
text-decoration: none;
}
.nav a:hover
{
color: #80a01f;
}
.flash
{
float: right;
width: 564px;
height: 200px;
}
.left_news,
.subscribe
{
width: 205px;
border-right: 1px solid #dbdbdb;
}
.left_news .ttl,
.subscribe .ttl
{
position: relative;
width: 157px;
height: 26px;
padding: 14px 0px 0px 48px;
margin: -7px 0px 4px 0px;
background: #242424 url(/images/bg_left_col.gif) no-repeat left top;
font: 11px/11px arial;
color: white;
cursor: default;
}
.left_news .block
{
width: 205px;
margin-bottom: 5px;
padding: 3px 0px 8px;
background: url(/images/sep_news.gif) no-repeat left bottom;
}
.left_news .block .num
{
width: 138px;
min-height: 40px;
padding-left: 47px;
font: 10px/13px arial;
color: black;
}
.left_news .block .num a
{
font: 10px/13px arial;
color: black;
text-decoration: none;
}
.left_news .block .num a:hover
{
text-decoration: underline;
}
.left_news .block .num.f
{
background: url(/images/num_1.gif) no-repeat 13px center;
}
.left_news .block .num.s
{
background: url(/images/num_2.gif) no-repeat 13px center;
}
.left_news .block .num.t
{
background: url(/images/num_3.gif) no-repeat 13px center;
}
.subscribe form
{
width: 100%;
}
.subscribe .error
{
width: 190px;
padding: 8px 0px 0px 15px;
font: 10px arial;
color: red;
}
.subscribe .complete
{
width: 100%;
font-weight: bold;
text-align: center;
padding: 35px 0px;
}
.subscribe .input
{
width: 190px;
padding: 8px 0px 8px 15px;
}
.subscribe .input input
{
display: block;
float:left;
width: 171px;
height: 11px;
padding: 2px 3px;
margin: 0px;
border: 1px solid #dbdbdb;
font: 10px arial;
color: black;
}
.subscribe .radio_block
{
width: 118px;
height: 40px;
padding-left: 16px;
border-right: 1px solid #dbdbdb;
}
.subscribe .radio_block .row
{
width: 100%;
}
.subscribe .radio_block .radio
{
width: 20px;
height: 20px;
}
.subscribe .radio_block .txt
{
width: 98px;
height: 17px;
padding-top: 3px;
font: 10px arial;
color: black;
cursor: default;
}
.subscribe .but
{
width: 38px;
padding-top: 12px;
text-align: right;
}
.topic_title
{
position: relative;
width: 157px;
height: 30px;
padding: 4px 0px 0px 47px;
background: url(/images/bg_topic.png) no-repeat;
font: bold 15px/15px "trebuchet ms", arial;
color: white;
z-index: 10;
cursor: default;
float:left;
}
.back {float:right; width:100px;background:#89B04E; height:27px; line-height:27px; text-indent:20px; color:#fff; font-weight:bold; font-family:'trebuchet ms', arial; font-size:14px;}
.back a {color:#fff; text-decoration:none;}
.content
{
position: relative;
width: 543px;
padding: 5px 9px 0px 12px;
z-index: 5;
}
.target
{
width: 546px;
padding: 10px 0px 0px 14px;
}
.target .left
{
width: 260px;
height: 100px;
margin-top: 3px;
}
.target .left .text
{
width: 100%;
}
.target .left .form
{
width: 100%;
margin-top: 10px;
}
.target .left .form .row
{
width: 100%;
padding-bottom: 5px;
}
.target .left .row .label
{
width: 60px;
padding-top: 3px;
}
.target .left .row .input input
{
width: 190px;
height: 16px;
display: block;
float:left;
margin: 0px;
padding: 3px 4px;
font: 14px/18px "trebuchet ms", arial;
border: 1px solid #66cc00;
background: white;
}
.target .left .row .input textarea
{
width: 195px;
height: 60px;
padding: 0px 0px 0px 3px;
background: white url(/images/bg_area.gif) repeat-x left top;
display: block;
float:left;
margin: 0px;
font: 14px/18px "trebuchet ms", arial;
border: 1px solid #66cc00;
}
.members
{
width: 536px;
padding: 10px 0px 0px 14px;
}
.mzone
{
width: 513px;
padding: 10px 23px 0px 14px;
margin-top: -5px;
background: url(/images/lock.gif) no-repeat 413px top;
}
.mzone .top
{
width: 370px;
}
.mzone .images
{
width: 100%;
height: 92px;
padding: 25px 0px 35px 0px;
font-size: 0px;
line-height: 0px;
overflow: hidden;
}
.mzone .images a
{
display: block;
float: left;
margin: 0px 48px 0px 0px;
}
.mzone .images img
{
padding-left: 1px;
}
.mzone .bottom
{
width: 100%;
}
.jobs
{
width: 536px;
padding: 10px 0px 0px 14px;
margin-top: -5px;
background: url(/images/bg_jobs.gif) no-repeat right top;
}
.jobs .top
{
width: 355px;
height: 90px;
font: 12px/15px "trebuchet ms", arial;
}
.jobs .jobs_block
{
position: relative;
width: 529px;
padding-top:3px;
}
.jobs .jobs_block .wrap,
.news .news_block .wrap
{
position: relative;
overflow: hidden;
width: 529px;
height: 0px;
}
.jobs .jobs_block .text
{
position: relative;
width: 480px;
padding: 5px 24px 8px 25px;
font: 12px/15px "trebuchet ms", arial;
background: url(/images/bg_news.gif) repeat-x left bottom;
}
.jobs .jobs_block .text div
{
width: 100%;
}
.jobs .jobs_block .text img
{
float: right;
}
.news
{
width: 538px;
padding: 5px 12px 0px 14px;
background: url(/images/bg_news.jpg) no-repeat 14px 10px;
}
.news .top
{
width: 100%;
height: 172px;
padding-top: 15px;
font: 14px/18px "trebuchet ms", arial;
text-align: right;
}
.news .top span
{
font: 12px/30px "trebuchet ms", arial;
padding-right: 10px;
}
.news .news_block
{
width: 529px;
padding-top:3px;
background: url(/images/bg_news.gif) repeat-x left top;
}
.news .news_block .row,
.jobs .jobs_block .row,
.members_block .row
{
display: block;
float:left;
width: 100%;
padding: 5px 0px 8px;
font: bold 15px/18px "trebuchet ms", arial;
color: black;
text-decoration: none;
background: url(/images/bg_news.gif) repeat-x left bottom;
}
.news .news_block .text
{
position: relative;
width: 493px;
padding: 5px 11px 8px 25px;
font: 12px/15px "trebuchet ms", arial;
background: url(/images/bg_news.gif) repeat-x left bottom;
}
.news .news_block .text a,
.jobs .jobs_block .text a,
.members_block .text a
{
color: #23592d;
}
.news .news_block .text a:hover,
.jobs .jobs_block .text a:hover,
.members_block .text a:hover
{
color: #368845;
}
.news .news_block .text img
{
float: right;
padding: 5px 0px 10px 10px;
}
.home
{
width: 564px;
padding: 0px;
margin-top: -9px;
border-top: 1px solid #e5e5e5;
}
.home .col_1
{
width: 187px;
border-right: 1px solid #a9bc05;
}
.home .col_2
{
width: 197px;
border-right: 1px solid #a9bc05;
}
.home .col_3
{
width: 178px;
}
.home .ttl
{
width: 100%;
height: 44px;
background: #f7f7f7;
}
.home .bottom
{
height: 35px;
width: 100%;
background: #f7f7f7;
border-bottom: 1px solid #e5e5e5;
}
.home .bottom a
{
margin: 9px 16px;
}
.green_but,
.green_but_in
{
display: block;
float:left;
padding: 2px 7px;
font: 12px/13px arial;
color: black;
text-decoration: none;
text-align: center;
border: 1px solid black;
background: #89b04e;
}
.green_but_in
{
display: inline;
height: 20px;
width: 60px;
}
.flright
{
float: right;
}
.home .col_1 .inner
{
width: 156px;
height: 213px;
padding: 4px 10px 0px 21px;
}
.home .col_2 .inner
{
width: 170px;
height: 213px;
padding: 4px 9px 0px 18px;
}
.home .col_1 .inner .image
{
padding-left: 8px;
}
.home .col_2 .inner .image
{
padding-left: 20px;
}
.home .col_3 .inner
{
width: 161px;
height: 217px;
padding-left: 17px;
}
.home .inner .txt
{
width: 100%;
padding-top: 4px;
font: 12px/14px "trebuchet ms", arial;
color: black;
}
.home .sub_ttl
{
width: 100%;
height: 24px;
border-bottom: 1px solid #e5e5e5;
}
.home .careers_txt
{
width: 544px;
padding: 10px 10px;
font: bold 12px/12px "trebuchet ms", arial;
color: #5a7432;
}
.column_1
{
width: 355px;
}
.column_2
{
width: 188px;
}
.column_3
{
width: 410px;
}
.about
{
width: 300px;
padding-right: 55px;
}
.members_col
{
float: right;
width: 120px;
text-align: center;
font-size:0px;
line-height: 0px;
}
.members_col .ttl
{
width: 100%;
height: 20px;
font: 12px/15px "trebuchet ms", arial;
text-align: center;
}
.members_col img
{
float:none;
margin: 2px auto;
}
.members_top
{
width: 370px;
padding-bottom: 20px;
font: 12px/15px "trebuchet ms", arial;
background: url(/images/bg_news.gif) repeat-x left bottom;
}
.members_block
{
position: relative;
width: 375px;
}
.members_block .wrap
{
position: relative;
overflow: hidden;
width: 375px;
height: 0px;
}
.members_block .text
{
position: relative;
width: 339px;
padding: 7px 11px 10px 25px;
font: bold 12px/15px "trebuchet ms", arial;
color: #339933;
background: url(/images/bg_news.gif) repeat-x left bottom;
}
.members_block .text img
{
float: right;
padding: 5px 0px 10px 10px;
}
.events_top
{
width: 370px;
padding: 5px 0px 10px;
}
.events_table
{
float:left;
width: 400px;
background: #f1f7ee;
border-collapse: collapse;
table-layout: fixed;
}
.events_table th
{
border-top: 1px solid #a2d088;
background: White;
padding: 4px 0px 3px 10px;
color: black;
text-align: left;
}
.events_table td
{
padding: 4px 0px 3px 10px;
color: black;
text-align: left;
overflow: hidden;
}
.events_table td.sep_c,
.events_table th.sep_c
{
padding: 0px;
font-size: 0px;
line-height: 0px;
width: 1px;
background: #a2d088;
}
.events_table td.sep_v,
.events_table td.sep_f
{
padding: 0px;
font-size: 0px;
line-height: 0px;
height: 1px;
background: white;
}
.events_table td.sep_f
{
background: #a2d088;
}
.events_table.small
{
font-size:11px;
}
.events_table a
{
color: black;
text-decoration: underline;
}
.events_table a:hover
{
text-decoration: none;
}
.events_table th.nob,
.events_table td.nob
{
border: none;
background: White;
font-weight: bold;
padding-left: 3px;
}
.events_table td.nob a
{
color: #009933;
text-decoration: none;
}
.events_table td.nob a:hover
{
color: black;
}
.cat_links a
{
font: bold 12px/15px "trebuchet ms", arial;
color: black;
text-decoration: none;
}
.cat_links a:link, .cat_links a:visited
{
color: #009933;
}
.cat_links a:hover, .cat_links a:active
{
color: black;
}
.indm
{
width: 500px;
padding: 25px 0px 0px 5px;
line-height: 28px;
}
.indm span
{
font-size: 15px;
font-weight: bold;
}
.indm_back
{
width: 500px;
padding: 25px 0px 0px 5px;
font-weight: bold;
}
.indm_back a
{
color: black;
text-decoration: none;
}
.indm_back a:hover
{
text-decoration: underline;
}
.contact_top
{
font: 14px/15px "trebuchet ms", arial;
}
.contact_top span
{
font: bold 15px/25px "trebuchet ms", arial;
}
.contact_form
{
padding-top:5px;
width: 100%;
}
.contact_form .left .row,
.contact_form .right .row
{
width: 100%;
padding-bottom: 8px;
}
.contact_form .left
{
width: 280px;
}
.contact_form .right
{
width: 260px;
}
.contact_form .left .label
{
width: 40px;
padding: 6px 0px;
font-weight: bold;
}
.contact_form .left .input
{
width: 205px;
}
.contact_form .left .input input,
.contact_form .left .input textarea
{
display: block;
float: left;
width: 200px;
margin: 0px;
padding: 3px 4px;
border: 1px solid #339933;
font: 14px/18px "trebuchet ms", arial;
background: White;
}
.contact_form .left .input textarea
{
width: 205px;
height: 68px;
padding: 0px 0px 0px 3px;
}
.contact_form .right .label
{
padding-top:20px;
width: 100%;
font-weight: bold;
}
.contact_form .right .input
{
padding: 2px 0px 13px;
}
.contact_form .right .input textarea
{
display: block;
float: left;
width: 255px;
height: 113px;
margin: 0px;
padding: 0px 0px 0px 3px;
border: 1px solid #339933;
font: 14px/18px "trebuchet ms", arial;
background: White;
}
.contact_sent
{
width: 100%;
font: bold 14px/18px "trebuchet ms", arial;
margin-top: 60px;
text-align: center;
}