/* CSS Document */

body,
	html {
		margin:0;
		padding:0;
		background:#BADD72;
		color:#666;
	}
	body {
		min-width:831px;
		background: url(../templateimages/bodybg.jpg) repeat-x;
	}
	body, p, td, li {
		font-family: lucida grande, verdana, arial, sans serif;
		font-size: x-small;
	}
	p {
		line-height: 130%;
	}
	h1 {
		font-size: large;
		font-weight: normal;
		font-style: italic;
		color: #000;
	}
	h2 {
		font-size: medium;
		font-weight: normal;
		font-style: italic;
		color: #000;
	}
	ul {
		list-style: square ;
	}
	img {
		border: 0;
	}
	#wrap {
		background:#FFF;
		background: url(../templateimages/background.gif) repeat-y;
		margin:0 auto;
		width:831px;
	}
	#header {
		margin: 0 0 0 20px;
	}
	#keyimages {
		margin: 0 0 15px 20px;
	}
	#nav {
		margin: 0 0 15px 20px;
	}
	#main {
		float:right;
		width:591px;
		padding-right: 20px;
		padding-bottom: 30px;
		min-height: 250px;
	}
	#main li {
		line-height: 150%;
	}
	#sidebar {
		float:left;
		padding: 0 0 15px 20px;
		width:200px;
	}
	#contactbox {
		background: url(../templateimages/greenbox.jpg) no-repeat;
		width: 187px;
		height: 146px;
	}
	#contactbox h1, #contactbox p {
		margin: 0px;
		padding: 12px 10px 0px 10px;
    }
	#contactbox p {
		font-size: 10px;
		color: #333;
	}
	#contactbox a {
		color: #000;
	}
	#contactbox a:hover {
		color: #333;
		text-decoration: none;
	}
	#otherservices {
		background: url(../templateimages/submenu_bg.jpg) no-repeat;
		width: 187px;
		height: 246px;
		margin-bottom: 15px;
	}
	#otherservices ul {
		margin: 0px 0px 0px 10px;
		padding: 12px 10px 0px 10px;
		list-style: square ;
	}
	#otherservices li {
		font-size: 10px;
		padding-bottom: 10px;
	}
	#otherservices li a {
		text-decoration: none;
		color: #669900;
		}
	#otherservices li a:hover {
		text-decoration: none;
		color: #99CC33;
		}
	#footer {
		background: url(../templateimages/footer.jpg);
		height: 29px;
		clear:both;
	}
	#footer p {
		padding-top: 7px;
		margin:0 0 0 30px;
		font-size: xx-small;
		color: #000;
    }
	a {
		color: #669900;
	}
	a:hover {
		color: #99CC33;
		text-decoration: none;
	}
	#nav ul {
		width: 793px; height: 26px;
		background: url(../templateimages/nav.jpg);
		margin: 0; 
		padding: 0;
		position: relative;
	}
	#nav ul li {
		margin: 0; padding: 0; list-style: none;
		position: absolute; top: 0;
	}
	#nav ul li span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	#nav ul li, #nav a {
    	height: 26px; display: block;
	}
	#n1 {
		left: 0px;
		width: 64px;
	}
	#n2 {
		left: 65px;
		width: 72px;
	}
	#n3 {
		left: 137px;
		width: 83px;
	}
	#n4 {
		left: 221px;
		width: 137px;
	}
	#n5 {
		left: 359px;
		width: 93px;
	}
	#n6 {
		left: 453px;
		width: 87px;
	}
	#n7 {
		left: 541px;
		width: 98px;
	}
	#n8 {
		left: 640px;
		width: 67px;
	}
	#n9 {
		left: 708px;
		width: 85px;
	}
	#n1 a:hover {
		background: transparent url(../templateimages/nav.jpg) 0 -26px no-repeat;
	}
	#n2 a:hover {
		background: transparent url(../templateimages/nav.jpg) -65px -26px no-repeat;
	}
	#n3 a:hover {
		background: transparent url(../templateimages/nav.jpg) -137px -26px no-repeat;
	}
	#n4 a:hover {
		background: transparent url(../templateimages/nav.jpg) -221px -26px no-repeat;
	}
	#n5 a:hover {
		background: transparent url(../templateimages/nav.jpg) -359px -26px no-repeat;
	}
	#n6 a:hover {
		background: transparent url(../templateimages/nav.jpg) -453px -26px no-repeat;
	}
	#n7 a:hover {
		background: transparent url(../templateimages/nav.jpg) -541px -26px no-repeat;
	}
	#n8 a:hover {
		background: transparent url(../templateimages/nav.jpg) -640px -26px no-repeat;
	}
	#n9 a:hover {
		background: transparent url(../templateimages/nav.jpg) -708px -26px no-repeat;
	}
	#keyimages ul {
		width: 793px; height: 246px;
		background: url(../templateimages/keyimages.jpg);
		margin: 0; 
		padding: 0;
		position: relative;
	}
	#keyimages ul li {
		margin: 0; padding: 0; list-style: none;
		position: absolute; top: 0;
	}
	#keyimages ul li span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	#keyimages ul li, #keyimages a {
    	height: 246px; display: block;
	}
	#k1 {
		left: 0px;
		width: 194px;
	}
	#k2 {
		left: 195px;
		width: 202px;
	}
	#k3 {
		left: 396px;
		width: 202px;
	}
	#k4 {
		left: 599px;
		width: 194px;
	}
	#k1 a:hover {
		background: transparent url(../templateimages/keyimages.jpg) 0 -246px no-repeat;
	}
	#k2 a:hover {
		background: transparent url(../templateimages/keyimages.jpg) -195px -246px no-repeat;
	}
	#k3 a:hover {
		background: transparent url(../templateimages/keyimages.jpg) -396px -246px no-repeat;
	}
	#k4 a:hover {
		background: transparent url(../templateimages/keyimages.jpg) -599px -246px no-repeat;
	}  
	.col1 {
		border-bottom: 1px solid #eee; 
		border-left: 3px solid #ccc; 
		padding: 2px 5px 2px 5px;
	}
	.col2 {
		border-left: 1px solid #ddd; 
		border-bottom: 1px solid #EEE; 
		padding: 2px 5px 2px 5px;
	}