body {
	background: url(images/background.gif) top center repeat-x #CFDEEA;
	margin: 0px;
	padding: 16px 0;
	color: #282828;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
	font-size: 13px;
}
p{
font-size:13px;
text-indent:1cm;
text-align:justify;
line-height:18px;
}
p.events{ text-align:justify;
          text-indent:0cm;
		  padding-left: 37px;  
	      }
p.ind{ text-align:justify;
       text-indent:1cm;}
p.next{
text-indent: 1cm;
line-height:3px;
}
p.contact{
line-height:8px;
}
img {
	border-style: none;
}
img.pic_left{
float:left;
padding:5px;
margin:0 8px 8px 8px;
border:1px  #CCCCCC solid;
}
a {
	font-size: 13px;
	color: #2E9FED;
	text-decoration: none;
}
a.box{ font-size:11px;}
a:hover {
	color: #1471B1;
}

h3{
font-size:14px;
color: #003366;
}
h4{
font-size:13px;
padding:2px;
margin:0px;
color: #003366;
border-bottom:1px #999999 dashed;
}
.board{
	float:right;
	width: 250px;
	left: 259px;
	
	height: 412px;}
.board1
{
	float:left;
	width: auto;
	left: 259px;
	text-align: left;
	font-size: 13px;

}
.leftbox{
    float:left;
	width:200px;
	height:auto;
	padding-top: 17px;
	padding-right:10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#container {
	position: relative;
	width: 825px;
	padding: 0px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#head {
	width: 825px;
	height: 172px;
	background: url(images/head.gif) no-repeat;
}
#head h1 {
	position: absolute;
	margin: 31px 0 0 36px;
	width: 800px;
	height: 160px;
	left: -24px;
	top: -19px;
	background-image: url(images/baner.jpg);
}


#menu {
	position: absolute;
	width: 780px;
	top: 190px;
	left: 35px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
#menu li {
	list-style-type: none;
	float: left;
	margin: 0 8px;
	height: 22px;
}
#menu li a {
	padding: 0 0 7px 0;
	height: 22px;
	color: #8A8A8A;
}
#menu li a:hover {
color:#000033;
}
#menu .current {
color:#000033;
font-weight:bold;
}
#area {
	width: 825px;
	height: 54px;
	background: url(images/area.gif) repeat-x;
}

#main {
	margin: auto;
	background: url(images/bg_main.gif) repeat-y;
	width: 825px;
	height: auto; 
}

#content_left {
	float:left;
	width: 501px;
	height:auto;
	padding-top: 0;
	padding-right: 44px;
	padding-bottom: 30px;
	padding-left: 30px;
}
#content_right{
float:left;
padding:5px;
width: 200px;
height:auto;
}

#baner {
	background: url(images/center_banner.gif) no-repeat;
	background-position:12px 0px;
	width: 825px;
	height:80px;
	padding-bottom: 15px;
}
.item_box{
width:auto;
height:auto;
padding:10px 0 5px 0;
}
.item_search{
width:auto;
height:auto;
padding:10px 0 10px 0;
}
.spacer{
width:auto; height:2px; clear:both; padding-bottom:2px;}

/*work------------*/
.project_details{
float:left;
width:200px;
color:#0099FF;
padding:10px 0 0 10px;
}
#footer {
text-align:center;
font-size:11px;
color:#000033;
background: url(images/footer.gif) no-repeat;
background-position:0px 0px;
padding-top:10px;
width: 825px;
height:85px;
}
#footer a {
	background: none;
	padding: 0px;}

/*pagination------------*/

div.pagination {
padding:5px;
margin: 15px 25px 25px 165px;
text-align:center;
font-size:12px; 
float: left;
}

div.pagination a {
font-size:12px;
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #198ADA;
text-decoration: none; 
color: #198ADA;

}
div.pagination a:hover, div.pagination a:active {
border:1px solid #198ADA;
font-size:12px;
color:#2A0A0D;
background-color: #198ADA;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
font-size:12px;
margin-right: 2px;
border: 1px solid #198ADA;
background-color: #198ADA;
color:#2A0A0D;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
font-size:12px;
margin-right: 2px;
border: 1px solid #198ADA;
color: #ccc;
}