/* ----------------------------------------------------- */
/* ------------------------- CSS ----------------------- */
/* ----------------------------------------------------- */

/* ----------------- Base Font Style ------------------- */

body {
	font-family: arial, tahoma, sans-serif;
	// Lets stop resizing sizing issues
	// font-size: 62.5%;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	margin : 4px;
	color : #fff;
	background: #7c6955;
}


img {
	border: 0px;
}

/* ---------------------------------------------- */
/* ---------- Main Structure Div Styles --------- */
/* ---------------------------------------------- */

#wrapper {
	background-color: #5a4531;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

/* Top Header (includes both left logo and right text Div */
#wrapper #header {
	height: 80px;
	background-color: #7c6955;
}

/* Top Left Header Logo Img */
#wrapper #headerImg {
	height: 80px;
	width: 300px;
	float: left;
	margin-left: 20px;
	background-image: url(../images/midcontinent_logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

/* Top Right Header Text (Image Based) */
#wrapper #headerText {
	height: 80px;
	width: 336px;
	float: right;
	margin-right: 10px;
	background-image: url(../images/headerText.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* Top Nav Div -- Dropdown CSS is further below */
#wrapper #topNav {
	height: 33px;
	text-align: right;
	background-color: #7c6955;
	background-image: url(topNav_bg.gif);
}

/* Left Nav Div */
#wrapper #leftNav{

	width: 255px;
	text-align: left;
	float: left;
	/* If you change the background color you must also change #wrapper to match */
	background-color: #5a4531;
	margin-top: 40px;
}

#leftNav a:link,
#leftNav a:visited	{ color: #D7CABC; text-decoration:none;}
#leftNav a:hover	{ color: #ffffff; text-decoration:none;}
#leftNav a:active	{ color: #D7CABC; text-decoration:none;}


/* Main Body Div */
#wrapper #mainBody {
	text-align: left;
	width: 769px;
	float: left;
	background-color: #66513c;
}

/* Main Body Div */
#wrapper #mainBody2 {
	text-align: left;
	width: 1024px;
	float: left;
	background-color: #66513c;
}







/* Botton Nav (Not Footer) Div */
#wrapper #bottomNav {
	height: 25px;
	clear: both;
	background-color: #503c28;
	padding-top: 2px;
	padding-right: 15px;
	text-align: right;
}









/* Botton Nav (WITH BACKGROUND - HOME PAGE) Div */
#wrapper #bottomNavtwo {
	height: 140px;
	clear: both;
	background-color: #503c28;
	padding-top: 2px;
	padding-right: 15px;
	text-align: left;
	background-image: url(bottomNav_bg.gif);
}












.bottomNavImageSpacing {
	padding-right: 7px;
}

/* Footer Div and stuff */
#wrapper #footer {
	height: 20px;
	background-color: #7c6955;
	color: #A79A8C;
	float: bottom;
	font-size: 1.2em;
}

#footer a:link,
#footer a:visited	{ color: #A79A8C; text-decoration:none;}
#footer a:hover		{ color: #ffffff; text-decoration:none;}
#footer a:active	{ color: #A79A8C; text-decoration:none;}


#wrapper #footer #footerLeft {
	margin-top: 5px;
	float: left;
	text-align: left;
}
#wrapper #footer #footerRight {
	margin-top: 5px;
	float: right;
	text-align: right;
}

#bodyTable{
	margin:10px 0 0 20px;
}


/* ---------------------------------------------- */
/* -------------- Basic Text Styles   ----------- */
/* ---------------------------------------------- */



p {
	font-size: 1.4em;
	font-style: normal;
	font-weight: normal;
}

h1 {
	font-size: 2.8em;
	font-style: normal;
	font-weight: normal;
	padding-top: 5px;
}


h1 a{color:#ffffff;}
h1 a:visited{color:#ffffff;}
h1 a:hover{color:#ffffff; text-decoration:underline;}


h1.headerIcon {
	font-size: 2.8em;
	font-style: normal;
	font-weight: normal;
	margin:0;
	padding:0px 0px 0px 0px;
	line-height:.9em;
	
}

h2 {
	font-size: 2.0em;
	font-style: normal;
	font-weight: normal;
	
}

h2 a{color:#ffffff;}
h2 a:visited{color:#ffffff; font-size: 2.0em;}
h2 a:hover{color:#ffffff; text-decoration:underline;}



h3 {
	font-size: 2.0em;
	font-style: normal;
	font-weight: normal;
	
}


h3 a{color:#ffffff;}
h3 a:visited{color:#ffffff;}
h3 a:hover{color:#ffffff;text-decoration:underline;}


h3.home {
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	margin:0px 0 5px 0;
	padding:0;	
}

h3.ideaBook {
	font-size: 1.3em;
	font-style: normal;
	font-weight: normal;
	margin:0px 0 0px 0;
	padding:0;	
}



h4 {
	font-size: 1.4em;
	font-style: normal;
	font-weight: normal;
	margin:5px 0 5px 0;
	
}



h5 {
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0;
	
}

h5.pdfLinks {
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0;
	color: #c8bbaf;
	
}

h6 {
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	margin:5px 0 5px 0;
	
}

table ul li {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

a:link,
a:visited	{ color: #c5b5a6; text-decoration:none;}
a:hover		{ color: #c5b5a6; text-decoration:underline;}
a:active	{ color: #c5b5a6; text-decoration:none;}

sup.regsymbol{font-size:0.4em;margin:6px 0 7px 0;padding:0;}


/* ---------------------------------------------- */
/* ---- Class Stuff For Wood Species Table   ---- */
/* ---------------------------------------------- */

h6.woodSpecies {
	font-size: 1.0em;
	font-style: normal;
	font-weight: normal;
	margin:5px 0 5px 0;
	padding:0;
	
}

h4.woodSpecies {
	font-size: 1.6em;
	font-style: normal;
	font-weight: normal;
	margin:5px 0 5px 0;
	padding:0;	
}


/* ---------------------------------------------- */
/* ------- Class Stuff For Custom Bullets  ------ */
/* ---------------------------------------------- */

ul.customBullet{
	padding:0 0 0 5px;
	margin:0 0 0 5px;
}

ul.customBulletALT{
	padding:0 0 0 5px;
	margin:0 0 0 5px;
}

li.bulletGold{
	/* padding top right bottom left */
	background:url(bulletGold.gif) no-repeat;
	margin:0 0 0 0 ;
	padding:0 0 0 15px;
	background-position:left 5px;
	list-style:none;
}

li.bulletGoldALT{
	/* padding top right bottom left */
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	background:url(bulletGold.gif) no-repeat;
	margin:0 0 0 0 ;
	padding:0 0 0 10px;
	background-position:left 5px;
	list-style:none;
}

li.bulletGreen{
	/* padding top right bottom left */
	background:url(bulletGreen.gif) no-repeat;
	margin:0 0 0 0 ;
	padding:0 0 0 15px;
	background-position:left 5px;
	list-style:none;
}

li.bulletBrown{
	/* padding top right bottom left */
	background:url(bulletBrown.gif) no-repeat;
	margin:0 0 0 0 ;
	padding:0 0 0 15px;
	background-position:left 5px;
	list-style:none;
}

li.bulletBlue{
	/* padding top right bottom left */
	background:url(bulletBlue.gif) no-repeat;
	margin:0 0 0 0 ;
	padding:0 0 0 15px;
	background-position:left 5px;
	list-style:none;
}



/* ---------------------------------------------- */
/* ------------- Top Drop Down Menu   ----------- */
/* ---------------------------------------------- */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dropdown {
	position: relative;
	z-index: 597;
	float: right;
}

ul.dropdown li {
	float: left;
	vertical-align: middle;
	zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}

ul.dropdown ul {
 	visibility: hidden;
 	position: absolute;
 	top: 31px;
 	left: 7px;
 	z-index: 598;
 	width: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #97897A;
}

ul.dropdown ul li {
	float: none;
	text-align: left;
}

ul.dropdown ul ul {
	top: -1px;
	left: 100%;
}

ul.dropdown li:hover > ul {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #97897A;
 	visibility: visible;
}




ul.dropdown {

	//font-size:12px;
	font-weight:normal;
}

	ul.dropdown li {
	/*    Top Nav Menu Spacing   */
	 padding: 5px 7px 3px 0px;

	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
		
	

	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #fff; text-decoration:none;}
	ul.dropdown a:hover	{ color: #fff; text-decoration:none;}
	ul.dropdown a:active	{ color: #fff; text-decoration:none;}


	/* -- level mark -- */

	ul.dropdown ul {
	font-size:14px;
	font-weight: normal;
	width: 155px;
	 
	}

		ul.dropdown ul li {
		background-color: #7c6955;
		font-weight: normal;
		/*    Top Nav Menu 2 level Spacing   */
 		padding: 4px 0 4px 7px;
		}


	ul.dropdown ul li.hover,
	ul.dropdown ul li:hover {
/* THis is the rollover background color */	
	background-color: #66513c;

	}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {

 	padding-right: 5px;

}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
	padding-right: 15px;
	background-image: url(nav-arrow-right.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
	background-image: url(nav-arrow-top.gif);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
	background-image: url(nav-arrow-right.gif);
}

ul.dropdown-vertical-rtl *.dir {
	padding-right: 10px;
	padding-left: 15px;
	background-image: url(nav-arrow-left.gif);
	background-position: 0 50%;
}



/* ---------------------------------------------- */
/* --------------- Left Nav Styles   ------------ */
/* ---------------------------------------------- */



.LeftNavFontStyle {
	display: block;
	font-size:1.3em;
	color: #c2c0c0;
	background-color: #503c28;
	margin-bottom: 8px;
	text-decoration: none;
	padding: 2px 0 2px 20px;

}


.leftNavPlusDiv {
	display: block;
	margin-bottom: 8px;
	padding: 2px 0 2px 20px;
}

.leftNavPlusDivColorBand{
	background-color: #503c28;
}

.leftNavPlusDivFont {
	font-size:1.3em;
	color: #c2c0c0;
	text-decoration: none;
}

.leftNavPlusDivFont:hover {
	color: #ffffff;
	text-decoration: none;
}

.LeftNavFontStyle:hover {
	color: #ffffff;
	text-decoration: none;
}
.Option {
	display: block;
	font-size:1.3em;
	color: #c2c0c0;
	text-decoration: none;
	margin-bottom: 8px;
	padding: 2px 0 2px 10px;
}


.Option:hover {
	color: #ffffff;
	text-decoration: none;
}
.show {
	display:inline;
}
.hide {
	display:none;
}

.subMenuLevel1{
	padding-left: 30px;
}
.subMenuLevel2{
	padding-left: 50px;
}
.subMenuLevel3{
	padding-left: 70px;
}

.leftNavHighlight {
	/*background-color: #66513C; same as main BG */
	background-color: #614B35;
}



/* ---------------------------------------------- */
/* --------- Cookie Crumb Text Styles   --------- */
/* ---------------------------------------------- */
.crumbText{
	margin: 5px 0 5px 20px;
	color:#c2c0c0;
	text-decoration:none;
}

.crumbText a {
	color:#c2c0c0;
	text-decoration:none;
}

.crumbText a:visted {
	color:#c2c0c0;
	text-decoration:none;
}

.crumbText a:hover {
	color:#ffffff;
	text-decoration:none;
}



/* ---------------------------------------------- */
/* -------------- LighBox CSS Effect ------------ */
/* ---------------------------------------------- */



#lightBox{
    display:none;
    position: absolute;
    margin:0;
    background-color: #000000;
    top: 0px;
    left: 0px;
    z-index: 9000;
    width: 100%;
    height: 100%;
    filter:alpha(opacity=70); /* IE5.5+ */
    -moz-opacity:0.7; /* Gecko browsers including Netscape 6+ and Firefox */
    -khtml-opacity: 0.7; /* Safari 1.1-1.3 */
    opacity: 0.7; /* Netscape 7.2+, Firefox, Safari 2+, Opera 9 */
}

.popUpDiv{
			display:none;
			position: absolute;
			left:25%;
			left:25%;
			top:25%;
			margin-right: auto;
			margin-left: auto;

			padding: 0;
			border: 1px solid #666666;
			background-color: #5a4531;
			z-index:9001;
			overflow: auto;

}

h1.popUp {
	font-style: normal;
	font-weight: normal;
	margin:0 10px 0 0;
	padding:0;
	line-height:1.0em;
	
}

h2.popUp {
	font-style: normal;
	font-weight: normal;
	margin:0 10px 2px 0;
	padding:0;
	line-height:1.0em;
	
}

h3.popUp {
	font-style: normal;
	font-weight: normal;
	margin:0 10px 2px 0;
	padding:0;
	line-height:1.0em;
	
}

h4.popUp {
	font-style: normal;
	font-weight: normal;
	margin:0 10px 2px 0;
	padding:0;
	line-height:1.0em;
}

h5.popUp {
	font-style: normal;
	font-weight: normal;
	margin:3px 10px 2px 0;
	padding:0;
	line-height:1.0em;
}

h6.popUp {
	font-style: normal;
	font-weight: normal;
	margin:0 10px 2px 0;
	padding:0;
	line-height:1.0em;
}
/* ---------------------------------------------- */
/* -------------- Preview Image Div ------------- */
/* ---------------------------------------------- */
#previewDiv{
	position:absolute;
	display:none;
	background-color: #7c6955;;
	border: 1px solid #ffffff;
	color:#fff;
	text-align:center;
	line-height: 100px;
}