body{
background:url('../../img/Temlate_37/bg.gif');
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}



/* --------------- Header ------------- */

.header{
background: #ffffff;
}
.header img{
border: none;
padding: 0px 0px 0px 20px;
}

.whtspc{
background: #ffffff;
}


/* --------------- Top Links ------------- */
.menus {
	font-family: Helvetica, sans-serif;
	font-size: small;
	font-style: normal;	
	position:relative;
	width:918px;
	height:2em;
	background: #de5d11 url('../../img/Temlate_37/line.gif') bottom left repeat-x;
	border-top:3px solid #de5d11;
	padding-bottom:1px;
	margin-bottom:0em;
	}

* html .menus {padding-bottom:0;}

.menus ul{
list-style-type:none;
padding-left:0px;
margin:0 0 0 0px;
width:918px;
height:100%;
}

.menus li{
float:left;
}

.menus table{
position:absolute;
border-collapse:collapse;
left:0;
top:0;
}

.menus a, .menus :visited {
color:#fff;
text-decoration:none;

}

.menus a b, .menus :visited b {
display:block;
font-weight: 600;
float:left;
padding:0 10px;
height:2em;line-height:1.9em;
background: transparent url('../../img/Temlate_37/mida.gif');
cursor:pointer;
border-bottom:1px solid #d2d2d2;
}

.menus ul ul {
visibility:hidden;
position:absolute;
height:2em;
top:2em;
left:0px;
width:918px;
border-bottom:1px solid #d2d2d2;
border-right:1px solid #d2d2d2;
background:#ececec url('../../img/Temlate_37/hover_bg.gif') repeat-x top left;
}

.menus :hover {
white-space:normal;
}

.menus a:hover b {
color:#FFFF00;
}

.menus ul li:hover ul,
.menus ul a:hover ul{
display:block;
visibility:visible;
top:2em;
margin-top:1px;
}

.menus ul :hover ul li {
display:block; 
border-left:1px solid #d2d2d2; 
background:#ececec url('../../img/Temlate_37/hover_bg.gif') repeat-x top left; 
height:2em;
}
.menus ul :hover ul li a {
display:block;
font-size:11px; 
height:2em; 
line-height:2.5em; 
width:auto; 
float:left; 
color:#444; 
padding:0 15px;}
.menus ul :hover ul li a:hover {
color:#ce4e03;
}

/* --------------- popboxes ------------- */

.popboxes{
background: url('../../img/Temlate_37/popbg.jpg') no-repeat right top;
margin: 0px;
padding: 12px 5px;
font-family: Arial, Helvetica, sans-serif;
color:#4f4e4e;
font-size: 12px;
text-align:justify;
line-height: 18px;
}


h5{
	background:#e76214 url('../../img/Temlate_37/arrow.gif') no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ffffff;
	margin:0 0 0 10px;
	font-weight:normal;
	padding:2px 0 3px 35px;
}

/* --------------- more ------------- */

a.more{
background: transparent url('../../img/Temlate_37/bullet_more.gif') 0 0.35em no-repeat;
color: #de5d11;
padding: 0px 5px 5px 8px;
margin: 0px 0px 0px 0px;
font: 13px/22px tahoma;
font-weight: bold;
text-decoration: none;
}
a:hover.more{
color: #666666;
text-decoration: underline;
}

/* --------------- Footer ------------- */

.footerarea{
background: url('../../img/Temlate_37/footer_divider.gif') left top no-repeat;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
font-weight: normal;
color: #999999;
line-height: 16px;
text-align:center;
}
.footerarea a{
color: #999999;
text-decoration: none;
padding:0 10px 0 10px;
}
.footerarea a:hover{
color: #666666;
text-decoration: underline;
}

.bottompage{
background: url('../../img/Temlate_37/footer_bg.jpg') no-repeat top center;
}


/* --------------- inside-page-text ------------- */

.contentwrap{
margin: 0px;
padding: 15px 20px 15px;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
text-align:justify;
line-height:17px;
color:#777777;
}

.contentwrap h2{
margin: 0px;
padding: 0px 0px 8px 0px;
color: #de5d11;
font-size: 22px;
font-style: normal;
font-weight: bold;
}

.contentwrap h3{
margin: 0px;
padding: 0px 0px 5px 0px;
color: #de5d11;
font-size: 14px;
font-weight:normal;
}

.contentwrap h4{
margin: 0px;
padding: 0px 0px 5px 15px;
color: #de5d11;
font-size: 14px;
font-weight:normal;
background:url('../../img/Temlate_37/leftarrow.gif') no-repeat 3px 7px ;
}

.popwrap{
background: #ffffff;
color: #333333;
padding: 10px 0px 10px 10px;
}

/* --------------- breadcrumb ------------- */

.breadcrumb{
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #a4a1a1;
padding:0 0 0 15px;
}
.breadcrumb a{
color: #000000;
text-decoration:none ;
font-weight: bold;
}
.breadcrumb a:hover{
color: #000000;
text-decoration: underline;
}

#bottom-bg{
	background:url('../../img/Temlate_37/bottom-bg.jpg') repeat-x;
	}
	
.navcontainer{
background: #f0f0f0;
}	
