
*{ margin:0px; padding:0px}
.clear{ clear:both;}
a img{ border:0px;}
body{ font-family:Arial, Helvetica, sans-serif; background:url(images/bg2.jpg) repeat-x #fbfafa}
#container{ background: url(images/header.jpg) no-repeat top center; width:100%; min-height:335px; margin:auto}
#wrapper{ width:995px; margin:auto; padding:7px 0 0 0}
a { color:#477b91; text-decoration:none;}
a:hover { color:#477b91; text-decoration:underline;}
#header{ width:995px; float:left; height:265px;}
.logo{ float:left; margin:0 0 0 -7px}
#menu{ width:770px; float:right;}
#tab{ width:770px; height:48px; float:left;}
.nav{
	height: 25px;
	list-style: none;
	line-height: 25px;
	margin:7px 0 0 0;
	padding-top:3px;
	width:700px; float:left; font-family: 'PT Sans', sans-serif;


}
.nav li{
	float:left;
	padding-left:0px;
	margin:0 0px 0 0;
	
}
.nav li a{
	float:left;
	display:block;
	height:25px;
	text-decoration:none;
	padding-left:4px;
	font-weight: normal;
	font-size:13px;
	color:#3c3c3c;
}
.nav li a span{
	height:25px;
	float: left;
	display: block;
	padding: 0 12px 0 8px; /*Padding of menu items*/
	margin-right:7px;
}
.nav li.current a, .nav li a:hover{
	color: #3c3c3c; /*left tab image path*/
	background-position: left top;
	background-image: url(images/left.jpg);
	background-repeat: no-repeat;
}
.nav li.current a span, .nav li a:hover span{
	color: #d3e7ef; /*right tab image path*/
	background-image: url(images/right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#flag{ background:url(images/flag-bg.jpg) no-repeat; width:60px; height:21px; float:right; margin:10px 0 0 0; padding:5px 0 0 6px}
.flag1{ float:left; margin:0 8px 0 0}

#flag a.active {
	opacity: 1;
	filter: alpha(opacity=100);	
	}	


#flag a.active2 {
	opacity: 0.45;
	filter: alpha(opacity=45);

	}	
 
#flag a.active2:hover {
	opacity: 1;
	filter: alpha(opacity=100);	
	}
	

#contact{ background:url(images/contact-bg.png) no-repeat; width:275px; height:115px; float:right; margin:40px -6px 0 0; padding:20px 20px 0 15px; }
#contact h5{ color:#fff; font-size:28px; text-shadow: 1px 1px 3px #666; font-weight:normal; text-align:right; padding:0 0 3px 0; font-family: 'PT Sans', sans-serif; }
#contact h6{ color:#fff; font-size:14px; font-weight:normal; text-align:right; text-shadow:  1px 1px 4px #000; font-family: 'PT Sans', sans-serif;}
.email{ background:url(images/id.png) no-repeat; width:280px; height:34px; display:block; text-align:center; line-height:34px; font-size:13px; color:#fff; text-decoration:none; margin:7px -4px 0 0; float: right;font-family: 'PT Sans', sans-serif; }
.email:hover {color:#fff;}


/*******************************      content       ********************************/
#content{ width:961px; float:left;  float:left; background:url(images/top.png) no-repeat top center; padding:46px 16px 0 17px; height:46px;}
#pattern-text{ width:961px; height:62px; float:left;}
#pattern-text h1{ text-align:center; display:block; line-height:46px; color:#899498; font-weight:normal; font-size:18px; font-family: 'PT Sans', sans-serif;}

.wrapper2{ background:url(images/top2.jpg) no-repeat top; width:964px;  float:left; padding:0 0 0 30px}
.wrapper3{ background:url(images/strip2.jpg) repeat-y; width:994px; float:left;}

.content{ width:929px;  float:left; margin:0 0 0 2px; padding:7px 14px 0 0px; background:#fff}
.section{ width:306px; float:left; margin:0 5px 0 0}
.section h4 a,.section h2 a{ text-decoration:none; text-align:center; display:block; font-size:28px; color:#888888; font-weight:normal; background:url(images/head-bg.jpg) no-repeat; width:306px; height:51px; line-height:51px; margin:0 0 6px 0; font-family: 'PT Sans', sans-serif;}
.section h4 a:hover, .section h2 a:hover{ background:url(images/head-bg2.jpg) no-repeat; width:306px; height:51px; display:block; color:#616161 }
#bottom{ background:url(images/bottom.jpg) no-repeat; width:961px; height:17px; float:left; margin:0 0 0 -15px}


.contnt{ width:930px; float:left; background: url(images/strip.jpg) repeat-y; float:left; margin:-7px 0 0 0px; min-height:400px}
.content-holder{ background:url(images/top.jpg) no-repeat top center; width:915px; min-height:406px; float:left; padding:13px 0 0 15px;}
#pattern-text ul{ padding:2px 0 0 50px}
#pattern-text ul li{ text-decoration:none; color:#899498; font-size:18px; display:block; line-height:43px; font-weight:normal; margin:0 25px 0 0; font-family: 'PT Sans', sans-serif; list-style:none; float:left;}
#pattern-text ul li.tab1{ background:url(images/1.jpg) no-repeat left top; padding:0 0 0 27px}
#pattern-text ul li.tab2{ background:url(images/2.jpg) no-repeat left top; padding:0 0 0 24px}
#pattern-text ul li.tab3{ background:url(images/3.jpg) no-repeat left top; padding:0 0 0 17px}
#pattern-text ul li.tab4{ background:url(images/4.jpg) no-repeat left top; padding:0 0 0 17px}
#pattern-text ul li.tab5{ background:url(images/5.jpg) no-repeat left top; padding:0 0 0 27px}
#pattern-text ul li.tab6{ background:url(images/6.jpg) no-repeat left top; padding:0 0 0 20px}
#pattern-text ul li.tab7{ background:url(images/7.jpg) no-repeat left top; padding:0 0 0 22px}

#left-part{ width:210px; float:left;}
#list{}
#list ul{font-family: 'PT Sans', sans-serif;}
#list ul li{ list-style:none; background:url(images/field-grey.png); width:192px; height:39px; display:block; line-height:39px; margin:0 0 1px 0; padding:0 0 0 10px}
#list ul li.main { list-style:none; font-weight:bold; background:url(images/field-greymain.png); width:192px; height:39px; display:block; line-height:39px; margin:0 0 1px 0; padding:0 0 0 10px}
#list ul li:hover{ list-style:none; background:url(images/field-white.png); width:192px; height:39px; display:block; line-height:39px; padding:0 0 0 10px}
#list ul li.main:hover{ list-style:none; background:url(images/field-whitemain.png); width:192px; height:39px; display:block; line-height:39px; padding:0 0 0 10px}
#list ul li a.actv{ background:url(images/field-blue.png) no-repeat; width:198px; height:39px; display:block; margin:0 0 0 1px; color:#fff; margin:0 0 0 -8px; padding:0 0 0 33px}
#list ul li.main a.actv{ background:url(images/field-bluemain.png) no-repeat; width:198px; height:39px; display:block; margin:0 0 0 1px; color:#fff; margin:0 0 0 -8px; padding:0 0 0 34px}
#list ul li a{ text-decoration:none; color:#6c777b; font-size:14px; display:block; padding:0 0 0 25px}
#list ul li.main a{ text-decoration:none; background:none; color:#6c777b; font-size:14px; display:block; padding:0 0 0 25px}
#list ul li a .activ{ list-style:none; background:url(images/arrw2.png) no-repeat left center;  padding:0 0 0 8px}
#list ul li.main a .activ{ list-style:none; padding:0 0 0 8px}

#right-part{ width:670px; float:right; padding:15px 0 0 0}
#right-part p { font-size:14px; line-height:20px; color:#474747; padding:12px 0 0 0}
#right-part p span { color:#8bb836; font-weight:bold;}
#right-part ul { font-size:14px; line-height:20px; color:#474747; margin:5px 0 5px 14px;}
#right-part ul li { padding:2px 0;}
#right-part p img { float:left; padding:3px; border:1px solid #D6DFE2; margin:0 10px 5px 0;}
.head{ color:#487e94; font-size:30px; font-weight:normal; border-bottom:1px dotted #d6dfe2; width:667px; padding:0 0 5px 0; margin-bottom:2px; font-family: 'PT Sans', Arial, sans-serif;}
.head span{ color:#8bb836; font-size:32px; font-weight:normal;}
.box{ width:635px; float:left; border-bottom:1px solid #d6dfe2; padding:20px 0 20px 0}
.pic{ float:left; padding:6px; border:1px solid #d6dfe2; float:left}
.box-text{ width:425px; float:right;}
.box-last{ width:635px; float:left; border-bottom:0px solid #d6dfe2; padding:20px 0 0px 0}
.box-text h1, .box-last h1{ font-size:25px; color:#474747; font-weight:normal; }
.box-text p, .box-last p{ font-size:14px; line-height:20px; color:#474747; padding:12px 0 0 0}
.box-text p a{ text-decoration:none;color:#474747;}
.box-text p a:hover{ text-decoration:underline;}

/********************************************   footer     *****************************************/
#footer{ width:100%; background:url(images/footer.jpg) repeat-x #e7e7e7; min-height:380px; margin:50px 0 0 0; font-family: Arial, Verdana, Helvetica, sans-serif;}
#footer-content{ background:url(images/footr.jpg) no-repeat; width:915px; min-height:244px; margin:auto; padding:136px 0 0 50px}
#col1{ width:134px; float:left; margin:0 55px 0 0}
#col1 ul{ }
#col1 ul li{ list-style:none}
#col1 ul li a{ text-decoration:none; display:block; font-size:12px; font-weight:bold; color:#474747; border-bottom:1px #bdc2c4 dotted; line-height:25px}
#col1 ul li a.last{ text-decoration:none; display:block; font-size:12px; font-weight:bold; color:#474747; border-bottom:0px #bdc2c4 dotted; line-height:25px}

#col2{ width:178px; float:left; margin:0 50px 0 0}
#col2 h5 a{ text-decoration:none; display:block; font-size:12px; font-weight:bold; color:#474747;line-height:25px}
#col2 ul{ }
#col2 ul li{ list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif}
#col2 ul li a{ text-decoration:none; display:block; font-size:11px; font-weight: normal; color:#474747; border-bottom:1px #bdc2c4 dotted; line-height:25px; background:url(images/arrow.png) no-repeat left top; padding:0 0 0 8px}
#col2 ul li a.last{ text-decoration:none; display:block; font-size:12px; font-weight: normal; color:#474747; border-bottom:0px #bdc2c4 dotted; line-height:25px}

#col3{ width:217px; float:left; margin:0 60px 0 0}
#col3 h5 a{ text-decoration:none; display:block; font-size:12px; font-weight:bold; color:#474747;line-height:25px}
#col3 h5 a:hover, #col2 h5 a:hover{ color:#477b91}
#col1 ul li a:hover,#col2 ul li a:hover,#col3 ul li a:hover{ color:#477b91}
#col3 ul{ }
#col3 ul li{ list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif}
#col3 ul li a{ text-decoration:none; display:block; font-size:11px; font-weight: normal; color:#474747; border-bottom:1px #bdc2c4 dotted; line-height:25px; background:url(images/arrow.png) no-repeat left top; padding:0 0 0 8px}
#col3 ul li a.last{ text-decoration:none; display:block; font-size:12px; font-weight: normal; color:#474747; border-bottom:0px #bdc2c4 dotted; line-height:25px}

#col4{ width:169px; float: left; margin:0 0px 0 0;}
#col4 p{ font-size:12px; color:#474747; padding:14px 0 0 0}
#col4 p span{ font-weight:bold; color:#487d93}
.copy{ background:url(images/footer2.jpg) repeat-x; width:100%; height:50px; text-align:center; line-height:50px; color:#fff; font-size:12px;}
.copy a{ text-decoration:none; color:#fff}
.copy a:hover {text-decoration:underline;}