/* -----------------  page styles -------------------------------------------------------*/

body { padding:0; margin:0; font-size:12px; background:#f4f4f4 url(../images/bodybg.gif) center repeat-y; color: #555;cursor:default; }
img,div,ul,li,form,input,h1,h2,h3,h4,h5 {
	margin:0;
	padding:0;
	border:0;
	font-size:12px;
	font-weight:normal;
}
#wrapper { margin:2px auto; width:900px;  padding:0; background:#fff;}

/* -----------------  general styles  -------------------------------------------------------*/

a { color:#631e19; text-decoration: underline;background:none; }
a:hover { color:#894e4e; background:none; text-decoration:underline; }

ul { margin: 0; padding : 0; list-style : none; }
h4 {font: 30px 'HelveticaNeue-CondensedBold', 'Arial Narrow', Helvetica, Arial, sans-serif; margin:0;}
.pic{margin-top:8px;}
.kong { height:10px;}
/* -----------------  top info  -------------------------------------------------------*/

#header { clear:both; width:900px; height:120px; background: url(../images/header.jpg) no-repeat; margin:0; }

#hright {float:right; width:880px; height: 70px; margin:10px 0 0 0;}

#hrighttop {width: 450px;margin: 0 2px 5px 0; padding: 0 8px 2px 0; float:right; text-align: right;color:#631e19;}

#menu { width: 880px;  margin:75px 0 0 0; padding:0; text-align:left;}

#menu li ,#menu ul { display:inline;}

#menu  a:link, #menu  a:visited
		{
			line-height: 28px;
			margin: 0px 20px 5px 6px;
			text-decoration: none;
			padding:0px 5px 5px 5px;
			color:#444;
			font-size:14.7px;
			
		}
#menu a:link#current, #menu a:visited#current, #menu a:hover
		{
			border-bottom: 2px solid #006800;
			padding-bottom: 3px;
			background: transparent;
			color: #894e4e;



		}


/* ----------------- Main content -------------------------------------------------------*/

#homepic {width:900px; height:250px; margin:5px 0 10px 0;padding:0px;}


#bottomcontenttop{width:900px;height:10px;background: url(../images/b_contenttop.jpg) top no-repeat;margin:0; padding:0;}
#bottomcontent{width:898px; height:260px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;margin:0; padding:0;}
#bottomcontentbtm{width:900px;height:10px;background: url(../images/b_contentbtm.jpg) no-repeat;margin:0; padding:0;}

#bottomcontent2{width:898px; height:130px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;padding:0px;margin:0;}

#bottomcontent2 img {
	margin:0 10px 5px 0;
	padding:4px;
	height:120px;
	border:1px #CCCCCC solid;

}

#bottomcontent3{width:898px;border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;margin:0;}

.left {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;line-height:22px;}
.left a {color:#444;text-decoration:none;}
.left a:hover { color:#894e4e; background:none; text-decoration:underline; }
.left h2  {padding:10px 0 10px 0;height:30px;background: url(../images/T1.gif) left no-repeat}
.left p {margin:0;}
.middle {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
.middle p.nl { font-size:12px;  color:#444; padding:4px 5px 0 25px; margin:0; line-height:1.8em;BACKGROUND: url(../images/blue_img_034.gif) left center no-repeat;}
.middle p.nl span {
	float:right;
}
.middle p a {color:#444;text-decoration:none;}
.middle p a:hover { color:#894e4e; background:none; text-decoration:underline; }
.middle  h2  {padding:10px 0 10px 0;height:30px;background: url(../images/T2.gif) left no-repeat}

.right {float: right;width: 270px;margin: 0 6px 5px 0; padding:10px;}
.right h2  {padding:10px 0 10px 0;height:30px;background: url(../images/T3.gif) left no-repeat}
.right p {margin:0;}
.thumbs img{position:relative;padding:1px;margin:5px 8px 5px 9px;border:2px solid #c5c5c5;background:none;}
.thumbs img:hover{border:2px solid #631e19; background:none;}


/* ----------------- Bottom content -------------------------------------------------------*/

#footer { clear: both; text-align:center; line-height: 26px; color: #444; background: #fff; padding: 4px 0; margin:10px 0 0 0;}
#footer a {color: #631e19; background: inherit;}

/* ----------------- pic -------------------------------------------------------*/
#aboutpic {width:900px; height:80px; margin:5px 0 10px 0;background: url(../images/pic/header_about.gif) no-repeat;}

/* ----------------- sub -------------------------------------------------------*/
#btop{width:900px;height:10px;background: url(../images/b_top.jpg) no-repeat;}
#bent{width:898px; border-right:1px solid #c5c5c5;border-left:1px solid #c5c5c5;background: url(../images/sub_body_bg.gif) top repeat-y;padding:0; margin:0; }
#bbtm{width:900px;height:10px;background: url(../images/b_btm.jpg) no-repeat;}

.sub_left { width:555px; float:left; margin:0; padding:10px 20px;}
.sub_left h1 {
    color: #609509;
	font-size: 16px;
	background: url('../images/smallbg.png') no-repeat bottom left;
	padding-top: 7px !important;
	padding-top: 5px;
	text-transform: uppercase;
	height:30px;
	font-weight:bold;
	}
.sub_left h3 {

	line-height:26px;
	letter-spacing:1px;
	text-align:left;
	font-size:14.7px;
	font-weight:normal;
}

.sub_left h3 img {
    margin:0 0 5px 0;
	padding:4px;
	border:1px #CCCCCC solid;
	}

#newslist {width:530px; }
#newslist p {
	margin:0;
	padding:10px 5px 5px 25px;
	width:530px; 
	border-bottom:1px dashed #ccc;
	BACKGROUND: url(../images/right_ul_li_bg.gif) left center no-repeat;
	text-align:left;
	font-size:15px;

}

#newslist span {
	float:right;
}



.sub_right { width:220px; float:right; margin:0; padding:10px 30px;}
.sub_right .T1 {height:52px;padding:0px 0 4px 20px; margin: 0 0 2px 0; color:#444;BACKGROUND: url(../images/classtitle.jpg) left center no-repeat;border-bottom: 1px dotted #444;}
.sub_right .T2 {height:52px;padding:0px 0 4px 20px; margin: 0 0 2px 0; color:#444;BACKGROUND: url(../images/classtitle2.jpg) left center no-repeat;border-bottom: 1px dotted #444;}
.sub_right .T3 {height:52px;padding:0px 0 4px 20px; margin: 0 0 2px 0; color:#444;BACKGROUND: url(../images/classtitle3.jpg) left center no-repeat;border-bottom: 1px dotted #444;}
.sub_right .T4 {height:52px;padding:0px 0 4px 20px; margin: 0 0 2px 0; color:#444;BACKGROUND: url(../images/classtitle4.jpg) left center no-repeat;border-bottom: 1px dotted #444;}
.sub_right .T5 {height:52px;padding:0px 0 4px 20px; margin: 0 0 2px 0; color:#444;BACKGROUND: url(../images/classtitle5.jpg) left center no-repeat;border-bottom: 1px dotted #444;}
.sub_right .T6 {height:52px;padding:0px 0 4px 20px; margin: 0 0 2px 0; color:#444;BACKGROUND: url(../images/classtitle6.jpg) left center no-repeat;border-bottom: 1px dotted #444;}
.sub_right .T7 {height:52px;padding:0px 0 4px 20px; margin: 0 0 2px 0; color:#444;BACKGROUND: url(../images/classtitle7.jpg) left center no-repeat;border-bottom: 1px dotted #444;}
.sub_right .T8 {height:52px;padding:0px 0 4px 20px; margin: 0 0 2px 0; color:#444;BACKGROUND: url(../images/classtitle8.jpg) left center no-repeat;border-bottom: 1px dotted #444;}
.sub_right ul { list-style:none; padding:15px; margin:5px;}
.sub_right li { background:url(../images/dot_cgal2.gif) left no-repeat; border-bottom:1px solid #cecece; padding:10px 10px 6px 20px; margin:0;}
.sub_right li a { font-size:12px; color:#2f2f2f; text-decoration:none;}
.sub_right li a:hover { color:#35beff; text-decoration:underline;}
.sub_right p { text-align:center;}

.sub_right 	p img {
    margin:0 0 5px 0;
	padding:4px;
	width:200px;

	border:1px #CCCCCC solid;
	}
	
	
#photolist { width:880px; margin:0; padding:10px 9px;}
#photolist h1 {
    color: #609509;
	font-size: 16px;
	background: url('../images/smallbg.png') no-repeat bottom left;
	padding-top: 7px !important;
	padding-top: 5px;
	text-transform: uppercase;
	height:30px;
	font-weight:bold;
	}
#photolist p {float:left;text-align:center;padding:10px;}
#photolist p  img {
    margin:0 0 5px 0;
	padding:4px;
	border:1px #CCCCCC solid;
	width:260px;
	}
	
#projectlist {width:550px;}
#projectlist p {float:left;text-align:center;padding:10px;width:150px;height:230px;border:1px #CCCCCC solid;margin:5px;}
#projectlist p  img {
	
	width:150px;
	}