/****************************************************************************************************
	ws.Version 2.0
	designed and hand built by ian burrett
	21.09.09 - 
****************************************************************************************************/
/**		Reset everything CSS	**/
*,body {padding: 0;margin: 0;font-size: 1em;}

/**	clear		**/
.clear {clear: both;}
img {border: none;}

/**		BODY		**/
body {background: #f0f0f0 url("top-grass.jpg") top left repeat-x; color: #222; text-align: center; font: normal normal 62.5%/1.35em "Trebuchet MS", Calibri, Georgia, serif;}

/**		SKIPNAV		**/
#skipnav {display: none;}

/**		PAGE		**/
#page {margin: 0 auto; width: 90%;  background: transparent ; color: #333; text-align: left; height: 100%; }


/**		HEADER		**/
#header {height: 110px;}
#header .photo {display: none;}
#header h1.logo {float: right; width: 318px; height: 110px; background: transparent url(weestoater.jpg) top right no-repeat; color: #111; text-indent: -9999px;}

/**		TOP NAV		**/
#topnav {clear: both; float: left; width: auto; height: 2em;margin: .9em 3em 0 0;}
#topnav ul {font-size: 1.2em; line-height: 1.4em; list-style-type: none; text-align: right;}
#topnav li {display: inline;}
#topnav li a, #topnav li a:link, #topnav li a:visited {background: #487532; color: #fff; text-decoration: none; padding: .5em 1em; margin: 0 .1em; border: 1px solid #fff;}
#topnav li a:hover {background: #fff; color: #487532; border: 1px solid #487532;}
#topnav li a:focus, #topnav li a:active {background: #f90; color: #111; border: 1px solid #487532;}

	/*	topnav - current	*/
	#topnav li.active a, #topnav li.active a:link, #topnav li.active a:visited {background: #f0f0f0; color: #222; border: 1px solid #ddd;}
	#topnav li.active a:hover {background: #b9dbee; color: #007ac2; border: 1px solid #007ac2;}
	#topnav li.active a:focus,  #topnav li.active a:active{background: #f90; color: #111; border: 1px solid #111;}

/**		INTRO		**/
#intro {clear: both; float: right; width: auto; margin: 1em 0 0;}
#intro p {font-size: 1.8em; line-height: 1.6em;}

/**		CONTENT		**/
#content { clear: both;}
#content .col, #content .sidebar {display: block;}

#content .twocol {float: right; width: 580px; margin: 2em 10px; min-height: 20em; height: 100%;}
#content h2 {background: transparent; color: #565b53; font-size: 6em; line-height: 1em;margin-bottom: 15px;}
#content h3 {background: transparent; color: #3d5f29; font-size: 3em; line-height: 1em;margin-bottom: 15px;}

	/*	content - links	*/
	#content a, #content a:link, #content a:visited {background: transparent; color:#4f1113; text-decoration: none; font-weight: bold;}
	#content a:hover {text-decoration: underline;}
	#content a:focus, #content a:active {background: #f90; color: #fff;}
	
	/*	content - elements	*/
	#content p {font-size: 1.3em; line-height: 1.6em; margin-bottom: 1.4em; }
	#content ul, #content ol {margin-left: 3.5em;}
	#content li {font-size: 1.3em; line-height: 1.6em;}
	#content .right {float: right; width: auto; margin: 0 0 .5em 1em; border: 1px solid #bdbdbd;}
	
	/*	content - quote		*/
	.quote{ clear: both; margin: 15px auto; width: 85%; padding: 5px 10px 10px;  border: 1px solid #bdbdbd; background: #ebebeb; color:#222; border-right: 2px solid #a8a8a8; border-bottom: 2px solid #a8a8a8;}
	.sidebar .quote { clear: both; margin: 10px auto; width: 90%; }
	.cite { background: transparent; color:#000; font-weight: bold; text-align: right; }	
	
	/*	contact form stuff	*/
	#content form, #content fieldset { border: none; margin: 0; padding: 0;}
	#content legend { margin: .3em;	padding: 0 1em;	font-weight: bold;} 
	#content label {font-weight: bold;}
	#content input, textarea, select { font: 1em/1.3em normal helvetica, arial, verdana, sans-serif; border: 1px solid #939393; padding: .3em; margin: .3em;}
	#content input:hover, textarea:hover, select:hover, option:hover {background: transparent;color:#222;border: 1px solid #222;}
	#content table#general {width: 99%;margin: 0px auto;padding: .3em; font-size: 1.2em;}
	#content table#general caption {display: none;}
	#content table#general th {width: 15%; color:#00; background: transparent; text-align: left; font-weight: normal; padding: .5em; margin: 1px;}
	#content table#general td, #content fieldset {width: 83%; color:#222; background: transparent;padding: .5em; }
	#content table#general td.smallblack { color:#111; background: #deebc7; font-size: 0.9em;}
	
	/*	Forms		*/
	.formfield { clear: both; margin: 2px 5px 5px; padding: 2px; display: block; min-height: 20px; overflow: auto;}
	.formbuttons { clear: both; margin: 2px 5px; padding: 2px 5px; background: #ddd; color: #333;}
	.formbuttons .right {float: right; width: auto; padding: 2px 5px;}
	.formfield label  {float: left; width: 24%; height: 100%; font-weight: bold;  text-align: right; margin-right: 10px; background: #4b4b4b; color: #fff; padding: 3px 5px;}
	.formfield .userfield, .formfield input.userfield, .formfield textarea.userfield, .formfield select.userfield{float: left; width: 70%; text-align: left;}

/**		FOOTER	**/
#footer {display: none;}