
/* 
Western Federal Lands Roadside Roadside Revegetation Portal - TRAINING MODULES style sheet
   
Use the style sheet Table of Contents below to quickly jump to main sections of the style sheet

CONTENT
LINKS
	In Depth Links
LISTS
TABLES
TYPOGRAPHY
	Colors
	Headings
	Misc.
SECTION-SPECIFIC
	 Training Modules Home Page
*/

/* CONTENT ----------------------------------------------------*/

#contentContainer {
	width: 872px;
	padding: 0;
	margin: 0;
}

#mainContent {
	margin: 40px 20px 0px 0px;
	padding: 0px 20px 0px 35px;
	width: 520px;
	float: left;
}

#sideContent {
	margin: 45px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	float: left;
}

#sideContent ul {
	list-style: none;
	margin: 0px 0px 10px 0px;
	padding: 0;
	list-style-image: none;
}

#sideContent li {
	line-height: 1.25em;
	padding: 7px 0px 0px 0px;
	margin: 0;
}

/* LINKS ----------------------------------------------------*/

a {
	color: #2C7A96;
	text-decoration: none;
}

a:link {
	color: #2C7A96;
}

a:visited {
	color: #2C7A96;
}

a:hover {
	background-color: #EAFBFF;
	text-decoration: none;
}

/* In Depth Links */

/* Web links */

.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;
}

/* Design Tool Links */

.visualizeLink {
	padding-left: 20px;
	line-height: 1.5em;
}

.visualizeLink a {
	color: #932828;
	text-decoration: none;
	font-weight: normal;
}

.visualizeLink a:link {
	color: #932828;
	text-decoration: none;
}

.visualizeLink a:visited {
	color: #932828;
}

.visualizeLink a:hover {
	background-color: #fae7e7;
	text-decoration: none;
}

/* LISTS ----------------------------------------------------*/

ul {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 10px 25px;
	list-style-image: url(/images/train/bullet.gif);
}

ol {
	list-style: decimal;
	padding: 0;
	margin: 0px 0px 15px 45px;
}

li {
	padding: 0px 0px 5px 0px;
	line-height: 1.4em;
}

ol ul {
	margin-top: 10px;
	margin-bottom: 0;
}

/* TABLES ----------------------------------------------------*/

table.figureTable {
	font-size: 90%;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

/* TYPOGRAPHY ----------------------------------------------------*/

p.topPad {
	padding-top: 10px;
}

p.reference {
	font-size: 90%;
	padding: 0px 0px 0px 0px;
	margin: 0;
	color: #8f8f8f;
	text-align: right;
}

/* Headings */	

h1 {
	font-size: 135%;
	text-transform: uppercase;
	color: #58a1bc;
	letter-spacing: 0.25em;
	font-weight: normal;
	line-height: 1.5em;
	margin-top: 40px;
}

h2 {
	font-size: 200%;
	font-weight: normal;
	color: #2d7a96;
	padding: 0px 0px 15px 0px;
	margin: 0;
}

h2.topPad {
	padding-top: 10px;
}

h3 {
	font-size: 165%;
	font-weight: bold;
	color: #58a1bc;
	line-height: 1.35em;
	padding: 10px 0px 20px 0px;
	margin: 0;
}

h3.topPad {
	padding-top: 10px;
}

h4 {
	font-size: 135%;
	font-weight: normal;
	color: #154a5d;
	line-height: 1.35em;
	padding: 0px 0px 15px 0px;
	margin: 0;
}

h4.quote {
	padding: 0px 0px 3px 0px;
	font-style: italic;
}

h4.topPad {
	padding-top: 15px;
}

h4.noTopPad {
	padding-top: 0;
}

h5 {
	font-size: 125%;
	font-weight: bold;
	color: #6f6d6e;
	text-transform: uppercase;
	padding: 15px 0px 8px 20px;
	margin: 0;
}

.quoteWrapper1 {
	padding: 0px 0px 3px 0px;
	margin: 0;
	width: 490px;
}

/* Misc. */

.supportingResource {
	float: right;
	margin: 0px 0px 0px 25px;
}

.photoStyle1 {
	border-bottom: 3px solid #2d7a96;
	float: right;
	clear: both;
	margin: 0px 0px 10px 25px;
}

.photoStyle2 {
	border-bottom: 3px solid #2d7a96;
	padding: 0;
	margin: 0px 0px 15px 0px;
	width: 400px;
}

.videoStyle1 {
	margin: 25px 0px 5px 75px;
}

.continueButton {
	padding: 0;
	margin: 25px 0px 25px 0px;
	float: right;
	clear: both;
}

.figure {
	padding: 10px;
	margin: 10px 0px 10px 0px;
	background-color: #FBFAEC;
}

.caption {
	font-size: 95%;
	font-style: italic;
	padding: 10px 0px 10px 0px;
}

.linkDivider {
	color: #E2DD78;
}

.indent1 {
	padding-left: 30px;
}

.indent2 {
	padding-left: 60px;
}

.indent3 {
	padding-left: 70px;
}

.semiBold {
	font-weight: 400;
}

.boldItalic {
	font-style:italic;
	font-weight:bold;
}

.semiBoldItalic {
	font-style: italic;
	font-weight: 400;
}

.formula {
	font:message-box;
	text-align:center;
	font-weight:bold;
}

.chemicalSubscript {
	vertical-align:sub;
}

.roman {
	font-family: "Times New Roman", Times, serif;
}

/* SECTION-SPECIFIC ----------------------------------------------------*/

/* Training Modules Home Page */

#homeContentLeft {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 25px 35px;
	width: 320px;
	float: left;
}

#homeContentRight {
	margin: 40px 0px 0px 0px;
	padding: 0px 15px 20px 35px;
	width: 445px;
	float: left;
}

table.moduleLinks {
	color: #8c8c8c; margin:0;
}

table.moduleLinks td {
	padding: 0px 3px 3px 3px;
}



