/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:0.85em; text-align:center; background-color: #4396ca; background-image: url(images/main_bg.jpg); background-repeat:repeat-x;}
html, input, textarea
	{	font-family:Arial; 
		color:#6b6b6b;
	}	
/*---------------------------------------------------------------------------------------------------------------------TEGS*/
a img{ border:0px}
img{ vertical-align:top}
strong{ color:#101010}
.clear { clear:both;}
.fright { float:right;}
.fleft { float:left;}
.container { width:100%;}
.contacts_box { padding-right:14px;}
/*-------------------------------------------------------------------------------------------------------------------------LINE*/
.line_y{ background:url(images/bg_line_y.gif) top right repeat-y}
.line_x{ background:url(images/line_x.gif) top left repeat-x; height:1px; margin:20px 30px 29px -10px}
.line_x_height{ height:25px}
.line_x_1{ background:url(images/line_x.gif) top left repeat-x; height:9px; margin:20px 35px 0px -5px}
.line_x_2{ background:url(images/line_x.gif) top left repeat-x; height:1px; margin:20px 40px 0px 0px}
/*--------------------------------------------------------------------------------------------------------------------------MORE*/
.more{background:url(images/bg_mor.gif)  center left no-repeat; background-position:0 6px; padding-left:14px; vertical-align:middle; color:#414141; font-weight:bold; text-decoration:underline; font-family:Tahoma}
.more:hover{ text-decoration:none}
/*----------------------------------------------------------------------------------------------------------------------------UL*/

.list ol{margin:10; padding:10; line-height:15px;}
/*.list ol li{ margin:0px }*/


.list ul{margin:0; padding:0; list-style:none; line-height:30px;}
.list ul li{ margin:0px }
.list ul li a{color:#353535; text-decoration:none; font-weight:bold; background:url(images/bg_list.gif) center left no-repeat; padding-left:19px; } 
.list ul li a:hover { text-decoration:underline; }
.menu ul{ margin:0px 0 0 16px; padding:0px; list-style:none; line-height:30px;}
.menu ul li{ margin:0px; display:inline }
.menu ul li a{color:#ffffff; text-decoration:none; background:url(images/a.gif) repeat-x bottom; font-weight:bold; font-family:Tahoma; font-size:0.75em; margin:0 24px} 
.menu ul li a:hover { text-decoration:none; }
/*==========================================================================================================================HEADER=======*/
#header {height:407px; color:#363636}
#header .m{ background:#232323; padding:28px 0 28px 0px}
#header .logo{ height:332px; background:url(images/bg_logo2.jpg) top left no-repeat}
#header .indent_logo{ margin:112px 0 0 68px}
/*===========================================================================================================================CONTENT=======*/
#content{ font-size:0.6875em; width:100%; text-align:left}
#content { background:url(images/line.gif)}
#content .title{ display:block; margin:0 0 30px 0px}
#content p{ margin:0px 0px 7px 0px}
#content .pic_left{ float:left; margin:0px 20px 16px 0px}
#content .pic{ display:block; margin:0px 20px 16px 0px}

.drop div{ width:445px; background: url(images/bg_drop.gif) repeat-x bottom; height:14px}
.drop div div{ width: auto}
.drop a{ text-decoration:none; color:#353535; background:#FFFFFF}
.drop a:hover{ text-decoration:none; color:#d30e1a}

#content .col1 .indent{ padding:0px 0 38px 53px}
#content .col2, .col3 .indent{ padding:0px 0 25px 8px}
#content .ind_more{ padding:10px 0 0 0px}
#content .indent1{ padding:0px 0 25px 54px}
/*===========================================================================================================================CONTENT CLASS=======*/
#page1 #content .col1 .title{ margin:0 0 29px 0px; display:block}
#page1 #content .col1 .color_blok{ /*background:#d30e1a;*/background:#38578d; padding:2px 5px 2px 5px; width:100px; height:16px; font-family:Tahoma; vertical-align:middle; text-align:center}
#page1 #content .col1 b{ color:#FFFFFF}
#page1 #content .col1 p{ margin:20px 45px 13px 0px}
/*#page1 #content .col2{ background:url(images/bg_cont2.jpg) top left no-repeat}*/
#page1 #content .col2{ }
#page1 #content .col2 .indent{ padding:39px 0 41px 167px; color:#8493b3}
#page1 #content .col2 .title{ margin:15px 0 16px 0px; display:block}
#page1 #content .col2 .box_1 .pic{ float:left; margin:0 10px 0 6px}
#page1 #content .col2 .box_1 .pic_1{ float:left; margin:0 9px 0 0px}
#page1 #content .col2 .box_1 .pic_2{ display:block; margin:0 0 10px 0px}
#page1 #content .col2 .box_2 .indent1{ padding:12px 0 0 11px}

#page2 #content .col1 p{ margin:25px 45px 38px 0px}
#page2 #content .col2 p{ margin:0px 45px 15px 0px}
#page2 #content .col3 p{ margin:0px 30px 23px 0px}

#page3 #content .col1 p{ margin:0px 45px 10px 0px}
#page3 #content .col2 p{ margin:0px 30px 18px 0px}

#page4 #content .col1 p{ margin:0px 45px 10px 0px}
#page4 #content .col2 p{ margin:0px 30px 12px 0px}

#page5 #content .pic_left{ float:left; margin:0px 54px 0px 0px}
#page5 #content .pic{ margin:0 0 15px 0px; display:block}
#page5 #content .prev{ padding:0 83px 0 655px; float:left}
#page5 #content .prev a{ color:#414141; text-decoration:none; font-weight:bold}
#page5 #content .prev a:hover{ text-decoration:underline}
#page5 #content .next{ padding:0 0 0 0px}
#page5 #content .next a{ color:#414141; text-decoration:none; font-weight:bold}
#page5 #content .next a:hover{ text-decoration:underline}
#page5 #content .pic_1{ vertical-align:middle}

#page6 #content .col1 p{ margin:0px 40px 30px 0px}
#page6 #content .col2 p{ margin:0px 30px 23px 0px}

#page7 #content .col1 p{ margin:0px 40px 12px 0px}
#page7 #content .col2 p{ margin:0px 35px 23px 0px}
#page7 #content .col2 .bg_none{ background:none}

#page8 #content .col1 .pic{ margin:0 0 25px 0px}
#page8 #content .col1 p{ margin:0px 40px 15px 0px}
#page8 #content .col2 p{ margin:0px 45px 15px 0px}
#page8 #content .col3 p{ margin:0px 30px 23px 0px}

#page9 #content .title{ margin:0 0 25px 0px;}
#page9 #content p{ margin:0px 20px 15px 0px}
#page9 #content strong a{ color:#3d3d3d; text-decoration:underline}
#page9 #content strong a:hover{ text-decoration:none}
#page9 #content .height{ height:18px}
#page9 #content .pic{ margin:6px 6px 0 0px; float:left}

/*============================================================================================================================FOOTER=======*/
#footer { background:url(images/footnote_bottom.gif) bottom left repeat-x #000000; font-family:Tahoma; font-size:0.6875em; color:#aeaeae; padding:13px 20px 35px 20px }
#footer a {color:#aeaeae; text-decoration:underline}  
#footer a:hover {  text-decoration:none}
#footer .position{ position: relative; margin:-22px 0 0 580px; font-size:1.27em; font-weight:bold}
#footer .pic{ vertical-align:middle; margin:0 30px 0 0px}
#footer span{ color:#ffffff}


/*============================================================================================================================FORM=======*/

.h_f{ height:29px;}
.h{ height:17px; width:209px; margin:0px; padding:0px}
.indent_form{ margin:0 22px 0 106px}


input{
   background:none;
   border:1px solid #414141;
   font-family:Arial;
   color:#838282;
   font-size:1em
}
textarea{
   background:none;
   border:1px solid #414141;
   width:209px; height:150px;
   font-family:Arial;
   color:#838282;
   font-size:1em;
   margin:0 0 11px 0px;
   overflow:auto}
   
   
   
   /* TopNav - JQueryLavaLamp */
#lavaLampBasicImage {
position: relative;
width: 800px;
background: url("") no-repeat top;
/*padding: -15px;*/
padding-right:5px;
margin: -5px 0;
margin-left: 16px;
overflow: hidden;
height:30px;
}
#lavaLampBasicImage li {
float: left;
list-style: none;
}
#lavaLampBasicImage li.backLava {
background: url("images/lava.gif") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
#lavaLampBasicImage li.backLava .leftLava {
background: url("images/lava.gif") no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}
#lavaLampBasicImage li a {
/*font: bold 14px arial;
text-decoration: none;
color: #fff;*/
outline: none;
text-align: center;
/*top: -7px;
text-transform: uppercase;
letter-spacing: 0;*/
z-index: 10;
display: block;
float: left;
/* height: 30px; */
position: relative;
overflow: hidden;
/*margin: auto 8px;  */   
}
#lavaLampBasicImage li a:hover, #lavaLampBasicImage li a:active, #lavaLampBasicImage li a:visited {
color: #fff;
border: none;
}