/* CSS Document */

body{

	padding:0; margin:0; background:#2e806c;font:'Trebuchet MS', Arial, Helvetica, sans-serif;

	}

div, p, h1, h2, h3, h4, ul, img{

	padding:0; margin:0;

	}

ul{

	list-style-type:none;

	}

.balnk{

	font-size:0px; line-height:0px; clear:both;

	}
a:hover {text-decoration: underline;}
h2 a,h3,h4{text-decoration: none; color:#003758;}
/*--------------------------------header-------------------*/

#main_header{

	width:100%;	margin:0 auto;  background:url(images/side.gif) repeat-x #2e806c; color:#003758; height:216px;

	}

#main_header #header{

	width:901px; margin:0 auto; background:url(images/logo1.jpg) no-repeat ; color:#a63702; height:216px;

	 position:relative;

	}

#main_header #header ul.navi{

	width:910px; height: 60px; display:block; position:absolute; top:216px; left:10px; padding:0; margin:0; background:none;background:url(images/main-menu.gif) no-repeat; 

	}

#main_header #header ul.navi li{

	height:22px; padding: 5px 14px 0 15px; margin:0;

	display:block; float:left; 

	}

#main_header #header ul.navi li.li1 a{

	 color:#2e806c;

	}

#main_header #header ul.navi li a{

	font:21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#003758; text-decoration:none; text-indent:0px; 

	padding:0 0 0 15px; font-weight:bold; margin:0; width:inherit; 

	}
#main_header #header ul.navi li a:hover{text-decoration: underline;}
/*------------------------------------body-------------------------*/

#main_body{

	width:100%;  background-color:#c7ead3;  color:#fff6d8; 

	}

#body{

	width:1024px; margin:0 auto 0 auto; padding:17px 0 0 0; background:url(images/body-bg3.jpg) repeat-y #c7ead3;

	}

#body h2{

	font:28px/24px 'Trebuchet MS', Arial, Helvetica, sans-serif	; color:#003758;  margin:80px 0 10px 100px;

	font-weight:normal; display:block;
	}

#body h4{

	font:18px 'Trebuchet MS', Arial, Helvetica, sans-serif ;

	font-weight:normal; display:block; 
	}
 ul.norm li a{text-decoration: none; color:#003758; }
 ul.norm {width:300px;}
#body p{

	color:#236466; padding:10px 0 0 90px; margin:0 0 20px 40px; width:598px;

	display:block; font:13px/17px Verdana, Arial, Helvetica, sans-serif;

	}

#body p span{

	color:#003758;font-weight:bold;

	}

#body p span.bg{

	color:#799fbb; 

	}

#body p a{

	width:56px; height:12px; display:block; background:url(images/more_bg.gif) no-repeat #0a2b43; margin:3px 0 42px 526px;

	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;

	padding:0 0 0 5px; text-decoration:none;

	}

#body p a:hover{

	background:url(images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; 

	}
#body ul.list{

	width:624px; margin:0 auto 0 auto; padding:10px 0 10px 50px; list-style-type: disc; list-style-position: inside; color:#003758;font-weight:bold; float: left;

	}	
#body ul ul{

	width:624px; margin:0 auto 0 auto; padding:10px 0 10px 50px; list-style-type: none; 

	}
#body p.list{

	width:924px; margin:0 auto 0 auto; padding:10px 0 0 20px; float: left;

	}
	
#pic { width: 260px; float: right; 
}
#picn { width: 260px; float: left; 
}
#pic li {
 	list-style-type:none;
	}
#picn li {
 	list-style-type:none;
	}
#pic li a {
	background-image:url('images/sert-OK.png');
	background-repeat:no-repeat;
	display: block;
	height: 179px;
	width: 130px;
}
#picn li a {
	background-image:url('images/sert-OK.png');
	background-repeat:no-repeat;
	display: block;
	height: 179px;
	width: 130px;
}
#pic li a.item1 {background-position:0px 0px;}
#pic li a:hover.item1 {background-position:0px -182px;
	display: block;
	height: 344px;
	width: 250px;
	cursor: default;}
#picn li a.item1 {background-position:0px 0px;}
#picn li a:hover.item1 {background-position:0px -182px;
	display: block;
	height: 344px;
	width: 250px;
	cursor: default;}
#pic li a.item2 {background-position:0px 0px; width: 180px; height: 130px;}
#pic li a:hover.item2 {background-position:0px -132px;
	display: block;
	height: 250px;
	width: 344px;
	cursor: default;}

#pic li a.item3 {background-position:0px -287px;}
#pic li a:hover.item3 {background-position:0px -359px;}

#pic li a.item4 {background-position:0px -431px;}
#pic li a:hover.item4 {background-position:0px -503px;}

#pic li a.item5 {background-position:0px -575px;}
#pic li a:hover.item5 {background-position:0px -647px;}

/*------------------------------------event-------------------------*/

#event{

	width:215px;  padding:0 0 0 70px; float:left; display:block;

	}

#event h2{

	background:url(images/button.gif) no-repeat ; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;

	width:231px; height:57px;  margin:0; font-weight:normal; display:block; padding: 1px 0 0 30px;

	}



#event p, ul{

	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#236466;

	margin:19px 0 0 23px; padding:0; 

	}



/*------------------------support-------------*/

#support{

	width:215px;  padding:0 0 0 100px; float:left; display:block;

	}

#support h2{

	background:url(images/button.gif) no-repeat ; font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;

	width:231px; height:57px;  margin:0; font-weight:normal; display:block; padding: 10px 0 0 30px;

	}



#support p, ul{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#236466; 

	margin:19px 0 19px 16px; padding:0; 

	}




/*--------------------------------services-------------------*/

#services{

	width:215px;  padding:0 0 0 100px; float:left; display:block;

	}

#services h2{

	background:url(images/button.gif) no-repeat ; font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;

	width:231px; height:57px;  margin:0; font-weight:normal; display:block; padding: 10px 0 0 30px;

	}


#services p{

	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#236466; 

	margin:19px 0 0 16px; padding:0; 

	}

#services h3{

	color:#236466; font:14px Verdana, Arial, Helvetica, sans-serif; width:190px; display:block;

	margin:19px 0 0 16px; padding:0; font-weight:bold; 

	}

#services ul{

		width:191px; display:block; margin:5px 0 0 16px; padding:0 0 20px 0;

		}




/*---------------------------------footer-----------------*/

#main_footer{

	width:100%;  float:left; background:url(images/footer1.gif) repeat-x #c7ead3; color:#c7ead3; font-weight:bold;

	margin:0; padding:0; 

	}

#footer {

	width:830px; height:67px;

	margin:0 auto 0 auto;

	}

#footer ul{

	width:900px; display:block;	list-style-type:none; margin:10px 0 0 40px; position:absolute;

	}

#footer ul li{

	display:block; float:left; color:#c7ead3;

		}

#footer ul li a{

	font:14px/12px 'Trebuchet MS', Arial, Helvetica, sans-serif;

	color:#c7ead3;font-weight:bold; 

	text-decoration:none;

	margin:0 16px 0 16px;

	}

#footer ul li a.mg{

	font:14px/12px 'Trebuchet MS',Arial, Helvetica, sans-serif;

	color:#c7ead3; font-weight:bold;

	text-decoration:none;

	margin:0 11px 0 0px;

	}

#footer ul li a.mg:hover{

	text-decoration:underline;

	}

#footer ul li a:hover{

	text-decoration:underline;

	}

#footer p{

	padding:35px 0 0 265px; font:11px/16px Tahoma, Arial, Helvetica, sans-serif; color:#c7ead3;

	font-weight:normal;	height:14px; margin:0;

	}

#footer p.de{

	padding:0 0  0 265px; margin:0;  line-height:12px; width:160px; text-align:center; 

	color:#c7ead3 background:none;

	}

#footer p.de a{

	color:#c7ead3; text-decoration:underline;

	}

#footer p.de a:hover {	

	color:#c7ead3;	
	}