html {
	height:100%;
	width:100%;
	/*border-left:0px;
	border-right:0px;*/
	overflow:hidden;
}
body {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
.outerDiv {
	width:100%;
	height:100%;
	overflow:auto;
	left:0px;
}
.contentDiv {
	position:relative;
	margin:0 auto;
	width:770px;
	/*overflow:auto;*/
	padding-bottom:65px;
}
.footerFloat {
	left:10px;
	bottom:0px;
	background-color:#FFFFFF;
	position:absolute;
	width:97%;
	margin:0 auto;
	/*height:62px;*/
}
	/*body {
		margin-top: 0px;
		padding-top: 0px;
		text-align:center;
	}*/
	p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		line-height: 20px;
	}
	a {
		color: #008030;
		text-decoration: none;
	}
	
	
	a:hover {
		text-decoration:underline;
	}
	ul {
		font:11px verdana, arial, helvetica, sans-serif;
		line-height: 20px;
		list-style-type: disc;
		margin:0px 5px 0px 5px;
		padding:0px 5px 0px 5px;
	}
	hr {
		color: none;
		border-bottom: 1px dashed #DFEDD8;/*#99cc00*/
		height: 1px;
		border-top-style: none;
		border-right-style: none;
		border-left-style: none;
		padding: 0px;			
	}
	h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #008030;
		text-decoration: none;
		font-weight: lighter;
		margin:0px 0px 0px 0px;
		padding:0px;
	}
	h2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #996600;
		text-decoration: none;
		font-weight: lighter;
		margin:0px 0px 0px 0px;
		padding:0px;
	}
	h3 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 15px;
		color: #996600;
		text-decoration: none;
		font-weight: lighter;
		margin:0px 0px 0px 0px;
		padding:0px;
	}
	h4 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #996600;
		text-decoration: none;
		font-weight: lighter;
		margin:0px 0px 0px 0px;
		padding:0px;
	}	
	.smallCopy {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		color: #333333;
		text-decoration: none;
	}
	
	.head2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #008030;
		text-decoration: none;
		font-weight: lighter;
	}	
	
	.outerDiv {
		width:100%;
		position:absolute;
		clear: both;
	}	
	
	
	
	.contentDiv {
		position:relative;
		margin:auto;
		width:770px;
		overflow:visible;
	}	
		
		
	#logoTop {
		position:absolute;
		top:30px;
		left:-32px;
		float:left;
		overflow:visible;
		z-index:999;
	}		
	
	#straplineTop {
	position:absolute; 
	left:150px; 
	top:0px; 
	width:620px; 
	height:20px; 
	z-index:110; 
	visibility: show;
	
	}
	
/*	#topNav {
	position:absolute; 
	left:150px; 
	top:21px; 
	width:620px; 
	height:27px; 
	z-index:100; 
	visibility: show;
	overflow:hidden;
	}*/
	
	
	.topLink{
		color: #99cc00;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-decoration: none;
		margin: 20px 0px 0px 0px;
	}
	.topLink:link{
		color: #8FAF00;
		text-decoration: none;
	}
	.topLink:hover{
		text-decoration: underline;
	}
	.topLink:visited{
		text-decoration: none;
		color: #8FAF00;
	}
	.topLink:visited:hover{
		text-decoration: underline;
		color: #99cc00;
	}
	/*.navItemTop {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
		background-color: #333333;
		height: 22px;
		clear: both;
		float: none;
		padding-right: 8px;
		padding-left: 8px;
		vertical-align: bottom;
		text-align: center;
		margin: 1px;
		padding-bottom: 4px;
		padding-top: 3px;
	}
	.navItemTop:hover {
		color: #333333;
		text-decoration: none;
		background-color: #CC9900;
	}*/
.navItemTop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #E5F1DF;
	height: 22px;
	clear: both;
	float: none;
	padding-right: 12px;
	padding-left: 12px;
	vertical-align: bottom;
	text-align: center;
	margin:0px 1px 1px 1px;
	padding-bottom: 4px;
	padding-top: 3px;
}
	.navItemTop:hover {
		color: #333333;
		text-decoration: none;
		background-color: #FFFFFF;
	}
	.navCMSBlock {
		background-color: #8FAF00;
		clear: both;
		float: none;
		height: 21px;
		margin: 1px;
		padding-bottom: 4px;
		padding-top: 3px;
	}	
	.navCMSTop {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #FFFFFF;
		text-decoration: none;
		background-color: #008030;
		height: 22px;
		clear: both;
		float: none;
		padding-right: 8px;
		padding-left: 8px;
		vertical-align: bottom;
		text-align: center;
		margin: 1px;
		padding-bottom: 4px;
		padding-top: 3px;
	}
	.navCMSTop:hover {
		color: #333333;
		text-decoration: none;
		background-color: #CC9900;
	}
.navItemBot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
.navItemBot:hover {
	color: #000000;
	text-decoration: underline;
}
.navBot {
	background-color: #008030;
	/*border-top: 1px solid #CC9933;*/
	background-image: url(../images/botnav_vert.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
.navBotLast {
	background-color: #008030;
	/*border-top: 1px solid #CC9933;*/
}
	/*.topBg {
		background-image: url(../images/BG_top.gif);
		background-repeat: repeat-x;
		background-position: 500px 0px;
	}*/
	/*.navItemSideCell {
		width: 150px;
		margin: 1px 0px 1px 0px;
		right: auto;
		height: auto;
	}
	.navItemSide {
		font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
		text-decoration: none;
		background-color: #F0EDC1;
		text-align: right;
		display: block;
		padding:3px 15px 5px 0px; 
		height: auto;
		clear: both;
		float: none;	
	}
	.navItemSide:hover {
		color: #333333;
		text-decoration: none;
		background-color: #8FAF00;
	}*/	
	.navItemSideCell {
		width: 150px;
		margin: 1px 0px 1px 0px;
		right: auto;
	}
	.navItemSide {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		background-color: #DFEDD8;
		text-align: right;
		display: block;
		padding:4px 15px 4px 0px; 
	}
	.navItemSide:hover {
		color: #333333;
		text-decoration: none;
		background-color: #FFFFFF;
	}

	.navItemSide2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		background-color: #F7FBF5;
		text-align: right;
		display: block;
		padding:4px 15px 4px 0px; 
	}
	.navItemSide2:hover {
		color: #333333;
		text-decoration: none;
		background-color: #FFFFFF;
	}	
	
.navItemSideHead {
	font-weight: bold;
	background-color: #008030;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DFEDD8;
	text-decoration: none;
	text-align: right;
	display: block;
	padding:4px 15px 4px 0px; 	
}
.navItemSideHead:hover {
	color: #000000;/*#333333*/
	text-decoration:none;
	background-color: #008030;/*#72B153*/
}
	.navItemSideSub {
		background-color: #F0EDC1;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		text-align: right;
		display: block;
		padding:4px 15px 4px 0px; 
	}
	.seeMore {
		position:absolute;
		z-index:10;
		font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		text-decoration: none;
		background-color: #DFEDD8;
		text-align: left;
		display: block;
		padding:2px 8px 2px 8px; 
		height: auto;
		clear: both;
		float: left;	
	}
	
	.seeMoreOver {
		position:absolute;
		z-index:10;
		font: 10px/15px Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		text-decoration: none;
		background-color: #008030;
		text-align: left;
		display: block;
		padding:2px 8px 2px 8px; 
		height: auto;
		clear: both;
		float: left;	
	}	
	
			
	.hrGreen {
		color: none;
		border-bottom: 1px solid #8FAF00;
		height: 1px;
		border-top-style: none;
		border-right-style: none;
		border-left-style: none;
		padding: 0px;
	}
	.copy {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #333333;
		text-decoration: none;
		line-height: 20px;
	}
	
	.head2 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #996600;
		text-decoration: none;
		font-weight: lighter;
	}
	.subHead {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		text-decoration: none;
		/*position: relative;*/
		top: 30px;
		left: 216px;
		line-height: 20px;
		vertical-align:bottom;
	}
	.contentShift {
		position: relative;
		top: -25px;	
	}
.botNavFactBorder {
	border-top: 1px solid #000000;
	/*background-image: url(../images/botnav_vert.gif);*/
	background-position: right top;
	background-repeat: no-repeat;
}
	.factFile {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FF6600;
		text-decoration: none;
		letter-spacing: 0.1em;
		padding-left: 12px;
		padding-top: -13px;
	}
.factCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #008030;
	text-decoration: none;
	text-align:left;
}
.divNewsCont {
	position:absolute;
	left:20px;
	top:80px;
	width:200px;
	height:20px;
	clip:rect(0px 300px 80px 0px);
	visibility:hidden;
	overflow:hidden;
}
.divNews {
	position:absolute;
}
	.surfaceTag {
		font-family: verdana;
		font-size: 8px;
		color: #cccccc;
		text-decoration: none;
		/*letter-spacing: 0.1ex;*/		
		}
	.surfaceTag:hover {
		color: #Cc480A;
		text-decoration: none;
		}
		
	.smlMap {
		margin:10px 10px 10px 10px;
		padding:3px 3px 3px 3px;
		border: 1px dashed #CC9900;
	}
	.bgHomeLeafOne {
		background-image: url(../images/home_bg_leaf_1.gif);
		background-repeat: no-repeat;
		background-position: right 35px;
	}	
	.bgHomeLeafTwo {
		background-image: url(../images/home_bg_leaf_2.gif);
		background-repeat: no-repeat;
		background-position: left 35px;
	}	
	.catagoryImages {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #E9E9E9;
		float: left;
	}	
	.catagoryImagesOver {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #008030;
		float: left;
	}	
	.colourBlock{
		width:25px;
		height:25px;
		display: block;
		margin:2px 2px 2px 2px; 
		float: left;
		border: 1px solid #CCCCCC;
	}
	.colourBlock:hover{
		width:25px;
		height:25px;
		display: block;
		margin:0px 2px 2px 2px; 
		float: left;
		border: 1px solid #333333;
		cursor: pointer;
	}
	.colourBlockDown{
		width:25px;
		height:25px;
		display: block;
		margin:2px 2px 2px 2px; 
		float: left;
		border: 1px dashed #990000;
	}	
	.colourPickerDiv{
		width:250px;
		height:28px;
		padding:2px 2px 2px 2px; 
		border-top: 1px dashed #990000;
		vertical-align:middle;
	}	
	.zoom {
		color: #666666;
		text-decoration: none;
	}
	.zoom:hover {
		color: #CC3300;
		text-decoration: none;
	}		
	.zoomBox{
		display:block; 
		width:15px; 
		height:15px; 
		background-color:#ffffff; 
		float:left; 
		margin:5px 5px 5px 5px; 
		position:inherit; 
		font:10px Verdana, sans-serif; 
		text-align:center;
		cursor:pointer;
		border: 1px solid #999966;
	}	
	.zoomBoxCopy {
		font: 10px Verdana, sans-serif;
		color: #666666;
		text-decoration: none;
		margin: 6px 0px 0px 0px;
	}
	.zoomBoxCopy:focus {
		color: #CC3300;
		text-decoration: none;
	}	
	.clrRed {
		color: #CC0000;
	}
	.clrGold {
		color: #CC9900;
	}	
	.clrWhite {
		color: #ffffff;
	}
	.clrGray {
		color: #666666;
	}
	.clrBlack {
		color: #000000;
	}	
	.clrBlue {
		color: #066ACD;
	}	
	.clrGreenDark {
		color: #636D2A;
	}
	.clrGreenLight {
		color: #ADB193;
	}
	.clrGreenCron {
		color: #008030;
	}	
	.clrBrownDark {
		color: #AD9F77;
	}
	.clrBrownLight {
		color: #AD9F77;
	}
	.clrBurnt {
		color: #CC6600;
	}
	.clrYelloDark {
		color: #FDF0C9;
	}
	.clrYelloLight {
		color: #FEF8E8;
	}	
	.clrBlueDark {
		color: #D9E8F7;
	}
	.clrBlueLight {
		color: #EDF4FB;
	}		
	.clrDesert {
		color: #CC6600;
	}	
	
	.bdrTopDashedGreen {
		border-top: 1px dashed #99cc00;
	}
	.bdrBotDashedGreen {
		border-bottom: 1px dashed #99cc00;
	}
	
/* ------------------------------------  Form stuff -----------------------------------*/

	input{
		height: 24px;
		width: 160px;
		padding: 2px;
		font-family: arial, verdana;
		font-size: 12px;
	}
	
	select{
		height: 24px;
		width: 160px;
		padding: 2px;
		font-family: arial, verdana;
		font-size: 12px;
	}
	
	.sizeSelect{
		height: 24px;
		width: 55px;
		padding: 0px;
		font-family: arial, verdana;
		font-size: 12px;
	}	

	textarea.comBox {
		height: 150px;
		width: 402px;
		padding: 2px;
	}
	
	.detailsBox {
		height: 100px;
		width: 280px;
		padding: 5px;
		font: 12px/16px arial, verdana;
		color: #666666;
	}
	
	input.sendButton {
		height: 26px;
		width: 80px;
		padding: 2px;
	}
	
	input.checkBox {
		margin: 3px 0px 0px 3px;
		height: 16px;
		width: 16px;
		float: left;
	}
	
	.addBag {
		height: 24px;
		width: 80px;
		padding: 2px;
		font: 12px arial, verdana;
		color: #666666;
		border: 1px #E9E9E9 solid;
		background-color:#FAF7F2;
		cursor:pointer;
	}	
	.submitBrown {
		height: 24px;
		width: 80px;
		padding: 2px;
		font: 12px arial, verdana;
		color: #ffffff;
		border: 1px #E9E9E9 solid;
		background-color:#CC9933;
		cursor:pointer;
	}
	.buttonGreen {
		height: 24px;
		width: 80px;
		padding: 2px;
		font: 12px arial, verdana;
		color: #666666;
		border: 1px #7A99E0 solid;
		background-color:#C4D379;
		cursor:pointer;
	}
	file.imageUpload {
		height: 24px;
		width: auto;
		padding: 2px;
		font: 12px arial, verdana;
		border: 1px #E9E9E9 solid;
		background-color:#CC9933;
	}
	a.buttonGreenBlock {
		height: 16px;
		width: 70px;
		padding: 2px;
		display:block; 
		font: 12px arial, verdana;
		color: #666666;
		border: 1px #7A99E0 solid;
		background-color:#C4D379;
		cursor:pointer;
		text-align:center;
	}