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

CONTENT
LINKS
LISTS
	In Depth links
TABLES
TYPOGRAPHY
	Colors
	Headings
	Misc.
SECTION-SPECIFIC
	 Landing 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;
}

#mainContentViz {
	margin: 40px 0px 0px 0px;
	padding: 0px 15px 35px 35px;
	width: 620px;
	float: left;
}

#sideContentViz {
	margin: 45px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100px;
	float: left;
}

#sideContentViz ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	list-style-image: none;
	border-bottom: 1px #DEDEDE solid;
}

#sideContentViz li {
	line-height: 1.25em;
	padding: 7px 0px 0px 0px;
	margin: 0;
}

#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: #932828;
	text-decoration: none;
}

a:link {
	color: #932828;
}

a:visited {
	color: #932828;
}

a:hover {
	background-color: #fae7e7;
	text-decoration: none;
}

.startOver {
	margin: 0px 25px 25px 5px;
	padding: 0;
	float: right;
	width: 75px;
}

/* LISTS ----------------------------------------------------*/

ul {
	list-style: disc;
	margin-bottom: 10px;
	margin-top: 0;
}

ol {
	list-style: decimal;
	padding: 0;
	margin: 0px 0px 15px 45px;
}

ol.noBottomMargin {
	margin-bottom: 0;
}

li {
	padding: 0px 0px 5px 0px;
	line-height: 1.4em;
}

ol ul {
	margin-top: 10px;
	margin-bottom: 0;
}

/* TABLES ----------------------------------------------------*/


table.siteConditions {
	font-size: 85%;
	border: none;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
}

table.siteConditions td {
	vertical-align: middle;
}

p.communityTitle {
	margin: 0px;
	padding: 5px 5px 5px 10px;
}

.oddRow {
	background-color: #f1f1f1;
}

table.plantSpecies {
	font-size: 90%;
	border: none;
	margin-top: 5px;
	margin-bottom: 15px;
	width: 100%;
	border-top: 1px #c0c0c0 solid;
	border-right: 1px #c0c0c0 solid;
	border-left: 1px #c0c0c0 solid;
}

table.plantSpecies td {
	border-bottom: 1px #c0c0c0 solid;
	vertical-align: middle;
}

.plantType {
	color: #6a7c3c;
	text-align: right;
	font-weight: bold;
}

.tableRight {
	width:15%;
	margin-right:0px;
	margin-left:10px;
	float:right;
}

.tableLeft {
	width:15%;
	margin-left:0px;
	margin-right:10px;
	float:left;
}

th {
	background-color: #b2ae65;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	margin: 0;
	text-transform: uppercase;
}

tr {
	vertical-align: top;
}

.tableTitle {
	font-weight: bold;
}

.tableDark {
	background-color: #f0eed3;
}

.tableRight {
	float:right;
}

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

p.topPad {
	padding-top: 10px;
}

p.previousStep {
	padding: 25px 0px 35px 0px;
}

p.nextStep {
	padding: 25px 15px 35px 0px;
	text-align: right;
}

.visualizeBreadCrumb {
	padding: 0px 0px 15px 0px;
	font-size: 85%;
	line-height: 1.5em;
}

.visualizeNavCurrent { background-color: #f1f1f1; }

/* Colors */

.ltBrown {
	color: #6b491a;
}

.ltGold {
	color: #a5a152;
}

.ltGreen {
	color: #DCE3C0;
}

.dkGreen {
	color: #7D8400;
}

.offWhite {
	color: #F1F3E5;
}

/* Headings */	

h1 {
	font-size: 135%;
	text-transform: uppercase;
	color: #812427;
	letter-spacing: 0.25em;
	font-weight: normal;
	line-height: 1.5em;
	margin-top: 40px;
}

h2 {
	font-size: 200%;
	font-weight: normal;
	color: #7d2222;
	padding: 0px 0px 15px 0px;
	margin: 0;
}

h2.topPad {
	padding-top: 10px;
}

h3 {
	font-size: 165%;
	font-weight: bold;
	color: #666666;
	line-height: 1.35em;
	padding: 5px 0px 15px 0px;
	margin: 0;
}

h3.topPad {
	padding-top: 10px;
}

h4 {
	font-size: 135%;
	font-weight: normal;
	color: #812427;
	line-height: 1.35em;
	padding: 10px 0px 15px 0px;
	margin: 0;
}

h4.noTopPad {
	padding-top: 0;
}

h5 {
	font-size: 125%;
	font-weight: bold;
	color: #6f6d6e;
	text-transform: uppercase;
	padding: 15px 0px 8px 20px;
	margin: 0;
}

/* Misc. */

.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;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

/* SECTION-SPECIFIC ----------------------------------------------------*/

/* Landing Page */

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

#homeContentRight {
	margin: 40px 0px 0px 0px;
	padding: 20px 0px 20px 45px;
	width: 435px;
	float: left;
}

/* Limiting Factors */

#limitingFactors {
	font-size: 90%;
	color: #5d5d5d;
	margin: 160px 0px 20px 0px;
	padding: 15px 15px 15px 15px;
	width: 125px;
	border: 1px #DEDEDE solid;
	background-image:url(/images/visualize/title_limiting_factors.gif);
	background-position: top;
	background-repeat: no-repeat;
}

/* Plant Species Tables */

#exoZoneLinks {
	font-size: 90%;
	margin: 15px 0px 15px 0px;
	padding: 0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
}

#exoZoneLinks ul {
	margin: 15px 0px 15px 0px;
	padding: 0;
}

#exoZoneLinks li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0px 0px 0px 32px;
}

.current {
	background-color: #f1f1f1;
}