html, body{
	margin:0;
	padding:0;
	font-family:Verdana, sans-serif;
	font-size: 10pt;
	background:url(../images/main-bg.gif);
	color:#464646;
}
img{
	border:none;
}
a{
	color:#12587E;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
hr{
	background:#dedede;
}
#wrapper{
	width:900px;
	margin:auto;
	background:#c9d0d5;
}
#wrapper-in{
	width:880px;
	margin:auto;
	border-bottom:1px solid #cecfce;
}
#header{
	background:url("../images/header-bg.png") top left repeat-x;
	height:77px;
	border-bottom:2px solid #919da7;
	margin-bottom:10px;
}
#logo{
	padding:0 10px;
}
#tagline{
	padding-bottom:15px;
}
#menu{
	background:#b2b9be;
	padding:10px;
	border-top:1px solid #dedede;
}
#menu-in{
	background:#fff;
}
#menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#menu li{
display: inline;
margin: 0;
float:left;
}
.tabcontainer{
color:#6384ae;
clear: left;
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
font-size:11px;
border-bottom:1px solid #cecfce;
}

.tabcontainer a, .tabcontainer a:visited{
color:#6384ae;
padding-left:5px;
padding-right:5px;
text-decoration:none;
}
.tabcontainer a:hover{
	color:#12587e;
}

#sc3{
	margin-left:220px;
}
#sc4{
	margin-left:370px;
}
#sc5{
	margin-left:487px;
}
#sc6{
	margin-left:377px;
}
#content_mn{
}
#content{
	text-align:justify;
}
#content h1,#content_mn h1{
	color:#a4c758;
	font-size:20px;
	border-bottom:1px solid #cecfce;
	margin:0 0 10px 0;
	padding:10px 0 5px 0;
	font-weight:normal;
}
#content h1 a{
	color:#a4c758;
}
#content h2,#content_mn h2{
	color:#a4c758;
	font-size:14px;
	border-bottom:1px solid #cecfce;
	margin:0 0 10px 0;
	padding:10px 0 5px 0;
	font-weight:normal;
}
#content h2 a{
	color:#a4c758;
}
#contents_mn{
	float:left;
}
#contents{
}
#content textarea,#content_mn textarea{
background:#FFFFFF none repeat scroll 0%;
border:1px solid #C6C5BB;
height:84px;
overflow:auto;
padding-left:5px;
width:170px;
}
#content input,#content_mn input{
background:#FFFFFF none repeat scroll 0%;
border:1px solid #C6C5BB;
padding-left:5px;
width:164px;
}
#contents h1,#contents_mn h1{
	color:#a4c758;
	font-size:20px;
	border-bottom:1px solid #cecfce;
	margin:0 0 10px 0;
	padding:10px 0 5px 0;
	font-weight:normal;
}
h1{
	color:#a4c758;
	font-size:20px;
	border-bottom:1px solid #cecfce;
	margin:0 0 10px 0;
	padding:10px 0 5px 0;
	font-weight:normal;
}
#contents h2,#contents_mn h2{
	color:#a4c758;
	font-size:14px;
	border-bottom:1px solid #cecfce;
	margin:0 0 10px 0;
	padding:10px 0 5px 0;
	font-weight:normal;
}
#sidebar{
	float:left;
	width:299px;
}
#sidebarhome{
	float:left;
	width:299px;
}
#newstitle{
	margin:14px auto;
	color:#a4c758;
	font-size:20px;
	border-bottom:1px solid #cecfce;
	margin:0 0 10px 0;
	padding:10px 0 5px 0;
	font-weight:normal;
}
#eventstitle{
	margin:14px auto;
	color:#a4c758;
	font-size:20px;
	border-bottom:1px solid #cecfce;
	margin:0 0 10px 0;
	padding:10px 0 5px 0;
	font-weight:normal;
}

.box{
	width:280px;
	margin:0 auto;
}

.boxtop{
	height:5px;
}
.boxcontent{
	padding:0 6px;
}
.boxbot{
	height:5px;
}
#footer{
	background:#586576;
	border-top:1px solid #cececf;
	font-size:11px;
	padding:10px;
}
#footer{
	clear:both;
	text-align:center;
	color:#fff;
}
#footer a, #footer a:active{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}
#copy{
	text-align:center;
	color:#fff;
}
.newstitle{
	color:#7c7c7c;
	display:block;
	font-weight:bold;
	font-size:xx-small;
	clear:both;
	margin:0 4px;
}
.newstitle a{
	color:#12587e;
	text-decoration:none;
}
.newstitle1{
	color:#7c7c7c;
	display:block;
	font-weight:bold;
	font-size:xx-small;
	clear:both;
	margin:0 4px;
}
.newstitle1 a{
	color:#12587e;
	text-decoration:none;
}
.newscontent{
	display:block;
	margin:4px;
	padding-bottom:12px;
	font-size:xx-small;
	text-align:left;
}
.newscontentIP{
	display:block;
	margin:4px;
	padding-bottom:12px;
}
.newscontent img, .newscontentIP img{
	padding:0 4px 0 0;
	border-right:1px dotted #ccc;
	margin:2px 4px;
}
#pagination {
	display:block;
	text-align:left;
	height:22px;
	line-height:21px;
	clear:both;
	padding-top:3px;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
}

#pagination a:link, #pagination a:visited{
	padding:2px 5px;
	border:1px solid #EBEBEB;
	margin-left:5px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#12587e;
	font-weight:normal;
}

#pagination a:hover {
	background-color:#DDEEFF;
	border:1px solid #BBDDFF;
	color:#436896;	
}

#pagination .active_link {
	padding:2px 5px;
	border:1px solid #BBDDFF;
	margin-left:5px;
	text-decoration:none;
	background-color:#DDEEFF;
	color:#0072BC;
	cursor:default;
}

#pagination .disabled_pagination {
	padding:5px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid #EBEBEB;
	margin-left:5px;
	text-decoration:none;
	background-color:#F5F5F5;
	color:#D7D7D7;
	cursor:default;
}

#logo-registered {
color:#d3d4dE;
float:right;
font-size:11px;
padding:20px 5px;
text-align:right;
}
#logo-login {
color:#d3d4dE;
float:right;
font-size:11px;
padding:20px 5px;
text-align:right;
}

form{
	border:none;
	margin:0;
	padding:0;
}
#logo-login input.post {
	margin-bottom:3px;
}
.post {
	border-style:solid;
	border-width:1px;
}
.btnmain {
	cursor:pointer;
	font-size:1.1em;
	font-weight:bold;
	padding:1px 5px;
}
textarea, select, .post, .btnbbcode, .btnmain, .btnlite, .btnfile, .helpline {
	background-color:#F2F4F5;
	border:1px solid #6384ae;
	color:#444444;
	font-family:Verdana,Helvetica,sans-serif;
	font-weight:normal;
}
input {
	font-size:1.1em;
	padding:1px;
}

.imgbox{
	float:left;
	padding:4px;
	width:130px;
}
.imgbox a:hover{
	text-decoration:none;
}
.clr{
	clear:both;
}
.archive a{
	display:block;
	padding:4px 0 4px 28px;
	background:url(../images/report.jpg) center left no-repeat;
}
.odd{
	border-bottom:2px groove #12587e;
}
.even{
	border-bottom:2px groove #ccc;
}
.date{
	font-weight:bold;
	color:#12587e;
}
.newsitem{
	margin-bottom:20px;
	font-size:xx-small;
}
.newsitem .date{
	font-weight:bold;
	color:#12587e;
	float:left;
	padding:10px 10px 10px 0;
	border-right:1px dotted #ccc;
	margin-right:5px;
}
#introhold{
	float:left;
	width:580px;
}
#intro{
	background:#ffffff url(../images/intro.png) top left no-repeat;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	padding:5px;
	margin-bottom:10px;
	margin-right:10px;
	width:560px;
	float:left;
	height:200px;
}
*html #intro{
	margin-right:5px;
}
.more{
	float:right;
	padding:0 0 0 22px;
}
#error{
	text-align:center;
	display:block;
	color:#660000;
	padding:10px;
	border:1px solid #660000;
	background-color:#EEAAAA;
	margin:10px 0;
}
.dl{
	padding:10px 0 10px 0;
}
.dl h1{
	color:#a4c758;
	font-size:14px;
	border-bottom:1px solid #cecfce;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	font-weight:normal;
}
.dl a{
	display:block;
	width:500px;
	float:right;
}
.dld a{
	display:block;
	padding:3px 0;
	border-bottom:1px solid #ddd;
	float:left;
	width:420px;
}
.dlc a{
	display:block;
	padding:3px 0;
	border-bottom:1px solid #ddd;
	float:left;
	width:550px;
}
#sidebar .dl a{
	display:block;
	height:21px;
	width:230px;
	float:right;
}
.nbox{
	float:left;
	padding:0 5px;
	background:#FFF;
	width:270px;
}
.hnbox{
	float:left;
	padding:0 5px;
	background:#FFF;
	width:270px;
	height:250px;
	overflow:hidden;
}
.nbox h1 a{
	color:#A4C758;
}
#intromid{
	background:#ffffff;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	padding:5px;
	margin-bottom:5px;
}
#introbot{
	padding-right:10px;
}
.otherNews{
	padding:4px 0;
	border-top:1px dotted #cecfce;
	clear:both;
}
#container{width:500px;margin:auto;font-size:11pt;}

#titem:hover .item a{text-decoration:none;}
#titem:hover .item a:hover{color:#999;}
.imagecat{
	display:block;
	border-bottom:1px solid #cecfce;
}
.imagecat a{
	display:block;
}
.imagecat a:hover{
	text-decoration:none;
}
.imagecat img{
	margin-right:8px;
	vertical-align:middle;
}
#sidebar-in{
	background:#ffffff;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	padding:5px;
	margin-bottom:5px;
}
.chatlink{
	background:#ffffff url(../images/chat.jpg) center left no-repeat;
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	padding:55px 5px 55px 120px;
	margin-bottom:5px;
}

#bltl{
	background:url(../images/bl-tl.png) top left no-repeat;
}
#bltr{
	background:url(../images/bl-tr.png) top right no-repeat;
}
#blbl{
	background:url(../images/bl-bl.png) bottom left no-repeat;
}
#blbr{
	background:url(../images/bl-br.png) bottom right no-repeat;
}

#bdtl{
	background:url(../images/bd-tl.png) top left no-repeat;
}
#bdtr{
	background:url(../images/bd-tr.png) top right no-repeat;
}
#bdbl{
	background:url(../images/bd-bl.png) bottom left no-repeat;
}
#bdbr{
	background:url(../images/bd-br.png) bottom right no-repeat;
}

#sidebarhome #blbr{
	background:url(../images/bl-br.png) bottom right no-repeat;
	padding:0 0 10px 0;
}
#sidebarhome #bltr{
	background:#fff url(../images/bl-tr.png) top right no-repeat;
}

.logoes{
	height:190px;
	margin-bottom:10px;
}
.logoes img{
	padding-bottom:5px;
}
.pad10{
	padding:10px;
}
.mr10{
	background:none;
}
#blblh{
	background:#fff url(../images/bl-bl.png) bottom left no-repeat;
	float:left;
	margin-right:10px;
}
.mainlink{
	font-size:18px;
	font-weight:bold;
}
.child{
	font-size:14px;
	font-weight:bold;
}
.menucontainer{
	padding:10px;
	float:left;
	width:273px;
}
#mygallery{
	margin-top:10px;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 840px; /*Width of Carousel Viewer itself*/
margin:0 20px;
height: 110px; /*Height should enough to fit largest content's height*/
background:#bfc5ca;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 120px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#win{
	background:#fff;
	margin-bottom:10px;
}
#pin{
	width:560px;
	padding:0 10px 10px 10px;
	float:left;
}
#pin #contents_mn{
	width:100%;
}
.main_image {
	width: 120px;
	height: 120px;
	float: left;
	background: #fff;
	position: relative;
	overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
	color: #fff;
}
.image_thumb {
	float: left;
	width: 149px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}
.image_thumb img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
}
.image_thumb ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.image_thumb ul li{
	margin: 0;
	padding: 2px;
	background: #f0f0f0 url(nav_a.gif) repeat-x;
	width: 145px;
	height:34px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}
.image_thumb ul li.hover { /*--Hover State--*/
	background: #ddd;
	cursor: pointer;
}
.image_thumb ul li.active { /*--Active State--*/
	background: #fff;
	cursor: default;
}
html .image_thumb ul li h2 {
	font-size: 1.5em;
	margin: 5px 0;
	padding: 0;
}
.image_thumb ul li .block {
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 170px;
}
.image_thumb ul li p{display: none;}/*--Hide the description on the list items--*/

.main_image1 {
	width: 120px;
	height: 120px;
	float: left;
	background: #fff;
	position: relative;
	overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
	color: #fff;
}
.image_thumb1 {
	float: left;
	width: 149px;
	background: #f0f0f0;
	border-right: 1px solid #fff;
	border-top: 1px solid #ccc;
}
.image_thumb1 img {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	float: left;
}
.image_thumb1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.image_thumb1 ul li{
	margin: 0;
	padding: 2px;
	background: #f0f0f0 url(nav_a.gif) repeat-x;
	width: 145px;
	height:34px;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-right: 1px solid #ccc;
}
.image_thumb1 ul li.hover { /*--Hover State--*/
	background: #ddd;
	cursor: pointer;
}
.image_thumb1 ul li.active { /*--Active State--*/
	background: #fff;
	cursor: default;
}
html .image_thumb1 ul li h2 {
	font-size: 1.5em;
	margin: 5px 0;
	padding: 0;
}
.image_thumb1 ul li .block {
	float: left;
	margin-left: 10px;
	padding: 0;
	width: 170px;
}
.image_thumb1 ul li p{display: none;}/*--Hide the description on the list items--*/.JustifyFull {	text-align: justify;}