/* Main Layouts */
body{ margin:0; padding:0; font-size:12px; color:#666; text-align: justify; line-height:16pt; font-family:Arial, Helvetica, sans-serif;} 
.main-wrapper, .menu-wrapper, .content-wrapper, .footer-wrapper{margin:0px; padding:0px; width:100%;}
.header-wrapper{margin:0px 0; padding:0px; width:100%;}
.content-wrapper{background-color: #fff;padding:0px 0 0px 0; width:100%; margin:0px;}
.menu-wrapper{height:35px; }
.footer-wrapper{height: 60px; background-color: #3d3d3d;}
.content-wrapper1{margin:0px; padding:0px 0px; width:100%;}
.header-nav, .menu-nav, .content-nav, .footer-nav{ width:1002px; position:relative;}
.header-nav{ height:89px; background: url(../images/header-bg.gif) left top repeat-x; margin:0px auto; padding:0px;}
.header-nav .banner-bg{ background: url(../images/banner-image.jpg) center bottom no-repeat; height:189px; padding:0px; }
.header-nav-, .menu-nav, .content-nav, .footer-nav{ width:1002px; position:relative;}
.header-nav-{ height:124px; margin:0px auto; padding:0px;}
.header-nav- .banner-bg-{ background: url(../images/banner-image.jpg) center bottom no-repeat; width: 1002px; height:124px; padding:0px; }
.header-nav .logo{ position:absolute; width:152px; height:51px; left: 62px; top:14px;}
.menu-nav{ text-align:left; margin:0px auto; background-image: url(../images/menu_bg.jpg); background-position: left top; height: 35px; background-repeat: repeat-x;}
.content-nav{ margin:0px auto; }
.content-nav .banner-bg{/* background-color: #2e2e2e; */min-height:89px; height:auto !important; height:89px; position:relative; }
.content-nav .welcome-cont{ position:relative; float:left; padding:0px; margin:0px; color:#31322d;}
.content-nav .welcome-cont h2{ margin:0px 0 10px 0; padding:0px; text-align:left; width:100%; border-bottom:1px solid #fff; font-weight:bold; font-size:15px;}
.content-nav1{margin:0px auto; width:1002px; position:relative; }
.content-nav1 .lft-part{ float:left; position:relative; width:180; padding-left:10px; padding-top: 10px;}
.content-nav1 .lft-part h2{width:180px;}
.content-nav1 .middle-part{ float:left; top: 10px; position:relative; width:585px; margin-left:10px;}
.content-nav1 .rht-part{ float:right; top:10px; position:relative; width:180; padding-right:10px; _width:180px; }
.content-nav1 h2{margin:0px 0 10px 0; padding:0px; text-align:left; width:100%; font-weight:normal; font-size:15px;background-image:url(../../images/dot-bg.gif); background-position:left bottom; background-repeat:repeat-x; }
.footer-nav{ background-color:#222222; margin:0px auto;display:block; width: 1002px; height: 60px;}
.copy-r{ color:#fff; text-align:left; padding:0px 0px 0px 0px; position:relative; display:block;}

/* Common style */
.f-left{ float:left;}
.f-right{ float:right}
.c-both{clear:both;}
.top-10{ padding-top:10px;}

/* menu */

.menu{ position:relative; margin:0px;  padding-left:60px; width:652px; float:left; text-align:left; display:block; height:0px;}
.menu ul{margin:0px; padding:0px; list-style:none; float:left}
.menu li{ position:relative; float:left; margin:0px 5px 0px 0; padding:0px; height:35px; line-height:30px; display:block;}
.menu li a{ display:block; padding-left:12px; background:url(../images/menulft-bg.gif) left bottom no-repeat;height:30px; line-height:30px; text-decoration:none ; color:#ccc; float:left;}
.menu li a span{display:block; padding-right:12px; background:url(../images/menurht-bg.gif) right bottom no-repeat; color:#ccc; height:30px; line-height:30px; float:left;}
.menu li a:hover, .menu li a.active, .menu li a.active:visited{ display:block; padding-left:12px; background: url(../images/menulft-actbg.gif) left bottom no-repeat; height:35px; line-height:30px;  text-decoration:none ; color:#ccc;  float:left;}
.menu li a:hover span, .menu li a.active span, .menu li a.active:visited span{display:block; padding-right:12px; background:url(../images/menurht-actbg.gif) right bottom no-repeat; color:#ccc;height:35px; line-height:30px;  float:left;}

.lftmenu{ position:relative; margin:0px; padding:0px;width:180px;}
.lftmenu ul{margin:0px; padding:0px; list-style:none; float:left}
.lftmenu li{ position:relative; float:left; margin:0px 0px 0px 0; padding:0px 0 0 0px; height:25px; line-height:0.8em; display:block; clear:left; width:180px; background-image:url(../../images/arrow.jpg); background-position:left 10px; background-repeat:no-repeat;}
.lftmenu li a{ line-height:0.8em; text-decoration:none ; color:#747474;}
.lftmenu li a:hover{ line-height:0.8em; text-decoration: underline; color:#747474;}

.rhtmenu{ position:relative; margin:0px; padding:0px; width:180px;}
.rhtmenu ul{margin:0px; padding:0px; list-style:none; float:left}
.rhtmenu li{ position:relative; float:left; margin:0px 0px 0px 0; padding:0px; height:25px; line-height:0.8em; display:block; clear:left; width:180px;}
.rhtmenu li a{ line-height:0.8em; text-decoration:none ; color:#747474;}
.rhtmenu li a:hover{ line-height:0.8em; text-decoration: underline; color:#747474;}

.copy{ position:relative; margin:0px; padding:7px 125px 10px 0px; width: 525px; float:right; color:#747474; text-align: left; display:block; }
.copy ul{margin:0px; padding:0px; list-style:none;}
.copy li{ position:relative; height:14px; float:left; margin:0px 0px 0px 0; padding:0px 10px 0px 0px; width: 300px; display:block; font-size:11px;}
/*.copy li a{ display:block; height:14px; text-decoration:none ; color:#747474; width: 300px; float:left;}
.copy li a:hover{ display:block; height:14px; text-decoration:none; width: 300px; color: #747474; float:left;}
*/

.footermenu{ position:relative; margin:0px; padding:10px 90px  0px 0px; width: 600px; float:right; text-align:left; display:block; }
.footermenu ul{margin:0px; padding:0px; list-style:none;}
.footermenu li{ position:relative; float:left; margin:0px 5px 0px 0; padding:0px 10px; height:14px; line-height:14px; display:block; border-right:1px solid #747474; font-size:11px;}
.footermenu li a{ display:block; height:14px; line-height:14px; text-decoration:none ; color:#747474; float:left;}
.footermenu li a:hover{ display:block;  height:14px; line-height:14px;  text-decoration:none ; color: #747474;  float:left;}



a img{border:0}

a:link{	
		color:blue;					
		text-decoration:none		
		}
a:visited{	
		color:blue;		
		text-decoration:none
		}
a:hover{
		color:blue;
		text-decoration:underline				
		}		
a:active{
		color:blue;			
		text-decoration:none
		}

p {
line-height:1.5em;
margin:0 0 15px;
}

p.pcode{
  margin-right: 6px;
  margin-top:0.5em;
  background-color: black;
  color: white;
}
p.advice{
margin-top:10px;
text-align:left;  
}

.tbhd{
 	 font-weight: bold;
 	 text-decoration:underline;  	
}

.error{
  color: red;  
}	
.ok{
  color: green;  
}	

/*** Main container ***/

#container {

background:#f0f0f0 url(img/bodybg.jpg) repeat-x;
color:#303030;
margin:0;
min-width:770px;
padding:0;
text-align:left;
width:100%;
}

/*** Header section ***/

#sitename {
color:#ffffff;
height:92px;
margin:0 20px 10px;
text-align:left;
}

#sitename h1,#sitename h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0;
}

#sitename h1 {
font-size:2.4em;
padding-top:20px;
}

#sitename h2 {
font-size:1.6em;
}

/*** Horizontal menu ***/

#mainmenu {
float:left;
margin-bottom:25px;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

#mainmenu li {
float:left;
height:35px;
font-weight:bold;
list-style:none;
margin:0;
padding:0;
}

#mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}

#mainmenu a:hover {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

#mainmenu a.current {
background:#f0f0f0 url(img/menuhover.jpg) top left repeat-x;
color:#505050;
text-decoration:none;
}

/*** Content wrap ***/

#wrap {
clear:both;
font-size:0.9em;
padding:0;
}

/*** Sidebars ***/

#leftside,#rightside {
margin:0;
padding:10px 0px;
width:165px;
}

#leftside {
float: left;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;}

#rightside {
float:right;
text-align: right;
	width: 200px;
	height:1000px;
}

#leftside h1,#rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2,#rightside h2 {
font-size:1.1em;
margin:0 0 10px;
text-decoration:underline;
}

#leftside p,#rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

.linklist {
list-style:none;
margin:0 0 16px 10px;
padding:0;
}

.linklist li {margin-bottom:0.7em;}

/*** Sidebar menu ***/

.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:140px;
}

.nav:hover,.active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}

/*** Content ***/

#content,#contentalt {
/*background-color:#2e2e2e;*/
color:#747474;
padding:10px 10px 0px;
}
.contentwidth
{
	float: left;
	width: 580px;
	padding-left:10px; padding-right:10px;}
#content {}
#contentalt {margin:0 180px 0 20px;}
.contentwidth1
{width: 980px;}
#content1 {margin:0 15px;}

#content h1,#content h2,#contentalt h1,#contentalt h2 {
font-family: 'Droid Sans', arial, serif;
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content1 h1,#content1 h2,#contentalt h1,#contentalt h2 {
font-family: 'Droid Sans', arial, serif;
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content h3 {
font-family: 'Droid Sans', arial, serif;
background-color:inherit;
color:#606060;
font-size:1.4em;
font-weight:bold;
letter-spacing:-0.5px;
margin:0 0 15px;
padding:0;
}

#content h2,#contentalt h2 {
font-family: 'Droid Sans', arial, serif;
font-size:1.6em;
margin-bottom:10px;
}


/* #content img,#contentalt img {
border:0px solid #b0b0b0;
float:left;
margin-right:5px;
padding:5px;
} */

/*** Footer ***/

#footer {
background:#8b8b8b url(img/footerbg.jpg) top left repeat-x;
clear:both;
color:#d0d0d0;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:20px 0;
text-align:center;
width:100%;
}

#footer a {
color:#d0d0d0;
font-weight:bold;
}

/*** Various classes ***/

.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}

.img_left{
  float:left;  
  margin-right:5px;
}

.clearf{
  height:1px;
  clear:both;
}

/*** Text format ***/

.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}

/* start of ddmenu */

#ddblueblockmenu{
border: 1px solid #212121;
border-bottom-width: 0;
width: 200px;
}

#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 192px; /*185px minus all left/right paddings and margins -16 */
text-decoration: none;
color: #747474;
/*background-color: #2e2e2e;*/
border-bottom: 1px solid #747474;
/*border-left: 7px solid #2e2e2e;*/
}

* html #ddblueblockmenu li a{ /*IE only */
width: 190px; /*IE 5 +2*/
 /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #3b3b3b;
border-left-color: #3b3b3b;
}

#ddblueblockmenu li a.active {
background-color: #888888;
border-left-color: #888888;
color: #fff;
border: none;
}


#ddblueblockmenu div.menutitle{
color: #fff;
border-bottom: 1px solid #212121;
padding: 1px 0;
padding-left: 5px;
text-align:center;
background-color: #323232;
font: bold 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


.sitemap{ position:relative; margin:0px; padding:0px; width:100%;}
.sitemap ul{margin:0px; padding:0px; list-style:none; float:left}
.sitemap li{ position:relative; float:left; height:25px; line-height:0.8em; display:block; clear:left; font-size: 11px; font-weight: bold;}
.sitemap li a{ line-height:0.8em; text-decoration: underline; color:#747474; display: block;}
.sitemap li a:hover{ line-height:0.8em; text-decoration: none; display: block; color:#747474;}