/* CSS Document */

body{
	padding:0; margin:0; background:url(../images/hdbg.gif) repeat-x #BFAC7F; color:#ff0099;font-family: "Lucida Grande", verdana, sans-serif; font-size: 10px; 
	}

div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; clear:both; line-height:0px;
	}
	
a {
	text-decoration: none;
	color: #000000;
}

a:hover { text-decoration: underline; }

#search{ margin:8px 0 0 20px;  width:533px; display:block; padding-top:109px;
	
	}
#headerPan form{
	width:397px; height:46px; no-repeat 0 0; margin:125px 0 0 1px; font-size:0; padding-top:21px;
	
	}

#headerPan form input{
	width:158px; height:22px; display:block; background-color:#ad9d79; border:#ad9d79 1px solid; color:#ff0099;
	float:left; margin:12px 0 0 2px; padding:0 0 0 1px;
	}
#headerPan form input.button{
	width:31px; height:23px; background:url(../images/search_button.gif) no-repeat 0 0; float:left; cursor:pointer; border:none;
	}
	
/*--------------------------------header pan---------------------------*/
#headerPan{
	width:778px; margin:0 auto 0 auto; background:url(../images/header_pic.jpg) no-repeat; height:276px;
	}
#headerPan ul{
	width:537px; margin:0 0 0 139px; display:block; height:21px;
	}
#headerPan ul li{
	display:block; float:left; height:21px; margin:0; padding:0;
	}
#headerPan ul li a{
	font: bold 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 14px 0 14px; color:#EAEAEA;
	background-color:#a59773; text-decoration:none; margin:0; height:21px;
	}
#headerPan ul li a:hover{
	color:#EAEAEA; background-color:#e28915;
	}
#headerPan_title{
	/*background:url(images/complog.gif) no-repeat;*/ margin:27px 20px 50px 60px;  font-family:arial; font-weight:normal; color:#FF0099; font-size:12px;
	
	}
/*----------------------------------body part----------------*/
#mainBody{
	background:url(../images/page_bg.jpg) top center repeat-y;
        width:777px; margin:24px auto 0 auto; 
	}
/*-------------left side------*/
#leftPan{
	width:165px; color:#000000; background:url(../images/left_side_up.gif) no-repeat 0 0 #c8b78c; padding:19px 0 0 0; float:left; 
	}
#leftPan p{
	background:url(../images/left_side_down.gif) no-repeat bottom left; height:8px; font-size:0; display:block;
	}
	
#leftPan a.more{
	width:103px; height:15px; display:block; background-color:#c8b78c; color:#FFFFFF; margin: 0 0 5px 5px; padding:0 0 0 13px;
	font:13px/10px tahoma, Arial, Helvetica, sans-serif;
	}
	
#leftPan h3{padding-left:9px; padding-bottom:5px;
         color:white;
         size:medium;
	}
	
#leftPanConatiner{ padding-left:2px; font-size:11px; text-transform:uppercase; text-indent:1px;
         color:white;
        }
			

	
/*-------------------------------middle-------*/
#middlePan{
	width:161px; color:#B6B6B5; background:url(../images/left_side_up.gif) no-repeat 0 0 #c8b78c; padding:19px 0 0 0; float:left; margin-left:5px;	
	}
	
#middlePan p{
	background:url(../images/left_side_down.gif) no-repeat bottom left; height:8px; font-size:0; display:block;
	}

/*-------------------------------right-------*/
#rightPan{
	width:550px; margin:0 0 0 0px; float:right;
	}

#rightPan p{
	width:427px; font:14px/20px Arial, Helvetica, sans-serif; color:#A5A5A4; background-color:#FFFFFF; display:block;
	margin:0 0 0 0;
	}

/*-------------------------------footer---------*/
#footerMain{
	background:url(../images/footer_bg.gif) repeat-x 0 0; width:100%;
	}	
#footer{
	background:url(../images/footer.gif) no-repeat 0 0; height:50px; width:778px; margin:0 auto 0 auto; padding:74px 0 0 0;
	}
#footer ul{

	width:446px; display:block; margin:0px 0 0 270px; padding:0; font-size:0; height:20px; 
	}
#footer ul li{
	color:#000000; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  float:left; background-color:#FFFFFF;
	padding:0; margin:0;
	}
#footer ul li a{
	color:#000000; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  background-color:#FFFFFF;
	text-decoration:none; padding:0 6px 0 6px; 
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p{
	width:324px; display:block; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; margin:0px 0 0 430px;
	background-color:#FFFFFF; padding:0 0 9px 0;
	}
#footer ul.css{
	width:103px; display:block; font-size:0px; margin:0px 0 0 586px; padding:0; height:20px;
	}
#footer ul.css li{
	display:block; float:left; background-color:#FFFFFF; margin:0 0 0 1px; padding:0; color:#FFFFFF;
	}
#footer ul.css li a{
	 text-indent:-2000px; height:11px; padding:0; margin:0; float:left; font-size:0; display:block;
	}
#footer ul.css li a.cs{
	background:url(../templates/images/css.gif) no-repeat 0 0; width:39px;
	}
#footer ul.css li a.cs:hover{
	background:url(../templates/images/css_h.gif) no-repeat 0 0; width:39px;
	}
#footer ul.css li a.html{
	background:url(../templates/images/xhtml.gif) no-repeat 0 0; width:61px;
	}
#footer ul.css li a.html:hover{
	background:url(../templates/images/xhtml_h.gif) no-repeat 0 0; width:61px;
	}
#footer p.copy{
	width:100px; display:block; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  margin:0;
	 padding:0; float:right; 
	}
#footer p.copy a{
	text-decoration:underline; color:#EAEAEA; 
	}
#footer p.copy a:hover{
	text-decoration:none
	}