/*CSS STYLESHEET DESIGNED BY TEMPLATEMONSTER CO.*/
/*GLOBAL STYLES START*/

/*remove focus on all */
*:focus { outline: 0; }

*{padding:0; margin:0;}
body{background:url(images/back.gif) repeat-x top #E4E8EA; font-family:Tahoma; font-size:11px; line-height:14px; color:#676767; text-align:left;}
img {border:0;}
input {vertical-align:middle;}
textarea{font-family:Tahoma;}
input {height:20px;}
.column {float:left;}
.clear {clear:both;}


.roundT_topside{background:url(images/side.gif) repeat-x top #FFFFFF;}
.roundT_bottside{background:url(images/side.gif) repeat-x bottom;}
.roundT_leftside{background:url(images/side.gif) repeat-y left ;}
.roundT_rightside{background:url(images/side.gif) repeat-y right;}
.roundT_ltc{background:url(images/ltc.gif) no-repeat left top;}
.roundT_rtc{background:url(images/rtc.gif) no-repeat right top;}
.roundT_lbc{background:url(images/lbc.gif) no-repeat left bottom;}
.roundT_rbc{background:url(images/rbc.gif) no-repeat right bottom;}

/*do not make any change here to prevent design brake!!!*/
#header{height:299px; background:url(images/back.gif) repeat-x top #FFFFFF;}
#header .col1{float:left; width:241px; background:url(images/h_back2.gif) repeat-x top #FFFFFF;}
#header .col2{float:left; width:302px; background:url(images/h_back.jpg) no-repeat left top;}
#header .col2 img{margin:248px 0 18px 28px;}
#header .col3{float:left; width:222px; background:url(images/h_back1.gif) no-repeat 0 0 #B6BEC3; height:299px;}
#header .col3 .indent{margin-left:28px; margin-right:10px;}

#header3{height:299px; background:url(images/back.gif) repeat-x top #FFFFFF;}
#header3 .col1{float:left; width:241px; background:url(images/h_back2.gif) repeat-x top #FFFFFF;}
#header3 .col2{float:left; width:302px; background:url(images/h_back3.jpg) no-repeat left top;}
#header3 .col2 img{margin:248px 0 18px 28px;}
#header3 .col3{float:left; width:222px; background:url(images/h_back1.gif) no-repeat 0 0 #B6BEC3; height:299px;}
#header3 .col3 .indent{margin-left:28px; margin-right:10px;}

#header4{height:299px; background:url(images/back.gif) repeat-x top #FFFFFF;}
#header4 .col1{float:left; width:241px; background:url(images/h_back2.gif) repeat-x top #FFFFFF;}
#header4 .col2{float:left; width:302px; background:url(images/h_back4.jpg) no-repeat left top;}
#header4 .col2 img{margin:248px 0 18px 28px;}
#header4 .col3{float:left; width:222px; background:url(images/h_back1.gif) no-repeat 0 0 #B6BEC3; height:299px;}
#header4 .col3 .indent{margin-left:28px; margin-right:10px;}

#header2{height:299px; background:url(images/back.gif) repeat-x top #FFFFFF;}
#header2 .col1{float:left; width:241px; background:url(images/h_back2.gif) repeat-x top #FFFFFF;}
#header2 .col2{float:left; width:302px; background:url(images/h_back2.jpg) no-repeat left top;}
#header2 .col2 img{margin:248px 0 18px 28px;}
#header2 .col3{float:left; width:222px; background:url(images/h_back1.gif) no-repeat 0 0 #B6BEC3; height:299px;}
#header2 .col3 .indent{margin-left:28px; margin-right:10px;}

#header5{height:299px; background:url(images/back.gif) repeat-x top #FFFFFF;}
#header5 .col1{float:left; width:241px; background:url(images/h_back2.gif) repeat-x top #FFFFFF;}
#header5 .col2{float:left; width:302px; background:url(images/h_back5.jpg) no-repeat left top;}
#header5 .col2 img{margin:248px 0 18px 28px;}
#header5 .col3{float:left; width:222px; background:url(images/h_back1.gif) no-repeat 0 0 #B6BEC3; height:299px;}
#header5 .col3 .indent{margin-left:28px; margin-right:10px;}

#header6{height:299px; background:url(images/back.gif) repeat-x top #FFFFFF;}
#header6 .col1{float:left; width:241px; background:url(images/h_back2.gif) repeat-x top #FFFFFF;}
#header6 .col2{float:left; width:302px; background:url(images/h_back6.jpg) no-repeat left top;}
#header6 .col2 img{margin:248px 0 18px 28px;}
#header6 .col3{float:left; width:222px; background:url(images/h_back1.gif) no-repeat 0 0 #B6BEC3; height:299px;}
#header6 .col3 .indent{margin-left:28px; margin-right:10px;}

#footer{width:766px; text-align:left; color:#7F8D95}
#footer a {color:#7F8D95; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer .col1{width:573px; float:left;}
#footer .col1 .indent{ margin:30px 0 25px 35px;}
#footer .col2{width:190px; float:left;}
#footer .col2 .indent{ margin:30px 0 25px 0;}
/*GLOBAL STYLES END*/
/*********************************************************************************************************/
/*FORMS CLASSES START*/
.form_total{padding:0 0 0 3px; vertical-align:middle; background:#ffffff; color:#000000; font-size:11px; line-height:20px; border: solid 1px #D3D3D3;}
.form_1 {width:210px; height:20px;}
/*FORMS CLASSES END*/
/*LIST CLASSES START*/
ul {list-style:none; }
li {background:url(images/pimp1.gif) no-repeat 0px 7px; padding-left:9px; line-height:18px; color:#348CBC; }
li a {text-decoration:underline; color:#348CBC; line-height:18px;}
li a:hover {text-decoration:none;}


/*LIST CLASSES END*/
/*LINKS START*/
a {color:#348CBC; text-decoration:underline; outline: 0;}
a:hover{ text-decoration:none; mar}

.link1 {color:#348CBC; text-decoration:underline; font-weight:bold; }
.link1:hover {text-decoration:none;}

.link2 {color:#7F8D95; text-decoration:underline; font-weight:bold;}
.link2:hover {text-decoration:none;}

/*LINKS END*/
/*TXT START*/
.txt1 { color:#FFFFFF; font-size:24px; line-height:24px; font-family:"Times New Roman", Times, serif}
.txt2{color:#FFFFFF; line-height:13px;}
.txt3{color:#4E4F50;font-size:24px; line-height:24px; font-family:"Times New Roman", Times, serif}
.txt4{color:#B0B0B0;}
/*TXT END*/
/******************--for each pages classes--***************************************/
#page1 #content .col1 .indent{ margin-left:26px; margin-top:5px; margin-right:15px;}
#page1 #content .col2 .indent{ margin-left:18px; margin-top:5px;}
#page1 #content .col3 .indent{ margin-left:18px; margin-top:5px;}

#page2 #content .col1 .indent{ margin-left:26px; margin-top:5px; margin-right:20px;}
#page2 #content .col2 .indent{ margin-left:18px; margin-top:5px;}

#page3 #content .col1 .indent{ margin-left:26px; margin-top:5px; margin-right:20px;}
#page3 #content .col2 .indent{ margin-left:18px; margin-top:5px;}

#page4 #content .col1 .indent{ margin-left:26px; margin-top:5px; margin-right:15px;}
#page4 #content .col2 .indent{ margin-left:18px; margin-top:5px; margin-right:10px;}
#page4 #content .col3 .indent{ margin-left:18px; margin-top:5px;}

#page5 #content .col1 .indent{ margin-left:26px; margin-top:5px; margin-right:20px;}
#page5 #content .col2 .indent{ margin-left:18px; margin-top:5px;}

#page6 #content .col1 .indent{ margin-left:26px; margin-top:5px;}
#page6 #content .col2 .indent{ margin-left:18px; margin-top:5px; margin-right:10px;}
#page6 #content .col3 .indent{ margin-left:18px; margin-top:5px; margin-right:5px;}
.h{height:30px;}

#page7 #content .col1 .indent{ margin-left:26px; margin-top:5px;}

/******************************** MENUE NESTED STYLE **********************************/

	/*Credits: Dynamic Drive CSS Library */
	/*URL: http://www.dynamicdrive.com/style/ */
	
	.sidebarmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-stretch:expanded;
	font: icon 13px Verdana;
	width: 185px; /* Main Menu Item widths */
	}
	
	.sidebarmenu ul li{
	position: relative;
	background:url(images/spacer.gif) no-repeat 0px 0px;
	padding-left:0px; line-height:0px;
	color:#348CBC;
	padding: 0px;
	}
		
	/* Top level menu links style */
	.sidebarmenu ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: white;
	text-decoration: none;
	padding: 0px;
	}
	
	.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
	background-color:#7F8D95 /*background of tabs (default state)*/
	}
	
	.sidebarmenu ul li a:visited{
	color: white;
	}
	
	.sidebarmenu ul li a:hover{
	background-color:#CCCCCC;
	}
	
	/*Sub level menu items */
	.sidebarmenu ul li ul{
	text-indent:20px;
	text-decoration:none;
	position: absolute;
	width: 145px; /*Sub Menu Items width */
	top: 0;
	visibility: hidden;
	}
	
	.sidebarmenu ul li ul li{
	top: 0px;
	padding-bottom: 0px;
	background:url(images/spacer.gif) no-repeat 0px 0px;
	}
	
	.sidebarmenu ul li ul li a{
	height:29px; /*height of the second order menue*/
	line-height: 29px;
	}
	
	/* Holly Hack for IE \\*/
	* html .sidebarmenu ul li { float: left; height: 1%; }
	* html .sidebarmenu ul li a { height: 1%; }
	/* End */
	


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.floatimgleft {
float:left;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 500;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
width: 500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -40px;
left: 60px; /*position where enlarged image should offset horizontally */
}

.thumbnail1{
position: relative;
z-index: 0;
}

.thumbnail1:hover{
background-color: transparent;
z-index: 500;
}

.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
width: 500px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 1;
padding: 2px;
}

.thumbnail1:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: -360px; /*position where enlarged image should offset horizontally */

}

/*styles for dhtml radio windows*/
div.sample_popup { z-index: 1; }

div.sample_popup div.menu_form_header
{
  border: 1px solid black;
  border-bottom: none;
  width: 249px;
  height:      20px;
  line-height: 19px;
  vertical-align: middle;
  text-decoration: none;
  
  font-family: Times New Roman, Serif;
  font-weight: 900;
  font-size:  13px; color:#FFFFFF;
  cursor: pointer;
  background-color: #999999;
}

div.sample_popup div.menu_form_body
{
  width: 249px;
  height: 125px;
  border: 1px solid black;
}

div.sample_popup img.menu_form_exit
{
  float:  right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}


/*border shadow style */
.shadow{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background:white;
z-index:100
}

.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}