/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */

*				{margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; color:#464646; outline:none;}
body			{font-size:0.625em; background:#c0c0c0}
a				{color:#033766; text-decoration:none}
a:hover			{text-decoration:underline;}
select, input, textarea	{font-family:Arial, Helvetica, sans-serif; color:#464646; border:#989898 solid 1px; font-size:1em; }
input, textarea {padding:2px 1px 2px 3px;}
h1{}
h2{font-size:1.1em; color:#004587; text-transform:uppercase; margin:0 0 10px 0}
h3,h4{font-size:1em; color:#004587; margin:0 0 10px 0}
h5, h6{font-size:1em; color:#464646; margin:0 0 10px 0}
img, fieldset{border:0}
.hidden{display:none;}
/***********/
ol, ul{list-style-type:none;}
ul{}
	ul li{}
ol{}
	ol li{}
dl{}
	dt{font-weight:bold; text-transform:uppercase;} 
	dd{}
/***********/
table{}
	th, td{text-align:left; padding:5px;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}#header div ul 
	tbody{}
		tbody th{}
		tbody td{}
		
p{line-height:18px;}
/********** Common Classes ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}

/********** Common Structure (for all templates) ********/
#container { width:980px; font-size:1.3em; margin:0 auto; background:#fff;}

	/***********header**********
	********************************/
	#header{width:980px; overflow:hidden; padding:0 0 5px 0}
		#header h1{padding:6px 0 10px 10px; display:block; float:left}
		#header h2{width:380px; float:left; text-align:center; color:#00386b; font-size:2em; font-weight:normal; padding: 10px 0 0 15px}
		#header h2 span{color:#00386b; font-size:0.75em}
		#header div{width:230px; float:right; padding:10px 10px 0 0}
		#header div div{width:100%; overflow:hidden; float:none; padding:0;}
		#header div ul{float:right; margin:0 0 10px 0; clear:both; display:block; overflow:hidden}
		#header div li{display:inline; padding:0 5px; font-size:0.927em; background:url(../images/bgd_line_01.gif) 100% 50% no-repeat;}
		#header div li strong{color:#106d62; font:Arial, Helvetica, sans-serif; font-size:14px}
		#header div li img{vertical-align:middle; margin:0 3px;}
		#header div .last{background:none; padding-right:0;}
		#header fieldset{clear:both; font-size:0.912em; float:left; width:200px; overflow:hidden; padding:0 0 0 28px}
		#header fieldset input{background:url(../images/ico_search.gif) 3px 50% no-repeat; padding-left:22px; width:145px; float:left; margin:0 5px 0 0; height:16px;}
		#header fieldset .btnGo{background:#989898; color:#fff; width:24px; height:22px; padding:0; margin:0; border:none; font-weight:bold; cursor:pointer; float:left}
	
	/***********nav**********
	********************************/
	/* all menu links */
		#nav a, #subMenusContainer a{display:block; line-height:16px; padding:7px 12px; color:#fff; font-weight:bold; }
		#nav a{margin:0; float:left;}
		#subMenusContainer a{border-bottom:#385e80 solid 1px; font-weight:normal}
		
		/* Just sub menu links */
		#subMenusContainer a, #nav li li a{text-align:left;}
		
		/* All menu links on hover or focus */
		#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused{
			color:#feef00; text-decoration:none
		}
		
		/* sub menu links on hover or focus */
		#subMenusContainer a:hover, 
		#subMenusContainer a:focus, 
		#nav a.mainMenuParentBtnFocused, 
		#subMenusContainer a.subMenuParentBtnFocused,
		#nav li a:hover,
		#nav li a:focus{color:#feef00; text-decoration:none}
		
		/* Parent Sub Menu Links ---[javascript users only]*/
		.subMenuParentBtn{ background: url(../images/arrow_right.gif) 90% center no-repeat;}
		
		/* Parent Sub Menu Links on hover or focus ---[javascript users only]*/
		.subMenuParentBtnFocused{ background: url(../images/arrow_right.gif) 90% 50% no-repeat;}
		
		/* Parent Main Menu Links ---[javascript users only]*/
		.mainMenuParentBtn{}
		
		/* Parent Main Menu Links on hover or focus ---[javascript users only]*/
		.mainMenuParentBtnFocused{}
		
		/* ----[ OLs ULs, LIs, and DIVs ]----*/
		
		/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
		.smOW{ display:none; position: absolute; overflow:hidden; }
		
		/* All ULs and OLs */
		#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol { padding: 0; margin: 0; list-style: none;	line-height: 1em;}
		
		/* All submenu OLs and ULs */
		#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol {background:#00386b;	left:0;}
		
		/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
		#nav li { display:block; list-style:none; position:relative; float:left;}
		
		/* main menu ul or ol elment */
		#nav{display:block; z-index:5; background:#11314e; height:30px}
		
		#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:9999; font-size:1.1em}
		#subMenusContainer li a{padding:5px 18px; width:130px; display:block;}
		/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
		#nav li li{	float:none; }
		
		#nav li li a{ /* Just submenu links*/	position:relative;	float:none;}
		
		#nav li ul { /* second-level lists */
			position: absolute;	width: 10em; margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			margin-top:2.2em;
		}
		
		/* third-and-above-level lists */
		#nav li ul ul {margin: -1em 0 0 -1000em;}
		#nav li:hover ul ul {margin-left: -1000em; }
		
		 /* lists nested under hovered list items */
		#nav li:hover ul{margin-left: 0; }
		#nav li li:hover ul {margin-left: 10em; margin-top:-2.5em;}
		
		/* extra positioning rules for limited noscript keyboard accessibility */
		#nav li a:focus + ul {  margin-left: 0; margin-top:2.2em; }
		#nav li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
		#nav li li a:focus {left:0;  margin-left:1000em; width:10em;  margin-top:0;}
		#nav li li li a:focus {left:0; margin-left: 2010em; width: 10em;  margin-top:-1em;}
		#nav li:hover a:focus{ margin-left: 0; }
		#nav li li:hover a:focus + ul { margin-left: 10em; }

	
	/***********main**********
	********************************/
	#main{width:960px; padding:10px; overflow:hidden}
	
	/***********content************
	*********************************/
	#content{width:720px; float:left;}
		#content p{padding:0 0 12px 0; font-family:Arial, Helvetica, sans-serif;}
		#content ol li{padding:0 0 12px 0;}
		#content h2{text-transform:uppercase}

		/***********************/
		.highlight{width:100%;}
			.highlight ul{padding:0 0 10px 0; margin:0 0 0 20px;}
			.highlight ul li{list-style:disc; padding:0; margin:0 0 7px 0}
			.highlight li ul{padding:10px 0 2px 0}
			.highlight ol{padding:0 0 10px 0; margin:0 0 0 20px;}
			.highlight li ol{padding:10px 0 2px 0}
			*html .highlight ol{margin:0 0 0 22px;}
			*+html .highlight ol{margin:0 0 0 22px;}
			.highlight ol li{list-style:decimal; padding:0; margin:0 0 7px 0}
		
		/******************/
		.banner{width:718px; margin:0 0 10px 0}
			#content .banner p{padding:0}
			.banner img{display:block; border:#E0DFDF solid 1px;}
		
		/********************/
		.contType{width:100%; overflow:hidden; margin:0 0 20px 0}
			.infoType{width:220px; border:#E0DFDF solid 1px; padding:4px; float:left; margin:0 14px 0 0; height:400px; overflow:hidden}
			.infoType h3{text-transform:uppercase; font-size:1.2em; margin:0 0 7px 0}
			.infoType h4{color:#464646; margin:0; padding-bottom:10px}
			.infoType ul{border-top:#E0DFDF solid 1px; padding:10px 0 0 0}
			.infoType li{display:block; background:url(../images/ico_arrow_02.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:0 0 3px 0;}
			.contType .last{margin-right:0}
		
		/**********recruitment**********/
		.recruitments{width:100%;}
			.recruitments h3{color:#424040; text-transform:uppercase; font-size:1.5em; font-weight:normal}
			.recruitments img{display:block; float:left; border:#E0DFDF solid 1px; margin:0 10px 5px 0}
			.recruitments ol{clear:both; margin:0 0 0 22px;}
			.recruitments li{list-style:decimal; margin:0 0 7px 0; color:#033766; font-weight:bold}
	
	/***********lev**********
	********************************/
	#lev{width:230px; float:left; margin:0 10px 0 0}
		
		/***********************/
		.contactInfo{width:100%; margin:0 0 10px 0}
			.contactInfo p{margin:0 0 5px 0}
			.contactInfo a{color:#dc261d}
		
		/***********latest news************/
		.latestNews{width:218px; margin:0 0 10px 0; border:#e0dfdf solid 1px; padding:5px}
			.latestNews h2{background:url(../images/bgd_line_02.gif) 0 100% repeat-x; padding:0 0 8px 0; margin:0 0 10px 0}
			.latestNews h2 span{background:url(../images/ico_01.gif) 0 0 no-repeat; display:block; padding:2px 0 2px 25px; color:#d90202;}
			.latestNews ul{padding:0 5px;}
			.latestNews li{display:block; background:url(../images/ico_arrow.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:0 0 5px 0;}
			.latestNews li a{color:#464646}
			.latestNews li a:hover{color:#004587; text-decoration:none}
			
		/***********************/
		.listWeb{width:100%; margin:0 0 10px 0}
			.listWeb h2{background:#525252 url(../images/ico_02.gif) 5px 50% no-repeat; color:#fff; margin:0 0 10px 0; padding:3px 5px 3px 25px; line-height:18px}
			.listWeb fieldset{text-align:center}
			.listWeb select{width:170px;}
		
		/***********vote************/
		.votes{width:228px; margin:0 0 10px 0; border:#e0dfdf solid 1px;}
			.votes h2{background:#525252 url(../images/ico_03.gif) 5px 50% no-repeat; color:#fff; margin:0 0 10px 0; padding:3px 5px 3px 30px; line-height:18px}
			.votes div{padding:0 10px 5px 10px;}
			.votes p{width:100%; display:block; overflow:hidden; margin:0 0 7px 0}
			.votes p input{width:13px; height:13px; border:none; padding:0; margin:0 5px 0 0; float:left}
			.votes p label{width:180px; float:left;}
			.votes .btn{padding:10px 0 0 0; text-align:center}
			.votes .btn input{width:70px; height:20px; text-align:center; border:none; padding:0 0 2px 0; margin:0 5px 0 0; color:#063866; font-weight:bold; background:url(../images/bgd_btn.gif) 0 0 no-repeat; cursor:pointer; float:none}
			
		/***********ADV************/
		.advs{width:220px; margin:0 0 10px 0; border:#e0dfdf solid 1px; padding:4px 4px 2px 4px;}
			.advs h2{background:url(../images/bgd_line_03.gif) 0 80% repeat-x; padding:0 0 0 30px}
			.advs h2 span{color:#525252; background:#fff; padding:0 5px; text-transform:capitalize}
			.advs p{margin:0 0 4px 0}
			.advs div{width:100%; overflow:hidden; height:400px}
			.advs div marquee{width:100%; height: 400px}
	
	/***********footer************
	*********************************/
	#footer{width:960px; background:#073f74; overflow:hidden; padding:10px;}
		#footer ul{float:right;}
		#footer li{display:inline; border-right:#fff solid 1px; padding:0 10px;}
		#footer .last{border-right:none; padding-right:0}
		#footer a{color:#fff;}
		#footer p{color:#fff;}
	
	/***********layer************
	*********************************/
	.layerContent{width:500px; position:absolute; z-index:10000; top:-10000px; left:0; background:#fff; border:#c0c0c0 solid 1px; padding:1px; font-size:1.2em;}
		#overlay {position: fixed; z-index: 100; left: 0; top: 0;	width: 100%; height: 100%; cursor: pointer;}
		
		.layerContent h2{background:url(../images/bgd_title.gif) 0 0 repeat-x; color:#000; text-transform:uppercase; line-height:18px; padding:7px 15px 7px 15px; font-size:1.2em; margin:0}
		.layerContent h2 img{display:block; float:right; margin:5px 0 0 0}
		.infoType2{width:480px; padding:0; overflow-y:auto; overflow-x: hidden; margin:10px auto; max-height:550px; }
		* html .infoType2  {height: expression( this.scrollHeight > 551 ? "550px" : "auto" );  }
		.infoType2 img{display:block; float:left; margin:0 10px 5px 0}
		.infoType2 p {padding:0 0 10px 0; color:#033766}
		.infoType2 p strong{color:#033766}
		.infoType2 p span{color:#033766}
			
	/***********************/
		.education{width:228px; margin:0 0 10px 0; border:#e0dfdf solid 1px;}
			.education h2{background:#525252 url(../images/ico_04.gif) 5px 50% no-repeat; color:#fff; margin:0; padding:3px 5px 3px 25px; line-height:18px}
			.education li{border-bottom:#e0dfdf solid 1px;}
			.education li a{display:block; background:url(../images/ico_arrow_03.gif) 10px 10px no-repeat; padding:5px 5px 5px 17px;}
			.education li a:hover{background-color:#e6e6e6; color:#000; text-decoration:none}
			.education li ul{padding:0 0 0 17px; display:none}
			.education li li{border-bottom:none; display:inline}
			.education li li a{background:url(../images/ico_05.gif) 0 8px no-repeat; padding:3px 5px 3px 10px;}
			.education li li a:hover{background:url(../images/ico_05.gif) 0 8px no-repeat;}
			.education .last{border-bottom:none}
			.education .current a{background-color:#e6e6e6; color:#000;}
			.education .current li a{background:url(../images/ico_05.gif) 0 8px no-repeat; color:#033766}
			.education .current li a:hover{color:#000}
			.education .current2 a{color:#000;}
			.education .current2 li a{background:url(../images/ico_05.gif) 0 8px no-repeat; color:#033766}
			.education .current2 li a:hover{color:#000}
		
	/***********************
	*********************************/
	.contentWrap{width:100%; background:url(../images/bgd_middleInfo.gif) 0 0 repeat-y; margin:0 0 20px 0}
		.innerContent{background:url(../images/bgd_tpInfo.gif) 0 0 no-repeat; padding:10px 0 0 0;}
		.contType2{width:700px; background:url(../images/bgd_bottomInfo.gif) 0 100% no-repeat; padding:0 10px 10px 10px;}
			/*.contType2 img {display:block;float:left;margin:4px 1px 3px 0;}*/
			.contType2 h2{background:url(../images/bgd_title_01.gif) 0 0 repeat-y; padding:5px 150px 5px 10px; color:#fff}
			.contType2 h3{background: url(../images/bgd_line_03.gif) 0 100% repeat-x; padding:0 0 5px 0; color:#8E0609; font-size:13px}
			.contType2 h3 a{color:#8E0609; font-size:14px}
			.contType2 td{padding:0;}
			.highlight .contType2 .paging{padding:0; margin:0; text-align:center;}
			.highlight .contType2 .paging li{padding:0 5px; margin:0; display:inline; list-style:none}
			.highlight .contType2 .paging li a{color:#2c2c2c}
			.highlight .contType2 .paging li a:hover{color:#003366}
			 .highlight ul li li{list-style: square}
			.contType2 p{color:#003366;}
			.contType2 span{color:#003366}
			.contType2 strong{color:#003366}
			.contType2 li{color:#003366}
			.contType2 .date {color:#464646}
			.date img{float:right;}
			.date span{ float:right; padding:0 5px 0 15px; color:#DC261D}
	
	.formType{width:100%; overflow:hidden}
		.formType p{width:100%; overflow:hidden; display:block;}
		.formType label{width:150px; display:block; float:left; margin:0 5px 0 0}
		.formType input{width:250px; float:left; margin:0 5px 0 0}
		.formType span{color:#FF0000}
		#content .formType .btn{width:70%; padding-left:125px;}
		#content .formType .forgetPW{width:70%; padding-left:125px;}
		.formType .btn input{width:70px; cursor:pointer; background:url(../images/bgd_btn_01.gif) 0 0 no-repeat; width:90px; height:26px; padding:0; border:none; font-weight:bold; color:#063866; padding-bottom:2px}
		.formType .login{padding:0 0 0 0}
		.formType .error{color:#DC261D}
		
	
	/***********************
	******************/
	#row{height:15px; text-align:center; background:url(../images/bgd_line_04.gif) 0 0 repeat-x} 
	#row1{height:15px; text-align:center; font-size:12px; font-weight:bold; text-transform:capitalize}	
	#row2{text-align:center; font-size:15px; font-weight:bold; height:30px; text-transform:capitalize}
	.tblVotes #invotes{margin: 0 0 0 200px; width:90px; height:26px; text-align:center; border:none; color:#063866; font-weight:bold; background:url(../images/bgd_btn_01.gif) 0 0 no-repeat; cursor:pointer; float:none; text-transform:capitalize}
	.tblVotes{margin: 0 auto}
	.tblVotes input{border:none}
	
	.votesInfo{width:100%; overflow:hidden;}
		#content .votesInfo ul{padding:10px 0; margin:0 auto; width:470px;}
		#content .votesInfo li{display:block; float:left; width:100%; overflow:hidden; padding:0; margin:0 0 10px 0; list-style:none}
		#content .votesInfo li p{width:150px; float:left; margin:0 10px 0 0; color:#000; text-align:center; padding:0}
		.votesInfo .percent{width:200px; background:#ccc; height:15px; overflow:hidden; margin:0 10px 0 0; float:left}
		.votesInfo	.error{ color:#DC261D}
		 #content .votesInfo h2{background:none; padding:0 0 20px 0; color:#063866}
		.votesInfo .percent div{height:15px; text-align:center; background:url(../images/bgd_line_04.gif) 0 0 repeat-x}
		.votesInfo  span{display:block; float:left; margin:0 10px 0 0; width:80px;}
		.votesInfo  input{border:none; width:15px; height:15px; padding:0; margin:0; float:left}
		.votesInfo  .btn input{width:90px; height:26px; text-align:center; border:none; color:#063866; font-weight:bold; background:url(../images/bgd_btn_01.gif) 0 0 no-repeat; cursor:pointer; float:none; margin:0 0 0 170px; text-transform:capitalize}
	/*******************************************/
	 .btnDownload{background:url(../images/ico_download.gif) 100% 50% no-repeat; padding : 0 20px 0 0; color:#850003; margin: 0 0 0 10px;}
	 .btnDownload1{background:url(../images/ico_download.gif) 100% 50% no-repeat; color:#DC261D; margin: 0 0 0 10px; float:right; padding : 0 20px 0 0;}
	 /***********************/
	 .customerInfo{width:100%; overflow:hidden; margin:0 0 10px 0}
	 .contType2  .customerInfo h3{padding:0 0 10px 0}
	 	.tblType{background:#ccc; margin:0 0 10px 0}
			.tblType td{text-align:center; background:#fff; padding:10px 5px}
			
			.tblType td a{color:#000;}
			.tblType td a:hover{color:#033766;}
			.customerInfo .more{text-align:right}
			#content .customerInfo p{padding:0 0 5px 0}
	/****************order************/
	.date_order span{display:block; float:left; margin:0 10px 0 0; width:80px;}
	.back p{background:url(../images/ico_04.gif) 100% 50% no-repeat; padding : 0 20px 0 0; color:#850003; margin: 0 0 0 10px;}
	#content .back a{background: url(../images/back.gif) 0 3px no-repeat; padding: 4px 0 4px 25px}
	
	#content .customerInfo .back a{background: url(../images/back.gif) 0 4px no-repeat; padding: 4px 0 4px 25px}
	.faqDetail{width:100%; margin:0 0 15px 0}
		.faqDetail h4{text-decoration:underline; text-transform:uppercase}
		.faqDetail div{margin:0 0 10px 0; background:#eee; padding:10px;}
		 .faqDetail .answer {padding: 10px}
		.faqDetail .answer div {padding:0}
		#content .faqDetail div .text{text-align:right; font-style:italic; color:#DC261D; padding:0}
		.linkType{text-align:right; widht:100%; overflow:hidden}
			.linkType a{background:url(../images/ico_contact.gif) 0 50% no-repeat; padding:0 0 0 23px; font-weight:bold; color:#DC261D; float:right;}
	/*********************************/
	.static { color:#DC261D}
	/*********************************/
	.counter{width:228px; margin:0 0 10px 0; border:#e0dfdf solid 1px;}
			.counter h2{background:#525252 url(../images/ico_03.gif) 5px 50% no-repeat; color:#fff; margin:0 0 10px 0; padding:3px 5px 3px 30px; line-height:18px}
			.counter div{padding:0 10px 5px 10px;}
			.counter p{width:100%; display:block; overflow:hidden; margin:0 0 7px 0}
			.counter p input{width:13px; height:13px; border:none; padding:0; margin:0 5px 0 0; float:left}
			.counter p label{width:180px; float:left;}
			.counter p label span { color:#DC261D}
			
	/**********************/
	.dowloadCenter{width:100%; overflow:hidden; margin:0 0 10px 0}
	/************photos************/
		.photoType{width:164px; float:left; background:url(../images/bgd_bottomInfo_02.gif) 5px 100% no-repeat; padding:0 5px 8px 5px; margin:0 0 12px 0; height:170px;}
			.photoType div{width:100%; text-align:center; background:url(../images/bgd_topInfo_02.gif) 0 0 no-repeat; padding:8px 0 0 0}
			.photoType h5{border-top:#d0d0d0 solid 1px; padding:7px 0 0 0; text-align:center; font-size:0.912em;}
			.photoType h5 span{background:url(../images/ico_01.gif) 0 6px no-repeat; padding:0 0 0 10px; color:#535353}
			.photoType a{color:#535353}
			.photoType a:hover{color:#9d1518; text-decoration:none}
			#content .photoType p{padding:0 7px 7px 7px;}

	.more a {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../images/ico_arrow_05.gif) no-repeat scroll 100% 7px;padding:0 13px 0 0;float:right;text-decoration:underline;}

	/************************/
	.tblContent{background:#ccc;}
		.tblContent td{background:#fff; text-align:center}
		.tblContent td img{margin:0 0 5px 0}
	
		