/*////////////////////////////////////////////////////////////////////////*/		
/*WLA CSS*/
/*Allan Paterson 2009*/
/*////////////////////////////////////////////////////////////////////////*/
body,html {
		margin: 0;
		padding: 0;		
		background-color: #fff ;
		font-family: Verdana, sans-serif;
		background:url(../graphics/back.jpg) repeat-x ;
		font-size: 11px;
		color: #000;
		min-width:902px;
		height: 100%;
		width: 100%;
		}


/*////////////////////////////////////////////////////////////////////////*/		
/*Head Section*/
/*////////////////////////////////////////////////////////////////////////*/
#header {
		margin:0px auto;
		width:902px;
		height: 79px;
		background-image: url(../graphics/head.jpg);
		background-repeat: no-repeat;
		}
#login{	
		float:right;
		padding:16px 20px 0px 0px;
		text-align:right;
		}
/*////////////////////////////////////////////////////////////////////////*/		
/*mid content*/
/*////////////////////////////////////////////////////////////////////////*/
#mid{
	margin:0px auto;
	width:902px;
	height:200px;

}

#rotate{
	width:502px;
	height:164px;
	margin:18px 0px;
	float:left;
	
}

#scroller{
		background:url(../graphics/news_back.jpg) no-repeat;
		height:164px;
		width:340px;
		padding:14px 0px 0px 30px;
		margin:18px 0px 0px 30px ;
		float:left;
		
		
}

#scroller h1{
		font-size:16px;
		font-weight:bold;
		border-bottom:2px solid #597238;
		width:280px;
		color:#597238;
}
/*////////////////////////////////////////////////////////////////////////*/		
/*Main content*/
/*////////////////////////////////////////////////////////////////////////*/
#wrap {
		margin:0px auto;
		background:transparent url(../graphics/wrap.jpg) repeat-y ;
		width:902px;
	
		}
		
#content_top {
		width: 902px;
		height:29px;
		background: url(../graphics/content_top.jpg) no-repeat ;
		}
#content {
		width: 660px;
		float: left;
		margin:0px 15px 10px 10px;
		}
/*////////////////////////////////////////////////////////////////////////*/		
/*news content*/
/*////////////////////////////////////////////////////////////////////////*/
	
#pscroller1{
		width:280px;
		height: 40px;
		padding: 5px;
		}


#pscroller a{
		text-decoration: none;
		}			
/*////////////////////////////////////////////////////////////////////////*/		
/*footer*/
/*////////////////////////////////////////////////////////////////////////*/	
#footer{
		width: 902px;
		margin:0px auto;
		background:#fff url(../graphics/footer.jpg) no-repeat;
		height:100px;
		color:#597238;
		text-align:right;
		padding:60px 0px;
		
				}

/*////////////////////////////////////////////////////////////////////////*/		
/*clearer*/
/*////////////////////////////////////////////////////////////////////////*/
.clearer{clear: both; height:0px; overflow: hidden;}
/*////////////////////////////////////////////////////////////////////////*/		
/*formm items*/
/*////////////////////////////////////////////////////////////////////////*/
.input {
		width:130px;
		border:1px solid #BAD0A1;
		padding:2px;
		margin:0px;
		}
.input_long{
		width:240px;
		border:1px solid #BAD0A1;
		padding:2px;
		}
.submit{
		width:100px;
		margin:0px;
		border:1px solid #BAD0A1;
		padding:1px;
		cursor:pointer;
		}

/*////////////////////////////////////////////////////////////////////////*/		
/*others*/
/*////////////////////////////////////////////////////////////////////////*/	
.image_border{
		padding:2px;
		border:1px solid #ccc;
	}
ol{
list-style-type:disc;}

h1{
		font-size:16px;
		font-weight:bold;
		border-bottom:2px solid #597238;
		padding:0px 0px 5px 0px;
		color:#597238;
		}
h2{
		font-size:12px;
		font-weight:bold;
		border-bottom:1px solid #BAD0A1;
		padding:0px 0px 5px 0px;
		color:#597238;
		}
.table{
	width:100%;
}		
.td_head{
		background:#597238  url(../graphics/t_l.jpg) no-repeat top left;
		color:#fff;
		padding:9px;
		font-weight:600;
	
		}
.td_1{
		background:#C8D8B1;
		padding:9px;
		}
.td_2{
		background:#E8EFDE;
		padding:9px;
		}
.green{color:green;}
.red{color:red;}

.right	{
		float:right;	
		padding:10px;	}	
/*////////////////////////////////////////////////////////////////////////*/		
/*links*/
/*////////////////////////////////////////////////////////////////////////*/	

a img{
		border :0px;
		}		

a:link	{
		color: #597238;
		padding-bottom:1px;
		font-size:11px;
		text-decoration:none;
		}

a:visited{
		color: #597238;
		text-decoration:none;
		}

a:hover{	
		color: #000;
		text-decoration:none;
		}

a:active	{
		color: #000;
		text-decoration:none;	
		}	

/*////////////////////////////////////////////////////////////////////////*/		
/*menu*/
/*////////////////////////////////////////////////////////////////////////*/	
#menu {
		float:left;
		text-decoration:none;
		padding:0px 10px 20px 15px;
		width:180px;
		}
#menu ul {
		list-style: none;
		margin: 0px;
		padding: 0px;
		border: none;
		}
	
#menu ul li {
		margin: 0px;
		padding: 0px;
		}
	
#menu ul li a {
		display: block;
		border-bottom: 1px solid #BAD0A1;
		padding: 6px 0px 6px 6px;
		text-decoration: none;
		color: #597238;
		font-weight:600;
		width:160px;
		}
#menu p{margin:40px 0px 10px 20px; width:150px;}
.center{text-align:center;margin-left:20px; margin-top:40px;}
/*////////////////////////////////////////////////////////////////////////*/		
/*more*/
/*////////////////////////////////////////////////////////////////////////*/	
/* always visible */
#outer .holder {padding:1em;  padding-bottom:4px;}
#outer .holder p {padding:0px 0 0 0; margin:0; font-style:normal;}
#outer .holder p.bold {font-weight:bold;}
#outer .holder h2 {margin:0; padding:0;}

/* unclicked style div.more */
#outer div.show_it i {float:left; margin-top:-20px;  cursor:pointer; color:#000; font-style:normal;}
#outer div.show_it i.hide {display:none; font-style:normal;}
#outer div.show_it p {display:none;}
#outer div.show_it img {display:none;}

/* clicked style div.click */
#outer div.click i.show {display:none; font-style:normal; margin-top:-16px; font-size: 9px;}
#outer div.click i.hide {display:block; font-style:normal;}
#outer div.click p {display:block;padding:0px;}
#outer div.click img {display:block; float:left; padding-right:10px;}

#menu ul li a:hover, #menu ul li a:focus {
		color: #597238;
		background-color: #E8EFDE;
		}
	
/*////////////////////////////////////////////////////////////////////////*/		
/*validation*/
/*////////////////////////////////////////////////////////////////////////*/
.more {
		display: none;
		}
.form label {float:left; width:100px; padding:10px 10px 0 0; font-weight:bold}
.form select {float:left; width:146px; margin-top:10px}
.form input {float:left; margin-top:10px}
#msg {display:none; position:absolute; z-index:200; background:url(../graphics/msg_arrow.jpg) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#F4F6EF; border:2px solid #BAD0A1; border-left:none; padding:5px; min-width:150px; max-width:250px}

/*////////////////////////////////////////////////////////////////////////*/		
/*accordion*/
/*////////////////////////////////////////////////////////////////////////*/
#options {margin:5px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none;}
#options a:hover {color:#033}

#acc {list-style:none;  margin:0px ; }
#acc h3 {
		display: block;
		padding: 10px 0px 10px 6px;
		text-decoration: none;
		background: #F0F0F0;
		color: #333;
		width:160px;
		margin:0px 0px 2px 0px;
		cursor:pointer; }

#acc .acc-section {overflow:hidden;}
#acc .acc-content {padding:0px 0px 10px 20px; }