/* CSS Document */
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a, img, table, input{
margin: 0;
padding: 0;
border:0;
}
h1{
font-size:11px;
font-weight:bold;
text-transform: uppercase;
margin-bottom:5px;
}
h2{
font-size:16px;
font-weight:bold;
text-align: left;
}
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: 10px;
margin-bottom: 10px;
text-align: center;
background: #ffffff url(gfx/body_bg.gif);
}
a{
text-decoration: none;
color:#610D03;
}
a:hover{
text-decoration: underline;
}
li{
list-style:none;
}
.hr, .hr_2{
overflow:hidden;
width: 100%;
height:1px;
}
.hr{background: url(gfx/bg_dotted.gif); margin: 2px 0 2px 0;}
.hr_2{background: url(gfx/bg_dotted_2.gif); margin: 6px 0 6px 0;}
/* text */
.upper {text-transform: uppercase; }
.green {color:#00721D; }
.blue {color:#06226C; }
.maroon {color:#610D03; }
.gray {color:#656565; }
/* layers */
#general{
border: 1px solid #FFFFFF;
margin: 0 auto;
width: 770px;
background: #0F8726 url(gfx/bg_line_white.gif) right top repeat-y;
}
#block_top, #block_middle,#block_bottom, #top_menu {
width:100%;
}
#block_top{
background: #0F8726 url(gfx/top_bg.gif) repeat-x;
height: 145px;
}
#block_top .left {
height: 144px;
width: 169px;
border-right: 1px solid #FFFFFF;
}
#block_top .left {
border-bottom: 1px solid #FFFFFF;
}
#top_menu {
position: relative;
z-index: 90;
visibility: visible;
height: 30px;
background: #620E00;
border-bottom: 1px solid #FFFFFF;
}
#top_menu .left{
width: 570px;
overflow: visible;
}
#top_menu ul{
z-index:1;
margin-left: 20px;
padding: 0 14px 0 0;
float: left;
text-align: left;
}
#top_menu li{
position: relative;
z-index:10;
height: 40px;
margin: -9px 0px -24px 4px; /* -24 - fix the bug in Explorer*/
float:left;
display: inline;
padding-left:4px;
background: url(gfx/menu_b_bg_l.gif) left top no-repeat;
}
#top_menu ul a{
position:relative;
z-index:100;
float:left;
margin: 0px 6px 0px 0px;
height:40px;
font-size: 11px;
color: #ffffff;
padding: 14px 10px 0px 6px;
background: url(gfx/menu_b_bg_r.gif) right top no-repeat;
}
#top_menu ul .current{
background: url(gfx/menu_b_a_bg_l.gif) left top no-repeat;
}
#top_menu ul .current a{
background: url(gfx/menu_b_a_bg_r.gif) right top no-repeat;
}
#top_menu form{
margin: 7px 20px;
}
#top_menu .input{
width: 100px;
height: 14px;
background: #FFFFFF;
margin-right: 5px;
}
#top_menu form a{
color: #FFFFFF;
}
#block_middle{
width:100%;
}
#block_middle_left {
float:left;
padding: 8px 8px 8px 8px;
width: 155px;
}
#menu_left, #contact{
text-align: left;
border: 1px solid #76BB83;
background: #339946;
padding: 9px;
color: #FFFFFF;
}
#block_middle_left #menu_left a, #block_middle_left #menu_left a:hover{
color: #FFFFFF;
display: block;
width: 108px;
/*height: 16px;*/
background: url(gfx/menu_dot.gif) left no-repeat;
margin-left:3px;
padding-left:12px;
text-align: left;
}
#block_middle_left #menu_left .sub_level a, #block_middle_left #menu_left .sub_level a:hover{
position:relative;
/*overflow: visible;*/
overflow: hidden;
z-index:200;
border: 1px solid #339946;
background-image:none;
background-color: #339946;
/*height:11px;*/
margin: 0px 0px 0px 15px;
padding-left:10px;
padding-bottom: 2px;
width: 107px;
/*height: 12px;*/
}
#block_middle_left #menu_left .sub_level a:hover,#block_middle_left #menu_left .sub_level a.active{
border: 1px solid #89C391;
background-color: #5EAE6F;
text-decoration: none;
overflow: hidden;
}
#block_middle_left #menu_left p{
margin: 8px 0 8px 0;
line-height: 16px;
font-size:11px;
}
#block_middle_left #contact p{
margin-top: 4px;
line-height: 16px;
font-size:10px;
}
#contact a{
color: white;
}
#block_middle_right { /* block is used without */
color: #620E00;
text-align: left;
float: left;
width: 542px;
padding: 15px 33px 22px 22px;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #cccccc;
background: #FFFFFF url(gfx/middle_right_bg.gif) repeat-x;
}
#block_middle_right_2 { /* block is used with */
color: #620E00;
float: right;
width: 598px;
margin-left: -3px;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #cccccc;
background: #FFFFFF url(gfx/middle_right_bg.gif) repeat-x;
}
#block_middle_right_2 .left_colum {
float: left;
padding-top: 13px;
margin-top:0px;
margin-bottom: 0px;
position:relative;
line-height: 20px;
}
#block_middle_right_2 .left_colum p,#block_middle_right_2 .left_colum h1,#block_middle_right_2 .left_colum h2,#block_middle_right_2 .left_colum a{
text-align: left;
margin: 5px 18px 5px 18px;
}
#block_middle_right_2 .right_colum{
position:relative;
padding: 15px;
margin: 0px 0px 0px 0px;
line-height: 16px;
font-size: 12px;
}
#block_middle_right p{
margin-top:12px;
color: #620E00;
text-align: left;
line-height: 22px;
}
.i_two_left {
display: block;
width:auto;
text-align:left;
background: url(gfx/i_two_left.gif) left no-repeat;
padding-left:10px;
font-weight:bold;
font-size:11px;
color:#8B151A;
}
.Navi_and_PrintV {
display: block;
width: 100%;
font-size: 9px;
}
.Navi_and_PrintV img{
margin: 2px;
}
.Navi_and_PrintV a{
color: #620E00;
}
#block_bottom {
color: #DBC7C4;
background: #620E00;
height: 29px;
border-top: 1px solid #FFFFFF;
font-size: 9px;
letter-spacing: 1px;
position: relative;
}
#block_bottom .left{
margin-top: 8px;
margin-left: 16px;
}
#block_bottom .right{
margin-top: 8px;
margin-right: 16px;
}
#block_bottom .right a{
color: #DBC7C4;
}
.right{
float: right;
}
.left{
float: left;
}
/* ets. */
.clear{
clear: both;
height: 0px;
overflow: hidden;
}
html[xmlns] .mozclear
{
/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
* this up as well. Shouldn't be a problem, Opera should handle this fine,
* but it's a Mozilla-targeted hack, and it should probably only affect
* mozilla. You can do that by replacing the INVALID CSS selector
* :root .mozclear for what's give here.
*/
border-bottom: 1px solid;
border-color: transparent;
margin-bottom: -1px;
}
#cma {
position: absolute;
top: 40px;
right: 10px;
}