/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Please use the structure in place 
	for all additional CSS elements.
	For new builds, tweak current
	values before continuing.. thx G
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	* { padding:0; margin:0; }
	html, body {
		font: 12px/1.4em arial, helvetica, tahoma, verdana, sans-serif;
		color: #3d3d3d;
		line-height: normal;
	}
	
	body {
		margin: 0;
		padding:0;
		background:#3d3d3d url(../images/bg_body.jpg) repeat-x top left;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	
	
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	
	/* Default link styling */
	a {
		color: #7aa452;
		text-decoration: none;
	}
	a:hover {
		color: #7aa452;
		
	}
	
	
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	.strong, .bold {
		font-weight:bold;
	}
	
	.row label{ float:left; text-align:left; width: 140px; padding:0; }
	.row input {  width: 200px;  }
	.row { width:400px;}
	.row textarea {float:left; width: 200px }
	a.arrowIcon {
		color: #797979;
		padding-left:14px;
		background:url(../images/icon_arrow.gif) no-repeat left center;
	}
	
	.message, .error {
		border:1px solid;
		padding:15px;
		width: 625px;
		font-weight:bold;
	}
	.message a, .error a {
		color: #666666;
	}
	.message {
		border-color:#fcf49e;
		background: #ffffcc;
		
	}
	.error {
		border-color:#dc5b5b;
		background:#f7e7e7;
	}
	.underline { text-decoration:underline; }
	
	.padding-top { padding-top: 8px; }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLOURS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.lightGreen {
		color:#7aa452;
	}
	.darkGreen {
		color:#2d6b3d;
	}
	.darkGrey {
		color:#3d3d3d;
	}
	.lightGrey {
		color:#e6e6e6;
	}
	.green { 
		color: #3f723d;
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		width:965px;
		margin:0 auto;
		background:#fff;
		padding:20px;
		padding-top:0;
		height: 100%;
		padding-bottom: 40px;
	}
	#header {
		float:left;
		margin-bottom:20px;
	}
	#banner {
		float:left;
		border-top:5px solid #7aa452;
		margin:0;
		padding-top:2px;
	}
	#footer {
		border-top:5px solid #7aa452;
		border-bottom:1px solid #7aa452;
		clear:both;
		position:relative;
		top: 0px;
		margin-top: 20px;
		padding: 0px 10px 20px 10px;
	}
	 	#footer p {
		margin-bottom:0;
	}
	#bottom-links {
		color: #838486;
		position:relative; 
		left: 10px;
		position: relative; 
		top: 0px;
		padding-right:20px;
	}
	#bottom-links a {
	
		color: #838486;
		padding-left:20px;
	}
	#column {
		width:240px;
		float:right;
		position:relative;
		padding:0;
		margin:0;
		
	}
	#contentLeft {
	clear:left;
		width:403px;
		min-height:464px;
		position:relative;
		top:-3px;
		padding: 10px 20px 20px 20px;
		background-image: url(../images/yellow-bg.gif);
		line-height:130%;
		background-repeat:no-repeat;
		background-color:#ffcc33;
	}
	#contentDouble {
		width:658px;
		min-height:464px;
		position:relative;
		top:-3px;
		padding: 10px 20px 20px 20px;
		background-image: url(../images/double_bg.jpg);
		line-height:130%;
		background-repeat:no-repeat;
	}


	#contentLeft p { position:relative;
	top: 0px;
	}
	
	#contentLeft h2 { position:relative;
	top:-20px;
	}
	#contentLeftTop {		clear:left;

		position:relative;
		top:-3px;
		width:443px;
		height:14px;
		background-image: url(../images/bg-top.gif);
		background-repeat:no-repeat;
	}
	#contentLeft .other li {
		list-style-type: none;
		float: left; padding: 10px;
		width:116px;
		text-align:center;
	}

	#contentLeft li img {
		padding: 10px;
		border:0;
	}
	#contentDoubleTop {
	clear: left;
		position:relative;
		top:-3px;
		width:700px;
		height:14px;
		background-image: url(../images/double_top.jpg);
		background-repeat:no-repeat;
	}

	#contentLeftBottom {
		position:relative;
		top:-3px;
		width:443px;
		height:17px;
		background-image: url(../images/bg-bottom.gif);
		background-repeat:no-repeat;
		z-index:4;
		background-color:#FFFFFF;
	}
	#contentLeftHome {
		clear:left;
		width:403px;
		height:288px;
		padding:20px;
		background-image: url(../images/home-box.gif);
		line-height:130%;
		background-repeat:no-repeat;
		background-color:#ffcc33;
	}
	#contentLeftHome p { position:relative;
	top: -10px;
	}
	#contentRight {
		float:right;
		margin-top:0px;
		margin-right:20px;
		width:240px;
	}
	#contentRightNews {
		float:right;
		margin-top:0px;
		margin-right:20px;
		padding: 0px 20px;
		width:204px;
		height:335px;
		background-repeat:no-repeat;
		background-image:url(../images/bg_news.jpg);
		
	}
	#contentRightContact {
		margin-top:0px;
		margin-right:20px;
		padding: 0px 20px;
		width:204px;
		height:335px;
		position:relative;
		right: 4px;
		background-repeat:no-repeat;
		background-image:url(../images/bg_news.jpg);
		
	}

	#content {
		margin-bottom:20px;
	}

	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #666;
		width:250px;
		border:1px solid #e6e6e6;
		padding:2px 5px;
	}
	textarea {
		height:100px;
	}
	input[type='text']:focus, textarea:focus, select:focus {
		border:1px solid #999999;
	}
	form {
		margin:20px 0;
	}
	form p {
		margin: 0;
	}
	form label {
		float:left;
		width:150px;
		text-align:right;
		margin-right:20px;
	}
	form input.submit {
		margin-left: 302px;
		position:relative;
		top: -20px;
		width:65px;
		height: 20px; border:0;
		background-image:url(images/send.gif);
		margin-top:10px;
	}

	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h1 {
		display:inline;
	}
	
	h1 a {
		/* This should be the main title of the content (SEO)*/
		background:url(../images/logo_header.jpg) no-repeat center center;
		width:158px;
		height:105px;
		text-indent:-10000px;
		overflow:hidden;
		position:absolute;
	}
	
	h2 {
		font-size:200%;
		text-transform:uppercase;
	}
	#contentLeft h2 { 
		color: #45463d	;
		font-family:  Arial-Black, Arial, Tahoma, sans-serif;
		font-stretch:narrower;
		line-height:36px;
		font-size:28px;
		letter-spacing:-2px;
				position:relative; 
		top:-5px;

		
	}
		#contentLeftHome h2 { 
		color: #45463d	;
		font-family:  Arial-Black, Arial, Tahoma, sans-serif;
		font-stretch:narrower;
		line-height:36px;
		font-size:28px;
		letter-spacing:-2px;
				position:relative;
		text-transform:uppercase;
		top:-5px;

		
	}
	#contentRightNews h3 {
		color: #45463d	;
		font-family:  Arial-Black, Arial, Tahoma, sans-serif;
		font-stretch:narrower;
		line-height:36px;
		font-size: 18px;
		letter-spacing:-1px;
		font-weight:bolder;
		text-transform:uppercase;
		position:relative; 
		top:-5px;
	}
	#header h2 {
		float:right;
		font-size:150%;
		line-height:60px;
		font-weight:normal;
	}
	
	h3 {
		font-size:150%;
	}
	
	h4 {
		
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* NAV STYLES  */

#nav {
	margin:0;
	padding:0;
	float:right;
	list-style:none;
	position: relative;
	left:-2px;
}
#nav li {
	float:right;
	
}
#nav li a {
	display:block;
	margin-left:0px;
	text-transform:uppercase;
	color:#3d3d3d;
	font-weight:bold;
	font-size:80%;
	width:90px;
	height:30px;
	text-align:center;
	line-height:30px;
	background:#fff url(../images/bg_nav_a.jpg) no-repeat bottom right;
}
#nav li a:hover, #nav li a.current {
	background-image:url(../images/bg_nav_a_hover.jpg);
	color:#fff;
	text-decoration:none;
}

#newsNav {
	list-style:square;
	margin-left:0px;
	padding-left:0px;
	position:relative;
	top: -20px;
	line-height:18px;
	
}
#newsNav a { color: #2d6b3d; }
#newsNav li{list-style-type:none; }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	#overlay-ticker-home {
	background-image:url(../images/bottom_overlay.png); width:242px; height:102px; z-index:20;position:absolute; float: left; margin: 200px 0 0 -20px;
	}
	#top-overlay-ticker-home {
	background-image:url(../images/top_overlay.png); width:242px; height:102px; z-index:20;position:absolute; float: left; margin: 10px 0 0 -20px;
	}
	#overlay-ticker-contact_us {
	background-image:url(../images/bottom_overlay.png); width:242px; height:102px; z-index:20;position:absolute; left: 0px; top: 218px;
	}
	#top-overlay-ticker-contact_us {
	background-image:url(../images/top_overlay.png); width:242px; height:102px; z-index:20;position:absolute; left: 0px; top: 2px; 
	}
	#sitemap {
		list-style:square;
		margin-left:20px;
		padding-left:20px;
	}
	#sitemap li {
		margin:15px 0;
	}
	#sitemap li ul {
		list-style:upper-roman;
		margin-left:20px;
		padding-left:20px;
	}
	#privacy_content li { 
		margin-left:20px;
		padding-left:20px;
	
	}
	.cta {
		padding:15px;
		margin-bottom: 12px;
		position:relative;
		top: -15px;
		width: 224px;
	}
	.cta p {
		margin:0;
	}
	.cta h4 {
		text-transform:uppercase;
		color:#333;
		margin-bottom:0;
		font-size:120%;
	}
	.cta a { padding-right: 40px; }
	.getInTouch a { padding-right: 20px; }
	.getInTouch {
		background-image:url(../images/yellowbox.jpg);
		width:224px;
		height: 94px;
		background-repeat:no-repeat;
	}
	.environment {
		background-image:url(../images/greybox.jpg);
				width:244px;
				height:94px;
		background-repeat: no-repeat;
	}
	.imageDiv img {
		margin-bottom:5px;
	}
	.imageDiv p {
		text-align:right;
		text-transform:lowercase;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* LEFTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	.read_more { 
		background-image: url(../images/read_more.gif); 
		width: 108px;
		height:26px;
		float:right;
		position:relative;
		top:-15px;		
		cursor: pointer;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* RIGHTCOLUMN STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
		#submenu {
		border:1px solid #dedede;
		padding: 15px;
		margin-bottom:20px;
		line-height:10px;
	}
	#submenu h4 {
		text-transform:uppercase;
		font-weight:bold;
		padding-bottom:0px;
	}
	#submenu ul {
		list-style:none;
		margin:0;
		padding:0;		

	}
	#submenu li {
		text-transform:uppercase;
		padding-top: 12px;
		border-top:1px solid #dedede;
		padding-bottom: 12px;
	}
	#submenu li.active{
	}

	#submenu  a { color: #336633;	}
	#submenu li a.current {
		color:#797979;
		font-weight:bold;
		font-size:12.5px;
	
		}

	#submenu li ul li a {	
		background:url(../images/arrow.jpg) no-repeat;
		width: 223px;
		height: 23px;
		text-transform:none;
		display:block;
		padding:0px;
		color: #336633;
		margin:0;		
		line-height: 12px;
		position:relative;
		left: -28px;
		padding-left: 15px;
		border-left: 1px solid #dedede;
		padding-top: 4px;
		text-indent: 20px;
		padding-right:0;
		
	}
	h5 { font-weight:normal; padding-left:12px; padding-top: 4px; font-size:12px; }
	#submenu li ul li {
		border:none;
		padding:0;
	}
	#submenu li ul { margin-top: 10px; }
	#submenu li ul li a:hover {	
		background:url(../images/hover-arrow.jpg) no-repeat;
		width: 239px;
		height: 23px;
		text-transform:none;
		display:block;
		padding:0px;
		margin:0;		
		color: #336633;
		line-height: 12px;
		position:relative;
		left: -28px;
		padding-left: 15px;
		padding-top: 4px;
		text-indent: 20px;
		
	}
	.top { position:relative; top: -10px; }
	.top2 { position:relative; top: -20px; }
	.top3 { position:relative; top: -30px; }
	.top4 { position:relative; top: -40px; }
	.top5 { position:relative; top: -50px; }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* PROJECT ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#contentLeft a { text-decoration:none; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* COLUMN ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#submenu-top { 
background-image:url(../images/right_bg.jpg);
width: 200px;
height: 321px;
padding:20px;
background-repeat:no-repeat;
position:relative;
top: 2px;
}
#submenu-top h4 { color: #ffffff; font-size:16px; }
#submenu-top ul { list-style-type:none; position:relative; width:200px; left: 0px; top:-5px;}
.news_date { color:#515151; line-height:18px;}
.news_date a:hover {text-decoration:none;}
#submenu-bottom { 
background-image:url(../images/right_bg_bottom.jpg);
width: 201px;
height: 74px;
padding:20px;
position:relative;
top: 13px;
background-repeat:no-repeat;

}
#submenu-bottom a { color:#3d3d3d; position:relative; top:-10px; left:-40px;  }
#submenu-bottom ul { list-style-type: none; width:200px;}
#submenu-bottom input { 
background-image:url(../images/search_button.jpg);
background-repeat:no-repeat;
border:0;
padding:5px;
width:200px;
height:16px;
 position:relative; top: 0px; left:-40px;
}
#submenu h4 { font-size: 18px; letter-spacing:-1px; }

.cta_environment { 
	width:60px;
}

.view_news_item { float:right; position:relative; right:30px; cursor: pointer }
.logos { position: relative; top:-20px }

.screengrab { padding: 0; width:100px; margin:0; border: 1px solid #000000; }
.screengrab_policy { padding:0; margin:0; background-color:#FFFFFF; border: 1px solid #666666; }
		#pagemenu {
		padding: 0 15px;
		margin-bottom: 10px;
		line-height:10px;
	}
	#pagemenu ul {
		margin:0;
		padding:0;		

	}
	#pagemenu li {
		text-transform:uppercase;
		padding-top: 12px;
		padding-bottom: 12px;
		width:100%;
		text-align:left; 
		font-weight:bolder;
		list-style-type: none;
	}
	#privacy_content {  padding: 10px 20px; height:100%; }
	
	#pagemenu a:hover { color:#006600; }
	
		#submenu2 {
		border:1px solid #dedede;
		padding: 15px;
		margin-bottom:20px;
		line-height:10px;
	}
	#submenu2 h4 { text-transform:uppercase; cursor:pointer; }
	#submenu2  li h4 {
width: 200px; font-size:12px; text-transform: capitalize;	}
	#submenu2 ul {
		list-style:none;
		margin:0;
		padding:0;		

	}
	#submenu2 li {
		text-transform: capitalize;
		padding-top: 12px;
		border-top:1px solid #dedede;
		padding-bottom: 2px;
		line-height:100%;
		
	}
	#submenu2 li.active{
	}

	#submenu2  a { color: #336633;	
}
	#submenu2 li a.current {
		color:#797979;
		font-weight:bold;
		font-size:12.5px;

	}
	#s3 { position:relative; top: 20px; color: #000000;     height:  288px;  
 }
	#s3 a { color: #000000; }
	
	.pics {  
    height:  204px;  
    width:   202px;  
    padding: 0;  
    margin:  0;  
	overflow: hidden;
	background-color:#FFFFFF;
} 
 
.pics img {  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

		.LV_validation_message{
    font-weight:bold;
	font-size: 11px;
	position: relative;
	left: 10px;
	top: -2px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
	
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #999999;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #c70505;
}