html, body {
	zoom: 1;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	color: #000000;
	}


/* ****** MISC ****** */

html { overflow-y: scroll; } /* this forces a scroll for short windows on FF and Safari */
.clear { clear: both; height: 1px; overflow: hidden; }
.top_of_page a, .top_of_page a:visited {
	margin-left: 150px;
	color: #fcfcfc;
	font-size: 10px;
	text-decoration: none;
	border-bottom: #fcfcfc 1px solid;
	}
.top_of_page a:hover {
	color: #aaaaaa;
	border-bottom: #aaaaaa 1px solid;
	}


/* ****** OVERALL WRAP ****** */

#fe_wrap {
	height: 100%;
	margin: 0 auto;
	background-image: url('../assets/fe_mid_bkg.gif');
	background-repeat: repeat;
	}
body > #fe_wrap { 
	height: auto; min-height: 100%; 
	}
#fe_main {
	width: 100%; height: 100%;
	} 

.fe_head {
	position: relative;
	width: 100%; height: 120px;
	background: #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
.fe_head #container {
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	}
#header {
	padding: 0 0 0 20px;
	}
#header h1 {
	display: none;
	}
#logo {
	width: 389px;
	position: absolute; 
	top: 28px;
	}
#logo a, #logo a:visited, #logo a:hover {
	border: none;
	text-decoration: none;
	}
#slogan {
	position: relative;
	width: 461px;
	top: 78px;
	left: 434px;
	}
/* CSS for Social Media Icons are at bottom of page */



/* end of top division */

.fe_mid {
	position: relative;
	width: 100%;
	background-image: url('../assets/fe_mid_bkg.gif');
	background-repeat: repeat;
	}
.fe_mid #container {
	position: relative;
	width: 960px;
	margin: 0 auto; 
	background: #000000;
	}

#gold_rule_line {
	position: relative;
	height: 10px;
	width: 960px;
	background-color: #ffbe1b;
	}

#mainContent {
	position: relative;
	width: 958px;
	background-image: url('../assets/fe_midcontainer_bkg.gif');
	background-repeat: repeat-y;
	}
	
#left_sidebar  {
	position: relative;
	width: 200px;
	float: left;
	padding: 66px 0; left: 32px;
	color: #ffffff;
	font: 12px Georgia, serif;
	}
#left_sidebar p	{
	line-height: 18px;
	width: 172px;
	padding: 12px 0px;
	}
#left_sidebar ul	{
	line-height: 16px;
	margin-bottom: 14px;
	}
#left_sidebar li	{
	margin-top: 6px;
	}
#left_sidebar ul a	{
	color: #ffffdd;
	text-decoration: none;
	border-bottom: 1px #ffffdd dotted;
	padding-bottom: 1px;
	}
#left_sidebar ul a.open {
	color: #ffbe1b;
	font-weight: bold;
	border-bottom: 1px #ffbe1b dotted;
	}
#left_sidebar ul a:hover	{
	color: #ffbe1b;
	text-decoration: none;
	border-bottom: 1px #dadada dotted;
	}


#the_story {
	position: relative;
	width: 720px; min-height: 420px;
	padding-bottom: 40px;
	float: left; left: 40px;
	background-image: url('../assets/truck_duo.gif');
	background-repeat: no-repeat;
	}
#the_story p {
	position: relative;
	left: 72px;
	width: 264px;
	padding: 10px 0 14px 32px;
	color: #ffffff;
	line-height: 18px;
	font-family: Georgia, serif;
	font-size: 12px;
	}
#the_story a {
	color:#ffffff;
	text-decoration: none;
	border-bottom: 1px #ffffff dotted;
	}
#the_story a:hover {
	color: #eeb211;
	border-bottom: 1px #eeb211 dotted;
	}
#the_story h1 {
	color: #fffffe;
	font: 20px Georgia, serif;
	font-weight: bold;
	padding-top: 4px; padding-left: 104px; 
	}
#the_story h2 {
	color: #fffffe;
	font: 10px verdana, sans-serif;
	font-weight: bold;
	padding-left: 104px;
	}
#the_story img.portrait {
	position: relative; display: block;
	border: 15px #000000 solid;
	margin-top: 50px; margin-left: 102px;
	}
#the_story img.sign {
	position: relative; display: block;
	border: 8px #000000 solid;
	margin-top: 50px; margin-left: 102px;
	}
#the_story ul {
	padding: 0px 0px 14px 108px;
	margin-top: 64px;
	color: #ffffff;
	line-height: 16px;
	font-family: Georgia, serif;
	font-size: 12px;
	list-style-type: disc;
	list-style-position: inside;
	}
.fe_bottom {
	position: relative;
	width: 100%;
	background-color: #000000;
	}
.fe_bottom #container {
	position: relative;
	width: 960px; min-height: 220px;
	color: #ffffff;
	margin: 0 auto;
	}
#bottom_subnav {
	width: 960px; 
	position: relative;
	font: 9px Verdana, sans-serif;
	text-align: center;
	top: 12px;
	}
#bottom_subnav li {
	display: inline;
	}
#bottom_subnav span {
	margin: 0 9px;
	}
#bottom_subnav a {
	color: #ffffff;
	text-decoration: none;
	}
#bottom_subnav a:hover {
	color: #eeb211;
	}
	
#address {
	position: relative;
	width: 960;
	top: 4px;
	padding-left: 32px;
	}
#address p {
	width: 480;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
	}
#address a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px #ffffff dotted;
	}
#address a:hover {
	color: #eeb211;
	border-bottom: 1px #eeb211 dotted;
	}

/* menu items about page left sidebar */
#mid_subnav_blocking span {
	font: 9px Verdana, sans-serif;
	margin-left: 10px; 
	}
	
/* Top Social: Media Icons */
#topSocial ul { 
	list-style: none outside none; 
	margin-left: 788px; 
	}
#topSocial ul li { 
	display: inline; 
	}
#topSocial ul li a { 
	display: block; 
	float: left; 
	height: 24px; 
	width: 24px; 
	text-indent: -9999px; 
	padding: 0px 4px 0px 0px; 
	outline: none; 
	}
#topSocial ul li a.facebook { 
	background: url('../assets/facebook_top.png') 0px 0px no-repeat; 
	}
#topSocial ul li a:hover.facebook { 
	background: url('../assets/facebook_top.png') 0px -24px no-repeat; 
	}
#topSocial ul li a.twitter { 
	background: url('../assets/twitter_top.png') 0px 0px no-repeat; 
	}	
#topSocial ul li a:hover.twitter { 
	background: url('../assets/twitter_top.png') 0px -24px no-repeat; 
	}	
#topSocial ul li a.linkedin { 
	background: url('../assets/linkedin_top.png') 0px 0px no-repeat; 
	}	
#topSocial ul li a:hover.linkedin { 
	background: url('../assets/linkedin_top.png') 0px -24px no-repeat; 
	}