/* 
Western Federal Lands Roadside Roadside Revegetation Portal - UNIVERSAL style sheet
   
Use the style sheet Table of Contents below to quickly jump to main sections of the style sheet

RESET
BODY
CONTENT
FOOTER
HEADER
NAVIGATION
	Primary Navigation
MISC.
	Print or download
IN DEPTH
LEARNING SUMMARIES

*/

/* RESET ----------------------------------------------------*/

/* Turn off borders for linked images */

img {
	border: 0;
}

/* BODY ----------------------------------------------------*/

body {
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: small;
	margin: 0;
	padding: 0;
	background-image: url(/images/graphic_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #cfd0c8;
}

p {
	line-height: 1.4em;
	margin: 0;
	padding: 0px 0px 10px 0px;
}

/* CONTENT ----------------------------------------------------*/

#pageWrapper {
	position: absolute;
	left: 50%;
	margin-left: -436px;
	margin-top: 20px;
	margin-right: 0;
	padding: 0;
	width: 872px;
	background-color: #FFFFFF;
}

#mainContent {
	margin: 40px 20px 0px 0px;
	padding: 0px 0px 35px 35px;
	width: 750px;
	float: left;
}

#homeContentLeft {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 25px 35px;
	width: 300px;
	float: left;
}

#homeContentRight {
	margin: 40px 0px 0px 0px;
	padding: 0px 20px 20px 0px;
	width: 465px;
	float: right;
}

p.nextChapter {
	text-align: right;
	font-size: 90%;
	color: #7f7f7f;
	padding: 10px 0px 20px 0px;
	margin: 0;
}

/* FOOTER ----------------------------------------------------*/

.footerTable {
	background-color: #2a3a05;
	border-bottom: 5px solid #5f7729;
	border-top: 10px solid #2a3a05;
	line-height: 1.4em;
	width: 872px;
	float: left;
	margin: 0px 0px 0px 0px;
	background-image:url(/images/graphic_footer_bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

table.footerTable td {
	vertical-align: top;
}

.additionalResources {
	padding: 28px 25px 68px 40px;
}

.footerGlobalLink {
	padding: 42px 15px 15px 0px;
	font-size: 90%;
}

.footerExternalLink {
	color: #58653b;
	padding: 10px 0px 15px 47px;
	font-size: 85%;
}

table.footerTable a {
	color: #9fa68e;
	text-decoration: none;
	font-weight: normal;
}

table.footerTable a:link {
	color: #9fa68e;
	text-decoration: none;
}

table.footerTable a:visited {
	color: #9fa68e;
}

table.footerTable a:hover {
	background-color: #3e4e19;
	color: #9fa68e;
	text-decoration: none;
}

/* HEADER ----------------------------------------------------*/

#headerGraphic {
	position: absolute;
	left: 50%;
	margin-left: 312px;
	margin-top: 38px;
	margin-right: 0;
	padding: 0;
}

table.header {
	background-color: #2a3a05;
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
	border-top: 25px solid #2a3a05;
	border-bottom: 6px solid #2a3a05;
}

.homeLink {
	font-size: 90%;
	padding:  20px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

.homeLink a {
	color: #9fa68e;
	text-decoration: none;
	font-weight: normal;
}

.homeLink a:link {
	color: #9fa68e;
	text-decoration: none;
}

.homeLink a:visited {
	color: #9fa68e;
}

.homeLink a:hover {
	background-color: #3e4e19;
	color: #9fa68e;
	text-decoration: none;
}

/* NAVIGATION ----------------------------------------------------*/

/* Primary Navigatioin */

#primNavPanel {
	width: 840px;
	height: 40px;
	background-color: #2a3a05;
	padding: 0px 0px 0px 32px;
}

#primNavPanel ul {
	margin: 0;
	padding: 0;
}

#primNav li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#primNav li#A a {
	background: url("/images/graphic_primary_nav.png") no-repeat;
	background-position: 0px 0px;
	width: 175px;
	height: 40px;
	float: left;
	padding-right: 0px;
}

#primNav li#A a:hover {
	background-position: 0 -40px;
}

body.navA #primNav li#A a, body.navA #primNav li#A a:hover {
	background: url("/images/graphic_primary_nav.png") no-repeat;
	background-position: 0px -80px;
	width: 175px;
	height: 40px;
	float: left;
	padding-right: 0px;
}

#primNav li#B a {
	background: url("/images/graphic_primary_nav.png") no-repeat;
	background-position: -175px 0px;
	width: 175px;
	height: 40px;
	float: left;
	padding-right: 0px;
}

#primNav li#B a:hover {
	background-position:  -175px -40px;
}

body.navB #primNav li#B a, body.navB #primNav li#B a:hover {
	background: url("/images/graphic_primary_nav.png") no-repeat;
	background-position: -175px -80px;
	width: 175px;
	height: 40px;
	float: left;
	padding-right: 0px;
}

#primNav li#C a {
	background: url("/images/graphic_primary_nav.png") no-repeat;
	background-position: -350px 0px;
	width: 175px;
	height: 40px;
	float: left;
	padding-right: 0px;
}

#primNav li#C a:hover {
	background-position:  -350px -40px;
}

body.navC #primNav li#C a, body.navC #primNav li#C a:hover {
	background: url("/images/graphic_primary_nav.png") no-repeat;
	background-position: -350px -80px;
	width: 175px;
	height: 40px;
	float: left;
	padding-right: 0px;
}

/* MISC. ----------------------------------------------------*/

.imageH {   /* no margin or padding for images that are serving as h1, h2, h3, etc */
	margin: 0px;
	padding: 0px;
}

	
table.pdfDownload {
	background-color: #FFFFFF;
	width: 360px;
	margin: 15px 0px 0px 0px;
	padding: 0;
}

table.flashDownload {
	background-color: #FFFFFF;
	width: 285px;
	margin: 15px 0px 0px 0px;
	padding: 0;
}

.clearBoth {
	clear: both;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

.pdfText {
	font-size: 85%;
	color: #969696;
}

.backToTop {
	font-size: 85%;
	padding: 10px 0px 15px 0px;
	text-align: center;
}

.breadCrumbs {
	font-size: 90%;
	color: #000000;
	padding: 0px 0px 12px 0px;
	margin: 0;
	line-height: 1.75em;
}

.padLeft25 {
	padding-left: 25px;
}

.padTop10 {
	padding-top: 10px;
}

/* Print or download */

#printOrDownload {
	font-size: 85%;
	color: #a6a6a6;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
	width: 220px;
	border: 1px #DEDEDE solid;
}

#printOrDownload a {
	color: #9a9a9a;
	text-decoration: none;
}

#printOrDownload a:link {
	color: #9a9a9a;
}

#printOrDownload a:visited {
	color: #9a9a9a;
}

#printOrDownload a:hover {
	color: #595959;
	background-color: #FFF;
	text-decoration: none;
}

table.printDownload {
	background-color: #FFF;
	margin: 7px 0px 7px 0px;
}

/* TYPOGRAPHY ----------------------------------------------------*/

/* Colors */

.red {
	color: #a11d1d;
}

.ltBrown {
	color: #6b491a;
}

.ltGold {
	color: #a5a152;
}

.ltGreen {
	color: #DCE3C0;
}

.dkGreen {
	color: #7D8400;
}

.offWhite {
	color: #F1F3E5;
}

span.none
{
        display: none;
}

/* IN DEPTH ----------------------------------------------------*/

#inDepthListWrapper {
	font-size: 90%;
	margin: 0px 0px 20px 0px;
	padding: 12px 25px 25px 15px;
	width: 200px;
	border-bottom: 1px #DEDEDE solid;
	border-right: 1px #DEDEDE solid;
	border-left: 1px #DEDEDE solid;
}

.inDepthTitle {
	margin: 15px 0px 0px 0px;
	padding: 10px 5px 35px 25px;
	background-color: #DEDEDE;
	width: 212px;
	background-image: url(/images/learn/title_guide_in_depth.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	font-size: 125%;
	font-weight: bold;
	color: #7F7F7F;
	line-height: 1.25em;
	text-transform: uppercase;
}

.webLink {
	padding-left: 20px;
	line-height: 1.5em;
}

/* Full Manual Links */

.fullManualLink {
	padding-left: 20px;
	line-height: 1.5em;
}

.fullManualLink a {
	color: #5f7729;
	text-decoration: none;
	font-weight: normal;
}

.fullManualLink a:link {
	color: #5f7729;
	text-decoration: none;
}

.fullManualLink a:visited {
	color: #5f7729;
}

.fullManualLink a:hover {
	background-color: #e7f1d2;
	text-decoration: none;
}

/* LEARNING SUMMARIES ----------------------------------------------------*/

#homeContentLeftLearningSummaries {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 25px 35px;
	width: 400px;
	float: left;
}

#homeContentRightLearningSummaries {
	margin: 40px 0px 0px 0px;
	padding: 0px 40px 20px 0px;
	width: 370px;
	float: right;
}

h3.learningSummaries {
	border-top: 1px #b9bcb3 solid;
	margin: 15px 0px 0px 0px;
}

.summaryLinks {
	background-color: #FFFFFF;
	border: 0;

}

.summaryLinks ol {
	margin: 10px 0px 0px 35px;
}


.learningSummaries {
	line-height: 1.4em;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	margin: 0px 0px 10px 0px;
}

.oddRow { background-color: #CCCCCC; }

table.learningSummaries td {
	vertical-align: top;
	font-size: 85%;
}

table.relatedLinks td {
	vertical-align: top;
}

.pdf {
	color: #9da097;
}