/* Main Layouts */
body{ margin:0; padding:0; font-size:12px; background-color:#fff; color:#617073; text-align:left; line-height:15pt;  text-align: justify; font-family:Arial, Helvetica, sans-serif;} 
.main-wrapper, .menu-wrapper, .content-wrapper, .footer-wrapper{margin:0px; padding:0px; width:100%;}
.header-wrapper{ background: url(../images/banner-bg.gif) left top repeat-x; margin:0px 0; padding:0px; width:100%;}
.content-wrapper{background:#e4ddcb url(../../images/content-bg.gif) left bottom repeat-x; padding:0px 0 8px 0; width:100%; margin:0px;}
.menu-wrapper{ height:40px; background: url(../images/menu-bg.gif) left repeat-x;}
.footer-wrapper{ background-color:#67787b;}
.content-wrapper1{background-color:#e4ddcb; margin:0px; padding:10px 0px 0px 0px; width:100%;}
.header-nav, .menu-nav, .content-nav, .footer-nav{ width:1002px; position:relative;}
.header-nav{ background: url(../images/banner.png) right top no-repeat; height:146px; margin:0px auto; padding:0px;}
.header-nav .banner-bg{ height:146px; padding:0px; }
.header-nav .logo{ position:absolute; width:284px; height:75px; left:70px; top:20px;}
.menu-nav{ text-align:left; margin:0px auto;}
.content-nav{ margin:0px auto; }
.content-nav .banner-bg{ background-image:url(../../images/banner_image.jpg); background-position:right bottom; background-repeat: no-repeat; min-height:240px; height:auto !important; height:240px; position:relative; }
.content-nav .welcome-cont{ position:relative; float:left; width:540px; padding:20px; 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:175px; padding-left:10px;}
.content-nav1 .lft-part h2{width:175px;}
.content-nav1 .middle-part{ float:left; position:relative; width:590px; margin-left:10px;}
.content-nav1 .rht-part{ float:right; position:relative; width:175px; padding-right:10px;}
.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; }
.content-nav1 h3{margin:0px 0 10px 0; padding:0px; text-align:left; width:100%; font-weight: bold; font-size:12px;}
.footer-nav{ margin:0px auto;display:block; width: 1002px; height: 70px;}
.copy-r{ color:#fff; text-align:center; padding-bottom:20px; padding-right: 50px; padding-top: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:30px; width:942px; float:left; text-align:left; display:block; height:0px; font-weight: bold;}
.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:40px; line-height:40px; display:block;}
.menu li a{ display:block; padding-left:12px; background:url(../images/menulft-bg.gif) left bottom no-repeat;height:40px; line-height:40px; text-decoration:none ; color:#fff; float:left;}
.menu li a span{display:block; padding-right:12px; background:url(../images/menurht-bg.gif) right bottom no-repeat; color:#FFF; height:40px; line-height:40px; 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:40px; line-height:40px;  text-decoration:none ; color:#937d66;  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:#937d66;height:40px; line-height:40px;  float:left;}



.lftmenu{ position:relative; margin:0px; padding:0px;width:165px;}
.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:175px; 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:175px;}
.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:175px;}
.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;}


.footermenu{ position:relative; margin:0px; padding:10px 120px  0px 0px; width: 490px; 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:16px; line-height:14px; display:block; border-right:1px solid #fff; font-size:11px;}
.footermenu li a{ display: block; height:16px; line-height:14px; text-decoration:none ; color:#fff; float:left;}
.footermenu li a:hover{ display:block;  height:16px; line-height:14px;  text-decoration:none ; color: #fff;  float:left;}


.copy{ position:relative; margin:0px; padding:7px 80px 10px 0px; width: 500px; float:right; text-align: left; display:block; color:#fff; }
.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; display:block; font-size:11px;}
/*.copy li a{ display:block; height:14px; text-decoration:none ; color:#fff; float:left;}
.copy li a:hover{ display:block; height:14px; text-decoration:none; color: #fff; float:left;}
*/

a img{border:0}

a:link{	
						
		text-decoration:none		
		}
a:visited{	
		
		text-decoration:none
		}
a:hover{
		
		text-decoration:underline				
		}		
a:active{
				
		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 {
float:left;
width:180px;
}

#rightside {
float:right;
width:180px;
}

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


#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:#e4ddcb;
color:#617073;

}

#content {margin:0 200px;}
#contentalt {margin:0 180px 0 20px;}
.contentwidth{ width: 580px;}
#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 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 #9da7a8;
border-bottom-width: 0;
width: 180px;
}

#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: 163px;/*185px minus all left/right paddings and margins -16 */
text-decoration: none;
color: #5e6c6e;
background-color: #e4ddcb;
border-bottom: 1px solid #9da7a8;
border-left: 7px solid #e4ddcb;
}

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

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

#ddblueblockmenu li a.active {
background-color: #839b9d;
border-left-color: #839b9d;
color: #c8f6ff;
}


#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid #5f6d70;
padding: 1px 0;
padding-left: 5px;
text-align:center;
background-color: #5f6d70;
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:#666; display: block;}
.sitemap li a:hover{ line-height:0.8em; text-decoration: none; display: block; color:#666;}

