/* CSS Document */

body {
			font: 65%  Arial, Helvetica, Geneva, sans-serif  ;
			margin: 0;
			background-color: #eeeeee;
			
		}
		
		/*h1, h2 {
			margin: 0px;
		} */
		
		
		h1 {
			font-size: small;
			border-bottom: solid 1px;
			border-bottom-color: #b0b0b0;
			margin: 0px;
			color:#000000;
		} 
		
		h2 {
			font-size: small;
			margin: 0px;
			color:#000000;
		} 
		
		h3 {
			font-size: small;
			border-bottom: solid 1px;
			border-bottom-color: #f4f4f4;
			color:#000000;
			margin: 2px 0 0 0; /* top right bottom left */
		} 
		
		
		#wrap {
		
		width: 871px;
		height: auto;
		float: left;
		background-color:#eeeeee;
		
		}
		
		
		/*
		
		#headpic {
			width: 35px;
			height: 35px;
			margin: 20px 0 0px 20px;
			float: left;
			}
			
			*/
		
		#header {
			width: 851px;
			height: 35px;
			color: #333333;
			background-color: #eeeeee;
			border-left: 0px solid #eeeeee; /*moves text in from the left*/
			border-bottom: 1px solid #b0b0b0;
			border-top: 1px solid #b0b0b0;
			margin: 20px 0 5px 0px; /* top right bottom left */
		    float: left;
			padding: 0px 0px 0px 20px;
		
		}
		
				#header  a { /* hyperlink before mouseover */ 
background: #eeeeee; /* on mouse over */
color: #333333; /*colour of text */
text-decoration: none

}
		
		#header  a:hover {
background: #eeeeee; /* on mouse over */
color: #b0b0b0; /*colour of text */

}

.small {
font-size: 0.9em;
}

			
	
		
	/*	#navigation {
			position: absolute;
			left: 0;
			top: 55px;
			margin: 0 0px 20px 20px;
			width: 35px;
		
		}
		*/
		
		#navigation {
clear: left;
float: left;
width: 35px;
height: inherit;
margin: 15px 0px 0px 20px; /* top right bottom left */
padding: 0;
background-color: #eeeeee;

}

#navigation ul {	
list-style: none;
width: 100px;
margin: 0 0 0px 0;
padding: 0;

}	

#navigation li {
margin-bottom: 0px;
border-left: 2px solid #eeeeee;
}

#navigation li a {
font-weight: normal; /* menu bar before mouse over */
height: 15px;
text-decoration: none;
color: #333333;
display: block;
padding: 0px 0 0 0px;
background: #eeeeee;
/*border-left: 2px solid #ffffff;*/
}	
	
#navigation li a:hover {
background: #eeeeee; /* menu bar on mouse over */
color: #b0b0b0; /*colour of text */
/*border-left: 2px solid #ffffff;*/
}

		
		#content {
			top: 0px;
			width: 677px;
			float: right;
			margin: 15px 0px 0px 88px;  /* top right bottom left */
			background-color: #eeeeee;
			border-bottom: 1px solid #b0b0b0;
			color:#333333;
			
			
		}
		
						#content  a { /* hyperlink before mouseover */ 
background: #eeeeee; /* on mouse over */
color: #333333; /*colour of text */
text-decoration: none

}
		
		#content  a:hover {
background: #eeeeee; /* on mouse over */
color: #b0b0b0; /*colour of text */

}



/* Content area lists (probably only for the "Links" page */


#content ul {	
list-style: none;
width: 100px;
margin: 0 0 0px 0;
padding: 0;

}	

#content li {
margin-bottom: 0px;
border-left: 2px solid #eeeeee;
}

#content li a {
font-weight: normal; /* menu bar before mouse over */
height: 15px;
text-decoration: none;
color: #333333;
display: block;
padding: 0px 0 0 0px;
background: #eeeeee;
/*border-left: 2px solid #ffffff;*/
}	
	
#content li a:hover {
background: #eeeeee; /* menu bar on mouse over */
color: #b0b0b0; /*colour of text */
/*border-left: 2px solid #ffffff;*/
}

#content p {

width: 500px;

/*height: 75px;*/
}

/*#content img {
border: 1px solid #ff6600;
}*/

#footer {
clear: both /* footer properties */
margin: 0 0 0 21px;
padding: 0px 0 0px 0; /* top right bottom left */
border-top: 1px solid #b0b0b0; /* f0f0f0*/
width: 609px;
text-align: Right;
color: #000000;

}

#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}


/* slider */

		#slider ul, #slider li{ 
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style:none;
			}	
		#slider, #slider li{ 
			
			top: 0px 0px 0px 0px;
			width: 677px;
			float: right;
			margin: 0px 1px 0px -3px;  /* top right bottom left */
			background-color: #eeeeee;
			border-bottom: 1px solid #b0b0b0;
			color:#FFFFFF;
			
			
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:677px;
		height:476px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position: fixed;
		left:5px;
		top:200px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:700px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
		/* // slider */													

	.col strong, .full strong{
		padding:0 2px;
		background:#f1f1f1;
		}
	.col a, .full a{
		font-weight:bold;
		text-decoration:underline;
		}		


	.full ul, .full li{
		margin:0;
		padding:0;
		list-style:none;
		}
	.full li{
		padding:3px 15px;
		background:#f1f1f1;
		margin-bottom:1px;
		}		

		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */