/* CSS Document */
body{
color: #4D4D4D;
background: #C3C1C1;
}
a{
color: #555555;
font-weight:bold;
}
a:hover{
color: #000000;
font-weight:bold;
}
strong{
color: #555555;
font-weight:bold;
}
em{
color: #555555;
font-style: italic;
}
#container.index{
background:  url("../bg_images/bg_container_index.jpg") repeat-y;
margin: auto;
width: 1034px;
height: auto;
border: 0px solid red;
}
#header{
width: 1024px;
height: 214px;
border: 0px solid red;
background: #E6E6E6;
margin: 0 0 0 5px;
}
#logo{
height: 212px;
width: 159px;
border: 0px solid blue;
float: left;
}
#banner{
height: 214px;
width: 706px;
border: 0px solid red;
float: left;
background: #ffffff;
}
#banner_content {
width: 690px;
height: 200px;
margin: 7px 0 0 8px;
}
#visual{
height: 214px;
width: 159px;
border: 0px solid blue;
float: left;
}
/*---------------------------------------------------------------------------------------- MAIN NAV ---------------------*/
#main_nav{
background:  url("../bg_images/bg_nav.jpg") repeat-x;
width: 1024px;
height: 45px;
margin: 0 0 0 5px;
}
#main_nav ul{
border: 0px solid red;
height: 45px;
overflow: hidden;
}
#main_nav ul li{
height: 45px;
background:  url("../bg_images/bg_nav_ul_li.jpg") no-repeat top right;
color: #E6E6E6;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0 0 0;
border: 0px solid blue;
}
#main_nav ul li a{
display: block;
width: auto;
height: 45px;
font-size: 13px;
font-weight: bold;
color: #E6E6E6;
text-decoration: none;
margin: 0px 1px 0 0px;
padding: 10px 20px 10px 20px;
border: 0px solid red;
}
#main_nav ul li a:hover{
color: #FFFFFF;
background:  url("../bg_images/roll_over_main.jpg");
}
#main_nav ul li a.curent{
color: #239B23;
}
#main_nav ul li a.curent:hover{
color: #239B23;
}
#colums{
width: 1024px;
height: auto;
border: 0px dotted red;
margin: 0 0 0px 5px;
padding: 0 0 20px 0;
overflow: hidden;
}
#colums h1 strong{
display: none;
}
#colums h1{
margin: 20px 0 0 0;
text-align: center;
}
#col_one {
float:left;
border: 0px solid red;
width: 514px;
padding: 18px 0 0 0;
}
#col_one h1{
font-weight: normal;
font-size: 21px;
color: #009900;
text-align: left;
border: 0px dotted green;
margin: 10px 0 0 38px;
}
#col_one h2{
font-weight: normal;
font-size: 16px;
color: #009900;
background: #E5E5E5;
text-align: left;
border: 0px dotted green;
margin: 20px 0 20px 38px;
padding: 7px;
}
#col_one p{
text-align: left;
margin: 10px 0 0 38px;
line-height: 18px;
}
#lang_nav {
width: 455px;
margin: 10px 0 20px 38px;
padding: 10px;
border: 1px solid #E5E5E5;
text-align: center;
overflow: hidden;
}
#lang_nav h1{
position: absolute;
margin: 0;
margin-top: -20px;
text-align: center;
float: left;
color: #333333;
font-size: 11px;
display: block;
width: 450px;
border: 0px solid #333333;
}
#lang_nav h1 strong{
text-align: center;
margin: auto;
display: block;
width: 150px;
background: #ffffff;
border: 0px solid #E5E5E5;
}
#lang_nav ul li{
width: 100px;
height: 34px;
float: left;
margin: 0 6px 0 6px;
padding: 0;
border: 0px solid red;
}
#lang_nav ul li a{
background:  url("../bg_images/bg_lang_button_a.jpg") no-repeat;
width: 100px;
height: 29px;
float: left;
margin: 0;
padding: 5px 0 0 0;
font-size: 12px;
text-decoration: none;
border: 0px solid red;
}
#lang_nav ul li a:hover{
background:  url("../bg_images/bg_lang_button_a.jpg") no-repeat 0px -34px;
width: 100px;
height: 29px;
float: left;
margin: 0;
padding: 5px 0 0 0;
font-size: 12px;
text-decoration: none;
border: 0px solid red;
}
#lang_nav ul li a img{
display:block;
float: left;
margin: 5px 2px 0 7px;
}
#lang_nav ul li a strong{
color: #ffffff;
display:block;
float: left;
margin: 5px 0 0 0;
}
#lang_nav p{
color: #777777;
line-height: 20px;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
font-size:12px;
}
#lang_nav p strong{
font-weight: bold;
}
#col_two {
float:left;
border: 0px solid blue;
margin: 0 0 0 38px;
}

/*---------------------------------------------------------------------------------------- CONTENT ---------------------*/
#content_box {
width: 429px;
height: auto;
background:  url("../bg_images/contentbox_footer.jpg") no-repeat bottom;
padding: 0 0 43px 0;
margin: 0px;
float: left;
}
#content_box h1{
color: #ffffff;
font-size: 18px;
font-weight: bold;
background:  url("../bg_images/contentbox_header.jpg") no-repeat;
width: 414px;
height: 33px;
padding: 10px 0 0 15px;
text-align: left;
}
#content_box h1 strong{
display: inline;
color: #666666;
font-size:16px;
font-weight: normal;
}
#content_box p{
background:  url("../bg_images/contentbox_background.jpg") repeat-y;
width: 399px;
height: auto;
padding: 5px 15px 5px 15px;
text-align: left;
line-height: 18px;
}
#content_box p.line_p{
background:  url("../bg_images/contentbox_background.jpg") repeat-y;
overflow: hidden;
width: 399px;
height: auto;
padding: 10px 15px 10px 15px;
text-align: left;
border-bottom: 1px solid #BDBDBD;
border-top: 1px solid #EDEDED;
}
#content_box p.first_p{
background:  url("../bg_images/contentbox_background.jpg") repeat-y;
overflow: hidden;
width: 399px;
height: auto;
padding: 10px 15px 10px 15px;
text-align: justify;
border-bottom: 1px solid #BDBDBD;
border-top: 0px solid #EDEDED;
}
#content_box p.last_p{
background:  url("../bg_images/contentbox_background.jpg") repeat-y;
overflow: hidden;
width: 399px;
height: auto;
padding: 10px 15px 10px 15px;
text-align: justify;
border-bottom: 0px solid #BDBDBD;
border-top: 1px solid #EDEDED;
}
#content_box p a{
font-weight: bold;
color: #555555;
}
#content_box p a:hover{
font-weight: bold;
color: #000000;
}
#content_box p img{
margin: 10px 0 0 0;
}
#back {
display: block;
position: relative;
left: 430px;
top: 75px;
}
#content {
float: left;
width: 706px;
height: auto;
_width: 705px;/* IE6 fix */
border: 0px solid red;
padding: 0 0 25px 0;
}
#baseline {
width: auto;
height: auto;
overflow: hidden;
padding: 10px 38px 38px 38px;
border: 0px solid red;
}
#baseline strong{
display: none;}
#erca {
width: 340px;
height: 101px;
background:  url("../bg_images/index_erca.jpg") no-repeat;
float: left;
}
#erca p{
width: 172px;
height: 36px;
padding: 7px;
float: right;
color: #ffffff;
font-weight: bold;
font-size: 13px;
border: 0px solid red;
text-align: centerleft;
}
#erca p a{
color: #ffffff;
font-weight: bold;
font-size: 13px;
}
#vebon {
width: 340px;
height: 101px;
background:  url("../bg_images/index_vebon.jpg") no-repeat;
float: left;
margin: 0 0 0 18px;
}
#vebon p{
width: 167px;
height: 60px;
padding: 15px;
float: right;
margin: 10px 0px 0 0;
color: #ffffff;
font-weight: bold;
font-size: 16px;
border: 0px solid red;
text-align: left;
}
#vebon p a{
color: #ffffff;
font-weight: bold;
font-size: 16px;
}
#ccts {
width: 239px;
height: 101px;
background:  url("../bg_images/index_ccts2.jpg") no-repeat;
float: left;
margin: 0 0 0 18px;
}
#ccts p{
width: 156px;
height: 35px;
padding: 6px 6px 6px 10px;
margin: 2px 0 0 0px;
float: right;
color: #6D6D6D;
font-weight: bold;
font-size: 12px;
border: 0px solid red;
text-align: centerleft;
}
/*---------------------------------------------------------------------------------------- FOOTER ---------------------*/

#footer {
background:  url("../bg_images/bg_footer.jpg") repeat-x;
width: 1024px;
height: 48px;
border: 0px solid red;
margin: 0 0 0 5px;
}
#footer_content {
text-align: center;
width: 710px;
height: 48px;
border: 0px solid red;
margin: auto;
background:  url("../bg_images/bg_footer_content.gif") no-repeat;
padding: 10px 0 0 0;
}
#footer_content p{
font-size: 11px;
color: #999999;
text-align: center;
margin: 0 0 5px 0;
}
#footer_content p a:hover{
color: #999999;
}