/***********************************************/
/* Forests and Rangelands                      */
/* Screen Stylesheet                           */
/* Modified by B.Lilly, June 2010              */
/***********************************************/
/****************************************/
/* IMPORT COMPONENT STYLE SHEETS        */
/***************************************
@import url("960grid.css");
@import url("typography.css");
@import url("superfish.css");*/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	background-color: #013401;
	background-image: url(../images/bodyBackground.jpg);
	background-repeat: repeat-x;
}

form {
	margin: 0;
}

h2.borderBottom {
	border-bottom: #663300 solid 1px;
	clear: none;
	padding-bottom: 0.4em;
}

label{
	color: #003300;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.250em;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0.125em;
}

table {
	background-color: #f3e9cf;
	margin: 0.625em 0 1.25em 0;
}

th {
	background-color: #f3e9cf;
	font-weight: bold;
	padding: 0.313em;
	text-align: center;
	vertical-align: bottom;
}

td {
	background-color: #ffffff;
	padding: 0.313em;
	vertical-align: top;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#headerWrapper {
	padding-top: 0;
	position:relative;
	z-index: 1;
}

#pageWrapper {
	background-color: #ffffff;
	/* border-bottom: #CCCCCC solid 1px;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px; */
	margin-bottom: 1.25em;
	margin-top: 0;
	position: relative;
	z-index: 1;
}

#contentWrapper {
	clear: both;
	overflow: visible;
	/* position:relative; */
	z-index: 2;
}

#footerWrapper {
	border-top: #663300 dotted 1px;
	clear: both;
	overflow: hidden;
	position:relative;
	z-index: 3;
}

/**********************************************/
/*                COMPONENTS                  */
/**********************************************/
/************** #masthead styles **************/
#masthead{
	/* border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	border-top: #663300 solid 1px; */
	height: 100px;
	padding: 0;
	position:relative;
	z-index: 2;
	background-color: #000;
}

#skipNav a{
	color: #ccffcc;
	font-size: 0em;
	margin: 0;
	padding: 0;
}

#pageBanner{
	height: 100px;
	margin: 0;
	padding: 0;
}

/************* #bannerNav styles **************/
#bannerNav {
	background: url(/images/bannerBar.png) top no-repeat;
	background-color: #FFF;
	/* border-bottom: #663300 solid 1px;
	border-top: #663300 solid 1px; */
	border-top: #000 solid 1px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	height: 42px;
}

/************ #breadCrumb styles ************/
#breadCrumb{
	padding: 2.5em 0 0.125em 0;
}

#breadCrumb .crumbStyle{
	color: #663300;
	font-size: 1.1em;
}

#breadCrumb a {
	color: #663300;
}

#breadCrumb a:link,
#breadCrumb a:visited {
	color: #663300;
}
#breadCrumb a:hover {
color: #0000ff;
}

/************ #topNav Bar styles ************/
#topNav{
	position: relative;
	z-index: 2;
}

#topNav ul {
	display: block;
	float: right;
	overflow: hidden;
	width: 100%;
}

#topNav ul,
#topNav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#topNav li {
	/* border-left: 1px dotted #ffffff; */
	float: right;
}

#topNav a {
	border-bottom: none;
	color: #ffffff;
	display: block;
	font-size: 1em;
	line-height: 1.6;
	padding: 0 1em 0 1em;
	text-decoration: none;
}

#topNav a:hover {
	background-color: #eeeeee;
	border-bottom: none;
	color: #003300;
	text-decoration: none;
}

/************* #search styles ***************/
#search{
	background-color: #eeeeee;
	border: #CCCCCC solid 1px;
	padding: 1em;
	position:relative;
	z-index: 6;
}

#search form{
	margin: 0;
	padding: 0;
}

#search label{
	color: #003300;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0.1em;
}

#search input#searchFor{
	font-size: 1.125em;
	width: 155px;
}

.goButton {
	font-size: 1.25em;
	margin: 0;
	padding: 0;
}

.formMargin5 {
	margin: 0.313em;
}

.formMargin10 {
	margin: 0.825em;
}

.formMargin5 .findButton {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

/************** #navBar styles *************/
#navBar{
	padding: 1.25em 0 1.25em 0;
	position:relative;
	z-index: 5;
}

#navBar img{
	border: none;
}

/*********** #sectionLinks styles ***********/
/*   (aka, left-side main navigation menu)  */
#sectionLinks{
	margin: 0;
	padding: 0;
	position:relative;
	z-index: 6;
}

#sectionLinks h2 {
	border-bottom: #996600 solid 1px;
	color: #003300;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-style: italic;
	font-weight: bold;
	margin: 0;;
	padding: 0.1em;
}

#sectionLinks ul {
	background-color: transparent;
	list-style-type: none;
	margin: 2em 0 2em 0;
	padding: 0;
}

#sectionLinks ul ul,
#sectionLinks ul ul ul {
	background-color: transparent;
	margin: 0;
	padding: 0;
}

#sectionLinks ul li,
#sectionLinks ul li ul li,
#sectionLinks ul li ul li ul li {
	background-color: transparent;
	margin: 0;
	padding: 0 0 0.063em 0;
}

#sectionLinks ul li a.mainmenu,
#sectionLinks ul li ul li a.submenu0,
#sectionLinks ul li ul li ul li a.submenu0 /*, a.submenu1, a.submenu2 */ {
	background-color: #ffffff;
	color: #663300;
	display: block;
	margin: 0;
	padding-right: 1.563em;
	text-align: right;
	text-decoration: none;
}

#sectionLinks ul li a.mainmenu{
	border: 1px solid #ffffff;
}
#sectionLinks ul li a.submenu0,
#sectionLinks ul li ul li a.submenu0,
#sectionLinks ul li ul li ul li a.submenu0 {
	border: 1px solid #663300;
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 3px 3px 4px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

#sectionLinks ul li a.mainmenu:hover,
#sectionLinks ul li a.submenu0:hover,
#sectionLinks ul li ul li a.submenu0:hover,
#sectionLinks ul li ul li ul li a.submenu0:hover
/* #sectionLinks ul li a.submenu1:hover,
#sectionLinks ul li a.submenu2:hover */ {
	background-color: #eeeeee;
	border: 1px solid #663300;
	color: #003300;
	margin: 0;
	text-decoration: none;
}

/************** #bottomNav styles *************/
#bottomNav{
	position:relative;
	z-index: 5;
}

/************** #content styles *************/
#content{
	background-color: #FFF;
	/* [disabled]overflow:hidden; */
	padding: 1.25em 0 0 0;
	position: relative;
	z-index: 3;
}

.formWrap {
	margin: 0;
	clear: both;
}
.formLabel {
	background-color: #F3E9CF;
	float: left;
	font-weight: bold;
	padding: 0.313em;
	text-align: center;
	width: 90px;
	margin-bottom: 5px;
}
.formInput {
	float:left;
	padding:0.313em;
	width:305px;
}
.formSubmit {
	float:left;
	padding:0.313em;
}

.blue {
	color: #0000ff;
}

.center {
	text-align: center;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.hidden {
	display: none;
}

.indent15 {
	margin-left: 0.938em;
	padding: 0;
}

.indent30 {
	margin-left: 1.875em;
	padding: 0;
}

.indent45 {
	margin-left: 2.813em;
	padding: 0;
}

.red {
	color: #ff0000;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.underline {
	text-decoration: underline;
}

/* IMAGE Boxes */
.img-pageWide {
	margin: 0 0 1.25em 0;
}

.img-float-left {
	float: left;
	margin: 0.625em 0.625em 0.625em 0;
	padding: 0;
}

.img-float-right {
	float: right;
	margin: 0.625em 0 0.625em 0.625em;
	padding: 0;
}

.img-float-left-150 {
	float: left;
	margin: 0.625em 0.625em 0.625em 0;
	padding: 0;
	width: 152px;
}

.img-float-right-150 {
	float: right;
	margin: 0.625em 0 0.625em 0.625em;
	padding: 0;
	width: 152px;
}

.img-float-left-200 {
	float: left;
	margin: 0.625em 0.625em 0.625em 0;
	padding: 0;
	width: 202px;
}

.img-float-right-200 {
	float: right;
	margin: 0.625em 0 0.625em 0.625em;
	padding: 0;
	width: 202px;
}

.img-float-left-250 {
	float: left;
	margin: 0.625em 0.625em 0.625em 0;
	padding: 0;
	width: 252px;
}

.img-float-right-250 {
	float: right;
	margin: 0.625em 0 0.625em 0.625em;
	padding: 0;
	width: 252px;
}

.img-no-float {
	margin: 0 0 0.625em 0;
}

.img-float-left p,
.img-float-right p,
.img-float-left-150 p,
.img-float-right-150 p,
.img-float-left-200 p,
.img-float-right-200 p,
.img-float-left-250 p,
.img-float-right-250 p,
.img-no-float p,
.img-pageWide p {
	font-size: 1em;
}

.wrapper-img {
	margin: 0 0 0.625em 0;
	padding: 0;
	overflow: hidden;
}

/* Image borders */
.black-1px {
	border: 1px solid #000000;
}

.black-2px {
	border: 2px solid #000000;
}

.black-3px {
	border: 3px solid #000000;
}

.brown-1px {
	border: 1px solid #663300;
}

.brown-2px {
	border: 2px solid #663300;
}

.brown-3px {
	border: 3px solid #663300;
}

.dkgreen-1px {
	border: 1px solid #003300;
}

.dkgreen-2px {
	border: 2px solid #003300;
}

.dkgreen-3px {
	border: 3px solid #003300;
}

.gray-1px {
	border: 1px solid #cccccc;
}

.gray-2px {
	border: 2px solid #cccccc;
}

.gray-3px {
	border: 3px solid #cccccc;
}

/************** SwitchContent Styles *************/
#content a.switchlist {
	cursor: pointer;
}

#content a.switchlist:hover {
}

#content h2.switchheader {
	cursor: pointer;
}

#content h2.switchheader:hover {
	color: #003300;
}

#content h3.switchheader {
	cursor: pointer;
}

#content h3.switchheader:hover {
	color: #003300;
}

#content ul.switchcontent {
	margin: 0 0 0.625em 2.188em;
}

/* #content div.switchcontent ul {
	margin: 0 0 0.625em 2.188em;
}

#content div.switchcontent ul li ul {
	margin: 0 0 0.625em 0.938em;
} 

*/
/* ************ CodeCharge Generated Styles ****************/
/* Grid Options */
.Grid {
	border: 1px solid #663300;
}

.Caption th {
	background-color: #a6cca3;
	border-right: 1px solid #fffaf7;
	border-top: 1px solid #fffaf7;
	color: #000000;
	padding: 0.188em;
	text-align: center;
	vertical-align: bottom;
	white-space: nowrap;
}

.Caption td {
	background-color: #a6cca3;
	border-right: 1px solid #a6cca3;
	border-top: 1px solid #a6cca3;
	color: #000000;
	font-size: 70%;
	padding: 0.188em;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.Caption a:link {
	color: #000000;
}

.Caption a:visited {
	color: #000000;
}

.Caption a:hover, .Caption a:active {
	color: #ff0000;
}

/* Row styles */
.Row th {
	background-color: #fffaf7;
	border-right: 1px solid #a6cca3;
	border-top: 1px solid #a6cca3;
	color: #000000;
	font-weight: normal;
	padding: 0.188em;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}

.Row td {
	background-color: #fffaf7;
	border-right: 1px solid #a6cca3;
	border-top: 1px solid #a6cca3;
	color: #000000;
	padding: 0.188em;
	vertical-align: top;
}

.Grid caption {
	color: #000000;
	padding: 0.188em;
	text-align: left;
}

.Row a:link {
	color: #0033cc;
}

.Row a:visited {
	color: #830000;
}

.Row a:hover, .Row a:active {
	color: #ff0000;
}

/* Footer styles */
.NoRecords td {
	background-color: #fffaf7;
	border-right: 1px solid #a6cca3;
	border-top: 1px solid #a6cca3;
	color: #000000;
	font-size: 1em;
	padding: 0.188em;
	vertical-align: top;
}

.Footer td {
	background-color: #fffaf7;
	border: 1px solid #a6cca3;
	border-left: 0 none;
	color: #000000;
	padding: 0.188em;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.Footer a:link {
	color: #0033cc;
}

.Footer a:visited {
	color: #830000;
}

.Footer a:hover, .Footer a:active {
	color: #ff0000;
}

.Footer img {
	margin: 0.125em;
	vertical-align: middle;
}

.Footer input {
	margin: 0.125em;
	vertical-align: middle;
}

/* Record Options */
.Record {
	background-color: #fffaf7;
	border: #663300 solid 1px;
	margin: 0 0 0.625em 0.313em;
	padding: 0;
	width: auto;
}

	
.Error td {
	color: #ff0000;
	font-size: 0.813em;
	padding: 0.125em;
}

.Controls th {
	color: #003300;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0.313em;
	text-align: right;
}

.Controls td {
	background-color: #f3e9cf;
	color: #003300;
	font-size: 0.813em;
	font-weight: bold;
	padding: 0.313em;
}

	
/* selectStories Options */
.selectStories {
	background-color: #f3e9cf;
	margin: 0;
	padding: 0;
	width: 100%;
}
.selectStories th.tableHeader {
	background-color: #003300;
	color: #ffffff;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0.25em;
	text-align: center;
}

#selectStories {
	background-color: #f3e9cf;
	float: right;
	margin: 0 0 0.625em 0.8em;
	padding: 0;
	width: auto;
}

#selectStories th.tableHeader {
	background-color: #003300;
	color: #ffffff;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0.25em;
	text-align: center;
}

/************** .feature styles ***************/
#content div.feature{
	background-color: #f3e9cf;
	display: block;
	margin: 0 0 1.5em 0;
	padding: 1.5em;
	border: #cccccc solid 1px;
	overflow: hidden;
	position:relative;
	z-index: 4;
}

#content div.feature h2 {
	border-bottom: #996600 solid 1px;
	color: #003300;
	padding-bottom: 0.5em;
	margin: 0;
}
#content div.feature h3 {
	font-size: 1.5em;
	margin-top: 1em;
}

#content div.feature ol, 
#content div.feature ul {
	margin-bottom: 0;
	margin-top: 1em;
}

#content div.feature p {
	margin: 1em 0 0 0;
}

.beigeFeature {
	background: #f3e9cf;
	border: #663300 solid 1px;
}

/********* #glossaryFeature styles ************/
#glossaryFeature{
	background-color: #f3e9cf;
	margin: 0 0 0.625em 0;
	padding: 0.313em;
}

#glossaryFeature p {
	font-weight: bold;
	margin-bottom: 0;
	text-align: center;
}

#glossaryFeature a {
	border: none;
	color: #0000ff;
	font-weight: bold;
	padding: 0.063em 0.188em 0.063em 0.188em;
	text-decoration: none;
}

#glossaryFeature a:visited {
	color: #9900cc;
}

#glossaryFeature a:hover {
	background: #eeeeee;
	border: #003300 solid 1px;
	color: #003300;
	padding: 0 0.125em 0 0.125em;
}

/************** #headlines styles **************/
#rightInfo{
	padding: 1.25em 0 1.25em 0;
	position:relative;
	z-index: 3;
}

.headlines,
#headlines{
	margin: 0;
	padding: 1em;
	background-color: #EEEEEE;
	border: #CCCCCC solid 1px;
	position:relative;
	z-index: 4;
}

.headlines p,
#headlines p{
	margin-bottom: 2em;
}

/* #headlines h2 {
	color: #003300;
	font-size: 1.5em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
} */

.headlines h2,
#headlines h2 {
	border-bottom: #996600 solid 1px;
	color: #003300;
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.25em;
	font-style: italic;
	font-weight: bold;
	margin: 0 0 0.5em 0;;
	padding: 0.1em;
}

/* #headlines h3 {
	margin-bottom: 0.5em;
} */

.headlines h3,
#headlines h3 {
	color: #003300;
	font-size: 1.375em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
} 

.headlines a.nounderline,
.headlinesa:hover.nonunderline,
.headlinesa:visited.nonunderline,
#headlines a.nounderline,
#headlinesa:hover.nonunderline,
#headlinesa:visited.nonunderline {
	border-bottom: none;
}

/******** #siteInfo styles (footer) ***********/
#siteInfo{
	padding-top: 1em;
	position:relative;
	z-index: 4;
}

#siteInfo p {
	color: #666666;
	font-size: 1em;
}

/********* #modified styles (footer) **********/
#modified {
	padding-top: 1em;
	position:relative;
	z-index: 4;
}

#modified p {
	color: #000000;
	font-size: 1em;
	text-align: right;
}
