/*
	National Biofuels - most of this CSS is not mine, its taken directly from their old site
	which I've implemented to the new CMS site
	General Screen Styles

	Created by Chris Pearce
	chris@cstech.net.au
*/
/****************************************************************************************
																   >> General Selectors << 
*****************************************************************************************/
html, body {
	margin: 0; 
	padding: 0; 
	border: 0;
}
body {
	background: #fff;
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
}
a:link, a:visited {
	text-decoration: underline; 
	color: #999900;
}
a:hover {text-decoration: none;}
p {
	margin: 0 0 1.7em;
	line-height: 1.4;
	padding: 0;
}
ul li {list-style-image: url('../images/bul.gif');}
#sa ul li {list-style-image: url('../images/bul-sa.gif');}
#nb ul li {list-style-image: url('../images/bul4.gif');}
ul li ul li,
#sa ul li ul li {list-style-image: url('../images/bul3.gif');}
#nb ul li ul li {list-style-image: url('../images/bul5.gif');}
ul li, ol li {margin-bottom: 0.20em;}
ul ul, ol ol {
	margin-top: 0.40em;
	margin-bottom: 0.80em;
	padding-top: 0;
	padding-bottom: 0;
}
a img, :link img, :visited img {border: 0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.7em;
}
table td {font: 12px Arial, Helvetica, sans-serif;}
address {font-style: normal;}
abbr {
	cursor: help;
	border-bottom: 1px dotted #666;
}
hr {
	color: #ccc; 
	background: #ccc; 
	height: 1px; 
	border: 0;
}
h1 {
	font: bold 15px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding: 0 0 2px 0;
	color: #000;
	margin: 0 0 0.60em;
	border-bottom: 4px solid #ccc;
}
h2,h3,h4,h5,h6 {
	font: bold 14px Tahoma, Arial, Verdana, Helvetica, sans-serif;
	padding: 0;
	color: #000;
	margin: 0 0 0.30em;
}
h3 {color: #BAC405;}
#sa h3 {color: #5B2D28;}
#nb h3 {color: #AC915C;}
h4,h5,h6 {
	color: #666; 
	font-size: 13px;
}
h5, h6 {
	font-size: 12px;
	color: #999;
}

table td p, table td h1,
table td h2, table td h3,
table td h4, table td h5,
table td h6 {margin: 0; padding: 0;}
table td table {margin: 0;}

/*---Adjecent Sibling Selectors---*/

/****************************************************************************************
																		   >> Structure << 
*****************************************************************************************/

/*-------------------------------------------Hide Elements off screen---*/												
.hide {
	position: absolute;
	left: -9999px;
	top: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: xx-small;
}

/*-------------------------------------------Wrapper---*/
#wrapper {
	border: 8px solid #CCCC99;
 	margin: 0 auto;
	padding: 0;
	width: 942px !important; 
	width /**/: 958px; /* For IE 5 and below */
	text-align: left;
}
#sa #wrapper {border-color: #8E6E6B;}
#nb #wrapper {border-color: #CCB89F;}

/*-------------------------------------------Inner Wrapper---*/
#innerWrapper {
 	border: 8px solid #fff;
 	margin: 0;
 	background: #fff url('../images/bg.gif') repeat-y 100% 0;
	width: 894px !important;
	width /**/: 926px; /* For IE 5 and below */
	padding-right: 32px;
}
#sa #innerWrapper {background-image: url("../images/bg2.gif");}
#nb #innerWrapper {background-image: url("../images/bg3.gif");}

/*-------------------------------------------Masthead---*/
#mhead {
	height: 118px;
	position: relative;
	background: #fff url('../images/mhead-bg.gif') no-repeat 100% 0;
}
#sa #mhead {background-image: url("../images/mhead-bg2.gif");}
#nb #mhead {background-image: url("../images/mhead-bg3.gif");}
	#mhead * {margin: 0; padding: 0;}
	#mhead #nav {
		height: 39px;
		width: 659px;
		position: absolute;
		right: 0;
		top: 32px;
		z-index: 9999;
	}
		/* Turn off defaults for drop down menu */
		#mhead #nav ul#imenus0 {
			list-style: none !important;
			margin: 0 !important;
			padding: 0 !important;
		}
		#mhead #nav ul#imenus0 li {
			list-style-image: none !important;
			margin: 0 !important;
		}
	#mhead #logo {
		margin: 0; 
		position: absolute;
		left: 0;
		top: 0;
	}
		#mhead #logo img {display: block;}
			
/*-------------------------------------------Banner---*/
#banner {
	margin-top: 10px;
	padding: 0;
}
	#banner img {display: block;}
	
/*-------------------------------------------Sidebar---*/	
#sidebar {
	width: 227px;
	float: left;
	padding: 10px 0 15px 0;
	margin: 0;
}
	#sidebar * {margin: 0; padding: 0;}
	#sidebar #icons {
		border-bottom: 1px solid #cecece;
		padding-bottom: 6px;
		margin-bottom: 20px;
	}
	#sidebar #sideImages img {
		display: block;
		margin-bottom: 10px;
	}

/*-------------------------------------------Content---*/	
#mainContent {
	float: right;
	width: 659px;
	margin: 0;
	padding: 10px 0 15px 0;
}
	#mainContent h1#pageTitle {
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 0 0 10px 0;
		color: #fff;
		border: 1px solid #C2C266;
		padding: 5px 0 5px 10px;
		background: #999900;
	}
	#sa #mainContent h1#pageTitle {
		background: #5B2D28;
		border-color: #8E6E6B;
	}
	#nb #mainContent h1#pageTitle {
		background: #AC915C;
		border-color: #CCB89F;
	}
	#mainContent #pageCopy {
		padding: 14px 16px 10px 16px;
		border: 1px solid #ccc;
	}
	#sa #mainContent #pageCopy a:link, 
	#sa #mainContent #pageCopy a:visited {color: #5B2D28;}
	#nb #mainContent #pageCopy a:link, 
	#nb #mainContent #pageCopy a:visited {color: #AC915C;}
	
/*-------------------------------------------Footer---*/
#footer {
	background: #333;
	color: #fff;
	padding: 8px 0;
	clear: both;
	font-size: 10px;
	width: 894px;
}
	#footer p {
		margin: 0;
		padding: 0 10px;
	}
	#footer a {color: #fff;}

/****************************************************************************************
												  							   >> Forms << 
*****************************************************************************************/

form {
	margin: 0; 
	padding: 0;
}
	form input, form textarea {
		background: #ededed;
		font: 11px Arial, Helvetica, sans-serif;
		width: 176px;
		padding: 1px;
		border: 1px solid #ccc;
		color: #333;
	}
	form textarea {
		width: 556px;
		height: 70px;
		overflow: auto;
	}
	form input.submit {
		background: #ccc;
		font: bold 12px Arial, Helvetica, sans-serif;
		width: auto;
		padding: 3px;
		border: 0;
		color: #333;
		border: 1px solid #666;
		cursor: pointer;
	}
	
/****************************************************************************************
												  						>> Misc Classes << 
*****************************************************************************************/

/*-------------------------------------------Clear Floats---*/
div.clear {
	clear: both;
	height: 1px;
	width: 770px;
}

/*-------------------------------------------CMS Custom Styles---*/
img.style-image-float {
	display: block;
	float: right;
	margin: 0 0 14px 16px;
	padding: 1px;
	border: 1px solid #ccc;
}