<!--

/* CSS Document */

body,h1,h2,h3,h4,p,form,ol,ul,li,dl,dt,dd { 
	margin:0px; 
	padding:0px; 
	font-weight:normal; 
}

html, body {

}

body  { 
	color:#ffffff; 
	font-family: 
	Verdana, Arial, Helvetica, sans-serif; 
	text-align: center; 
	background:#ffffff url(../common_images/background.jpg) repeat-y center; 
}

div {
	font-size:10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	line-height:14px; 
}

a:link    { 
	color:#3939ff; 
	text-decoration: none 
}

a:visited { 
	color:#3939ff; 
	text-decoration: none 
}

a:hover{ 
	color:#FF6633; 
	text-decoration:none; 
}

.tex{
	padding: 2px;
}

#wrap { 
	width:900px; 
	text-align:center; 
	padding:0; 
	overflow:hidden; 
	
	float: none;
	clear: both;


    margin: 0 auto -20px;
	background: url(../common_images/bodyback.gif) repeat-y center;
}

#header {
	width:900px;
	height: 300px;
	margin:0;
	overflow:hidden;
}

.topline{
	width:900px;
	height:20px;
	background-color: #859cc0;
	float: none;
	text-align: right;
}
	
.banner {
	width: 900px;
	height:200px;
	float: none;
	background:url(../common_images/banner.jpg);
}

.hmenu {
	width:900px;
	height:50px;
	background-color: #696969;
	background: url(../common_images/menuback.jpg) repeat-x;
	float: none;
}

.hmenu ul {

}
.hmenu ul li {
	float: left;
	padding-left: 20px;

line-height: 50px;
	list-style:none;          
        font-size: 16px;
width: 145px;
display:block;
}
.hmenu ul li a:link,
.hmenu ul li a:visited {
        color: #ffffff;
width: 145px;
display:block;
}
.hmenu ul li a:hover {
        color: #ffcccc;

	background: url(../common_images/menuback_hover.jpg) repeat-x;
width: 145px;
height: 50px;
display:block;
}

#contents {
	width:900px;
	float: none;
        min-height: 100%;
}

.sidebar {
	width: 240px;

	float:left;
	background: #74ACE3;
}
.sidebar .vmenu {
	line-height: 16px;
	color: #696969;
}
.sidebar .vmenu ul { 
	margin:25px 0 10px 0; 
	text-align:left; 
}
.sidebarcontact {

padding-left: 30px;
}
.sidebar .vmenu ul li { 
	font-size:14px; 
	text-align:left; 
	line-height:40px; 
	text-indent:20px; 
	list-style:none;  
	border-bottom: dashed 1px #ccc;
}
.sidebar .vmenu ul li a:link, 
.sidebar .vmenu ul li a:visited, 
.sidebar .vmenu ul li a:visited, 
.sidebar .vmenu ul li a:link { 
	color:#ffffff; 
	text-decoration: none;

}

.sidebar .vmenu ul li a:hover  
{ 
	color:#ffcc33; 
	text-decoration:none; 

	font-weight: bold;
width:240;
display: block;
background-color: #ffffff;
background: url(../common_images/arrow.gif) center no-repeat; 
}

.main {
	width: 660px;
	color: #444444;
	float: right;
	text-align: left;
        padding-top: 20px;
		display:inline;
}

.main .tex, .main .quote
{

	margin: 10px 20px 30px 20px;
	border: solid 1px #dedede;
	padding: 10px 20px 10px 20px;
	font-size: 12px;
	line-height: 18px;
	background: url(../common_images/bg_grad.jpg) repeat-x center bottom;
}
.main .inner {
	padding-bottom: 50px;
}

.main .tex h1{
	line-height: 20px;
	font-size: 20px;
	padding: 6px 3px 6px 50px;
	background-image: url(../common_images/bullet.gif);
	background-repeat: no-repeat;
	background-position: left;
}

.main .tex h2{
	font-size: 14px;
	font-weight: bold;
	line-height: 24px;
}
.main .inner p{
	padding: 10px 10px 10px 0;
}


.main .tex ul{
}
.main .tex ul li{
	text-decoration: none;
	list-style:none;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: dashed 1px #aaa;
}
.main .inner li{
	text-decoration: none;
	list-style:bullet;
	padding-bottom: 4px;
	padding-top: 10px;
	margin-left: 20px;
}

#footer {
	text-align:center; 
	width:900px;
    height: 20px;
    color: #ffffff;
	margin: 0 auto 0 auto;
    padding-top: 5px;
	overflow:hidden;
	float: none;
	clear: both;
	background-color: #859cc0;
}
#push {
	height: 20px;
	float: none;
	clear: both;
}

#init{
	float: none;
	clear: both;
}
.hftex{
	padding-top: 3px;
	text-align: center;
}


.column2 {
width: 190px;
float: left;
padding-bottom: 20px;
padding-top: 5px;
min-height: 280px;
border-bottom: dashed 1px #eee;
}
.column2 .icon{
}
.column2 .caption{
padding: 5px 15px 10px 20px;
}
.column2 .more{
text-align: right;
padding-right: 30px;
}

.column3 {
width: 560px;
clear: both;
padding-bottom: 10px;
padding-top: 25px;
border-bottom: dashed 1px #ccc;
}
.column3 .icon{
float:left;
width:120px;
}
.column3 .caption{
padding: 5px 15px 10px 20px;
}
.column3 .more{
text-align: right;
padding-right: 30px;
}
.cblock{
clear: both;
width:540px;
padding:10px;
padding-bottom: 20px;
border-bottom: dotted 1px #ddd;
}
.cblockl{
width:150px;
float: left;
font-weight: bold;
}
.cblockr{
width:390px;
float: right;
}

#pic {
padding: 5px 15px 15px 0;

}

.icon2{
width:180px;
float: left;
border: solid 1px #eee;
}
.icon2 .caption{
padding: 10px;
}

.icon3{
float:left;
width: 230px;

}
.locale a:link{
color: #fff;
}
.locale a:visited{
color: #fff;
}
.locale a:{
color: #fff;
}
.locale a:hover{
color: #f66;
}


-->