/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; text-align:center; background:#ffffff;}
html, input, textarea
	{	font-family:Arial; 
		color:#1d2328;
	}	
/*---------------------------------------------------------------------------------------------------------------------TEGENERAL*/
a img{ border:0px}
img{ vertical-align:top}
strong{ color:#9f3b0f;}
a{ color:#9f3b0f; text-decoration:underline} 
a:hover{ text-decoration:none}
em{ font-style:normal; color:#1d2328; font-size:1.2em; line-height:1.4em; margin:0 0 15px 0px; display:block}
.clear { clear:both;}
/*----------------------------------------------------------------------------------------------------------------------------UL*/
.norm {margin:0; padding:0; list-style:none; line-height:17px; color:#1d2328; font-size:1em;}
.norm li{background:url(images/bg_ul.gif) bottom left repeat-x; margin:15px 0 0px 0px; padding:0 0 10px 0px; }
.norm li a{color:#9f3b0f; text-decoration:underline; font-weight:bold; font-size:1em;} 
.norm li a:hover { text-decoration:none; color:#4c9de2 }
.norm li div{ background:url(images/bg_list.gif) top left no-repeat; padding:0 0 0px 21px; color:#9f3b0f;}
.bg_none{ background:none;}

.main_menu { padding:0; list-style:none;}
.main_menu li { float:left; background:url(images/head_divider.gif) no-repeat right top; padding:0 28px 0 28px;}
.main_menu li a { display:block; float:left; color:#fff; padding:10px 11px 10px 13px; text-decoration:none;}
.main_menu li a:hover { background:url(images/bg_menu_link.gif) left top repeat-x;}
.main_menu li a.current { background:url(images/bg_menu_link.gif) left top repeat-x;}
.main_menu li.last { background:none;}

.list{margin:0px; padding:0px; list-style:none; line-height:17px;}
.list li{ margin:0px; background:url(images/bg_list_small.gif) top left no-repeat; padding:0 0 0 12px}
.list li a{color:#9f3b0f; text-decoration:none; font-size:1.083em; background:url(images/bg_decoration.gif) bottom left repeat-x; font-weight:normal} 
.list li a:hover { text-decoration:none; color:#fda127 }
/*==========================================================================================================================HEADER=======*/
#header {height:449px; color:#a4b6c0; font-size:0.85em}
#header .top{ height:121px; background:url(images/bg_top.gif) top left repeat-x; word-spacing:7px;}
#header .logos{ height:100px; width:380px; margin:12px 0 0 0px; float:right}
#header a{ color:#ffffff; text-decoration:none; word-spacing:normal}
#header a:hover{ text-decoration:none}
#header .logo{ position:absolute; margin:12px 0 0 0px }
#header .pic{ float:left; margin:0 4px 0 0px}
#header .row_2 { height:42px; background:url(images/bg_menu.gif) top left repeat-x;}
/*===========================================================================================================================CONTENT=======*/
#content{ font-size:0.75em; width:100%; text-align:left}
#content .title{ display:block; margin:0 0 17px 0px}
#content .title1{ display:block; margin:0 0 16px 0px}
#content .indent{ padding:24px 20px 43px 24px}
#content .indent1{ padding:21px 20px 43px 16px}
#content .pic_left{ float:left; margin:0px 17px 0px 0px}
#content .border{ border:1px solid #b7bbc1}
#content .border1{ border:1px solid #b7bbc1;}
#content .width_100{ width:100%}
#content .pic{ display:block; margin:0px 0px 12px 0px}
#content span a{ color:#9f3b0f; text-decoration:none; background:url(images/bg_decoration.gif) bottom left repeat-x; font-size:1.083em} 
#content span a:hover{ text-decoration:none; color:#fda127}
#content .under {background:url(images/bg_ul.gif) bottom left repeat-x; margin:15px 0 0px 0px; padding:0 0 2px 0px;}

#content .color{ background:url(images/bg_col.gif) bottom left repeat-x #ebf2f7;}
#content .bg_color_left{ background:url(images/bg_col_left.gif) top left repeat-y}
#content .bg_color_right{ background:url(images/bg_col_right.gif) top right repeat-y}
#content .bg_color_top{ background:url(images/bg_col_top.gif) top left repeat-x}
#content .bg_color_bot{ background:url(images/bg_col_bot.gif) bottom left repeat-x}
#content .y_top_left{ background:url(images/y_top_left.gif) top left no-repeat; height:100%; width:100%}
#content .y_top_right{ background:url(images/y_top_right.gif) top right no-repeat; width:100%; height:100%}
#content .y_bot_left{ background:url(images/y_bot_left.gif) bottom left no-repeat; height:100%; width:100%}
#content .y_bot_right{ background:url(images/y_bot_right.gif) bottom right no-repeat; height:100%; width:100%}

#content .indent_color{ padding:19px 10px 0px 13px;}
#content .indent_color1{ padding:19px 10px 26px 24px}
#content .indent_color2{ padding:19px 10px 40px 12px}

#content .thumbnail{position: relative; z-index: 0;}
#content .thumbnail:hover{background-color: transparent; z-index: 50;}
#content .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #ffffff; padding: 5px; left:-1000px; border: 1px solid #b7bbc1; visibility: hidden; color: black; text-decoration: none;}
#content .thumbnail span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px;}
#content .thumbnail:hover span{ /*CSS for enlarged image on hover*/ visibility: visible; top: -30px; left: -18px; /*position where enlarged image should offset horizontally */}

/*===========================================================================================================================CONTENT CLASS=======*/
#page1 #content .col1 .title{ margin:0 0 15px 0px}
#page1 #content .col1 p{ margin:5px 0 0 0px}

#page2 #content .col1 p{ margin:16px 0 11px 0px}
#page2 #content .col3 p{ margin:5px 0 10px 0px}

#page3 #content .col1 .box_1{ padding:27px 0 0px 0px}
#page3 #content .col1 .box_1 p{ margin:2px 10px 17px 0px}
#page3 #content .col1 .box_2{ padding:22px 0 0 0px}
#page3 #content .col1 .box_2 p{ margin:2px 0px 20px 0px}
#page3 #content .col3 p{ margin:1px 0 9px 0px}

#page4 #content .col1 p{ margin:16px 5px 11px 0px}
#page4 #content .col3 p{ margin:2px 0px 19px 0px}
#page4 #content .col3 .p1{ margin:18px 0 17px 0px}

#page5 #content .col1 p{ margin:0px 5px 23px 0px}

#page6 #content .col1 p{ margin:0px 15px 20px 0px}
#page6 #content .col1 a{ color:#1d2328; text-decoration:none; background:url(images/bg_decoration.gif) bottom left repeat-x}
#page6 #content .col1 a:hover{ text-decoration:none; color:#fda127}


/*============================================================================================================================FOOTER=======*/
#footer { height:68px; padding:21px 0 30px 2px; color:#505e66; font-size:0.75em }
#footer p{ margin:0 0 0 133px; float:left}
#footer a {color:#505e66; text-decoration:underline; font-weight:bold}  
#footer a:hover {  text-decoration:none}
#footer span{ word-spacing:6px; float:left}
#footer span a {color:#505e66; text-decoration:none; word-spacing:normal; font-weight:normal}  
#footer span a:hover {  text-decoration:underline}



/*============================================================================================================================FORM=======*/
.fright { float:right;}
.contacts_box { padding:0 45px 0 0px}

.h_f{ height:27px;}
.h{ height:19px; width:210px; margin:0px; padding:0 0 0 4px}
.indent_form{ margin:0 14px 0px 146px}
label {display:block; font-weight:bold; margin:2px 0;}
.but{border: 0; border-bottom: 1px dashed #9F3B0F; font-weight: bold; background-color: #d8e4ef; width: 49px; text-align: center; cursor: hand; margin-left:8px}


input{
   background:#ffffff;
   border:1px solid #b7bbc1;
   font-family:Arial;
   color:#1d2328;
   font-size:1em
}
textarea{
   background:#ffffff;
   border:1px solid #b7bbc1;
   width:224px; height:163px;
   font-family:Arial;
   color:#1d2328;
   font-size:1em;
   margin:0 0 10px 0px;
   padding:0 0 0 4px;
   overflow:auto}