/* CSS Document */

html, body{
	margin: 0;
	padding: 0;
	background-color: #9ba278;
	font-family: Arial, Helvetica, sans-serif;
/*	font-family: "Times New Roman", Times, serif;*/
}

/* Holds entire website */
div.container
{
	width:100%;
	margin:0px;
	line-height:150%;
	background-color: #e3e8cb;
	overflow: hidden;
	padding-bottom: 15px;
}

/* HEADER PROPERTIES */
div.header
{
	color:white;
	background-image: url(images/header_bg.jpg);
	background-repeat: repeat-x;
	border-top: 4px solid #682c2c;
	clear:left;
	height: 127px;
	overflow:hidden;
}

div.header_container{
	width:900px;
}

div.utilities{
	font-family: Helvetica, Arial, sans-serif ;
	float:right;
	font-size: 0.8em;
	color: #ffffff;
	padding: 0;
	margin:0;
	background-image: url(images/utilities_bg.gif);
	background-repeat: no-repeat;
	width: 136px;
	height: 37px;
	line-height: 180%;
	white-space: nowrap;
}

div.utilities a{
	color: #FFFFFF;
	text-decoration: none;
}

div.utilities a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/* FOOTER PROPERTIES */
div.footer
{
	padding:0.5em;
	color:#682c2c;
	background-color: #9ba278;
	clear:left;
	border-top: 1px solid #682c2c;
	font-size: 0.7em;
	color: #4f5b39;
	line-height:180%;
}

div.footer p{
	color:#4f5b39;
}

div.footer a:hover{
	color: #682c2c;
}

/* HEADINGS, LINKS, PARAGRAPHS, HRs */
hr{
	height: 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #b0b598;
	padding:0;
	margin:1.0em 0;
}

h1
{
	padding:0;
	margin:0;
	font-size: 1.5em;
}

h2
{
	padding:0;
	margin:0;
}

h3			/* Subheading */
{
	padding:0;
	margin:0.3em 0.3em;
	font-size: 1.6em;
	color: #682c2c;
}

h4
{			/* Subheading 2 */
	padding:0;
	margin:0 0.3em;
	font-size: 1.3em;
	color: #4f5b39;
}

table.pic
{
	float: center;
	padding: 0px 0px 30px 0px;
	border: 0px;
	border-spacing: 4px;
	border-collapse: collapse;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	line-height: 90%;
	color: #000000;
}

td.pic
{
	padding: 4px 10px 4px 10px;
	border: 0px;
}

table.list
{
	border: 1px solid black;
	color: #000000;
}

td.list
{
	padding: 1px 20px 1px 20px;
	border: 1px solid black;
	text-align: left;
	color: #000000;
}

table.news
{
	float: center;
	padding: 0px 0px 30px 0px;
	border: 0px;
	border-spacing: 4px;
	border-collapse: collapse;
	text-align: left;
	line-height: 90%;
	color: #000000;
}

td.news
{
	padding: 4px 20px 4px 20px;
	border: 0px;
}

h1.greetings
{
	font-weight: bold;
	font-size: 1.8em;
	text-align: center;
	margin: 10px;
	padding: 10px;
	color: #682c2c;
	background-color: #f2f7e7;
}

p.greetings
{
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	margin: 10px;
	padding: 10px;
	color: #682c2c;
	background-color: #f2f7e7;
}

div.greetings {
	background-repeat: repeat;
	opacity:0.9;
	border:0px;
	overflow: hidden;
	clear: left;
}

/* TRM 110223 cg added to simplify lg buttons */
img.lg
{
	float: left;
	margin-top: 20px;
	padding: 0;
	width: 198px;
	height: 80px;
	border: 0px;
}

p{
	margin: 1.0em 0.5em;
	line-height: 150%;
	color: #000000;
	font-size: 1.1em;
}

a {
	color: #4f5b39;
	text-decoration: underline;
}

a:hover {
	color: #8c9767;
	text-decoration: none;
}

.pic{
	border: 1px solid #999999;
}

/* Holds homepage video */
div.flash{
	margin-top:10px;
}

/* FORM */
.special{
	visibility: hidden;
}

.small_font{
	font-size: 0.8em;
	line-height: 150%;
}

/* HOMEPAGE PROPERTIES */
/* Holds home content */
div.content_home
{
	width: 920px;
	margin:0;
	padding:0;
	margin-top: 10px;
}

/* Holds lead generators */
div.left_home
{
	float:left;
	width:220px;
	margin:0;
}

/* Holds right links */
div.right_home
{
	float:right;
	width:220px;
	margin:0;
}

/* SUB NAVIGATION PROPERTIES - HOMEPAGE*/
div.subnav_top{
	width: 199px;
	background-image: url(images/subnav_top.gif);
	background-repeat: no-repeat;
	background-color: #4f5b39;
	height: 1.8em;
	text-align: center;
}

.subnav_top_heading{
	font-size: 1.0em;
	line-height: 180%;
	font-weight: bold;
	background-color: #4f5b39;
	color: #FFFFFF;
}

ul.subnav{
	width: 197px;
	background-color: #f2f7e7;
	padding:0;
	margin:0;
	text-align: left;
	border: 1px solid #b0b598;
	list-style-type: none;
	font-size: 1.0em;
}

ul.subnav li {
	color: #4f5b39;
	border-bottom: 1px dashed #b0b598;
	background: url(images/bullet.gif) left center no-repeat;	
	padding: 0.3em;
	padding-left: 1.6em;
	line-height: 150%;
}

/* MAIN TAB PROPERTIES */
div.main_tab_container{
	width: 440px;
}

div.main_tab_top{
	width: 200px;
	background-image: url(images/subnav2_top.gif);
	background-repeat: no-repeat;
	background-color: #682c2c;
	height: 1.8em;
	text-align: center;
}

.tab_heading{
	font-size: 1.0em;
	line-height: 170%;
	letter-spacing: 0.05em;	
	font-weight: bold;
	background-color: #682c2c;
	color: #FFFFFF;
}

div.middle_home
{
	width:430px;
	margin:0;
	background-color: #f2f7e7;
	border: 1px solid #b0b598;
	color: #333333;	
	text-align: left;
	font-size: 1.0em;
	padding: 5px;
}

ul.whats_new{
	padding:0;
	margin:0;
	text-align: left;
	list-style-type: none;
}

ul.whats_new li {
	background: url(images/bullet_green.gif) left center no-repeat;	
	padding: 0.3em;
	padding-left: 1.5em;
	line-height: 120%;
	color: #000000;
}

/* PROPERTIES FOR OTHER PAGES */
div.left
{
	float:left;
	width:180px;
	margin:0;
	margin-left: 5px;
}

div.left_menu
{
	float: left;
	font-size: 0.8em;
	margin: 0;
	margin-left: 20px;
	background-color: #f2f7e7;
}

p.left_menu
{
	font-weight: bold;
	margin: 0px;
	padding: 10px;
	color: #682c2c;
	background-color: #e3e8cb;
}

table.left_menu
{
	border: 1px solid #682c2c;
	color: #682c2c;
}

td.left_menu
{
	font-size: 0.9em;
	padding: 0px 2px 0px 2px;
	text-align: left;
	color: #682c2c;
}

div.content
{
	width: 920px;
	margin:0;
	padding:0;
	margin-top: 10px;
}

/* TABS FOR OTHER PAGES */
div.tab_container{
	width: 487px;
	clear: both;
	white-space: nowrap;
	overflow: hidden;
}

div.tab_top{
	width: 240px;
	background-image: url(images/subnav2_top.gif);
	background-repeat: no-repeat;
	background-color: #682c2c;
	height: 1.8em;
	text-align: center;
	white-space:nowrap;
}

.tab_heading2{
	font-size: 1.0em;
	line-height: 170%;
	letter-spacing: 0.05em;
	font-weight: bold;
	background-color: #682c2c;
	color: #FFFFFF;
	white-space: nowrap;
}

div.middle
{
	width:680px;
	margin:0;
	background-color: #f2f7e7;
	border: 1px solid #b0b598;
	color: #000000;	
	text-align: left;
	font-size: 0.8em;
	padding: 0.5em;
	float: right;
}

div.text
{
	width:888px;
	margin:0;
	background-color: #f2f7e7;
	border: 1px solid #b0b598;
	color: #000000;	
	text-align: left;
	font-size: 0.8em;
	padding: 0.5em;
	float: center;
}

/* TRM 100215 cg added class for job description */
div.job_desc
{
	width:535px;
	margin-top: 10px;
	background-color: #f2f7e7;
	border: 2px solid #b0b598;
	color: #000000;	
	text-align: justify;
	font-size: 0.8em;
	padding: 0.5em;
	float: right;
}

/* Holds page video */
div.flash2{
	margin:0;
	width: 694px; 
	height: 234px; 
	background-color: #CCCCCC;	
	margin-bottom: 10px;
	float: right;
}

/* Holds two videos on page TRM 100326 cg added */
div.flash3{
	margin-top: 0px;
	padding: 2px;
	width: 690px; 
	height: 252px; 
	border: 10px;
	margin-bottom: 10px;
	float: right;
}

/* SUB NAVIGATION PROPERTIES*/
div.subnav_smaller_top {
	width: 198px;
	background-image: url(images/subnav_smaller.gif);
	background-repeat: no-repeat;
	background-color: #4f5b39;
	height: 1.5em;
	text-align: center;
}

.subnav_smaller_heading {
	font-size: 1.0em;
	line-height: 150%;
	font-weight: bold;
	background-color: #4f5b39;
	color: #FFFFFF;
}

ul.subnav_smaller {
	width: 196px;
	background-color: #f2f7e7;
	padding:0;
	margin:0;
	text-align: left;
	border: 1px solid #b0b598;
	list-style-type: none;
	font-size: 0.9em;
}

ul.subnav_smaller li {
	color: #4f5b39;
	border-bottom: 1px dashed #b0b598;
	padding: 0.3em;
	padding-left: 1.0em;
	line-height: 150%;
}

ul.subnav_smaller li a{
	text-decoration: none;
}

ul.subnav_smaller li a:hover{
	text-decoration: underline;
}

ul.subnav_smaller li ul {
	color: #4f5b39;
	padding: 0;
	padding-left: 0.8em;
	margin:0;
	line-height: 150%;
	list-style-type: none;
}

ul.subnav_smaller li ul li {
	color: #682c2c;
	border-bottom: 0px dashed #b0b598;
	padding: 0.3em;
	padding-left: 0.8em;
	margin:0;
	line-height: 100%;
}

ul.subnav_smaller li ul li a{
	color: #682c2c;
	border-bottom: 0px dashed #b0b598;
}

/* DEFAULT LISTS */
ul.default{
	margin:0 1.0em;
	padding:0;
	font-size: 1.1em;
}

ul.default li{
	margin-left: 1.5em;
	margin-bottom: 0.8em;
	line-height: 120%;
	color: #000000;
}

/* CONTACT TABLE */
.contact_table{
	float: center;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #b0b598;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	background-color: #dce4b7;
	font-size: 1.1em;
}

.contact_table th{
	text-align: left;
	font-weight: normal;
	color: #682c2c;
	border-bottom: 0px solid #b0b598;
	padding-left: 0.5em;
}

.contact_table td{
	border-bottom: 0px solid #b0b598;
}

.contact_table th.lighter{
	background-color: #f2f7e7;
}

.contact_table td.lighter{
	background-color: #f2f7e7;
}


/* NAVIGATION MENU */
.menu_container{
	width: 100%;
	background:  url(images/menu/menu_bg.jpg) center top repeat-x;
	clear:both;
}

#multi-level {
	width: 900px;
	height:40px; 
	position:relative; 
	z-index:100;
	overflow: visible;
}

#multi-level .pad {
	float:left;
}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {
	list-style-type:none; 
	padding:0; 
	margin:0; 
	font-family: Arial, Helvetica, sans-serif;
}

/* Set up the top level list items and float left to place inline */
.menu li.top {
	display:block;
	float:left;
	position:relative;
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
}

/* Default top link link styling */
.menu li.top a.top_link {
	display:block; 
	float:left; 
	height:40px;
}

/* move the link text off screen */
.menu li.top a span {
	position:absolute; 
	left:-9999px; 
	top:0; 
	z-index:0; 
	font-size:10px;
}

/* pre-load the hover images into the lists */
.menu li.p1 {
	width:75px; 
	background:url(images/menu/home_1.jpg) no-repeat;
}
.menu li.p2 {
	width:92px; 
	background:url(images/menu/company_1.jpg) no-repeat;
}
.menu li.p3 {
	width:86px; 
	background:url(images/menu/services_1.jpg) no-repeat;
}
.menu li.p4 {
	width:88px; 
	background:url(images/menu/loc_1.jpg) no-repeat;
}
.menu li.p5 {
	width:80px; 
	background:url(images/menu/careers_1.jpg) no-repeat;
}
.menu li.p6 {
	width:80px; 
	background:url(images/menu/news_1.jpg) no-repeat;
}
.menu li.p7 {
	width:111px; 
	background:url(images/menu/testimonials_1.jpg) no-repeat;
}
.menu li.p8 {
	width:91px; 
	background:url(images/menu/contact_1.jpg) no-repeat;
}

/* set up the normal unhovered images in the links */
.menu li a#home {
	width:75px; 
	background:url(images/menu/home_0.jpg) no-repeat;
}
.menu li a#company {
	width:92px; 
	background:url(images/menu/company_0.jpg) no-repeat;
}
.menu li a#services {
	width:86px; 
	background:url(images/menu/services_0.jpg) no-repeat;
}
.menu li a#loc {
	width:88px; 
	background:url(images/menu/loc_0.jpg) no-repeat;
}
.menu li a#careers {
	width:80px; 
	background:url(images/menu/careers_0.jpg) no-repeat;
}
.menu li a#testimonials {
	width:111px; 
	background:url(images/menu/testimonials_0.jpg) no-repeat;
}
.menu li a#contact {
	width:91px; 
	background:url(images/menu/contact_0.jpg) no-repeat;
}
.menu li a#news {
	width: 80px ;
	background:url(images/menu/news_0.jpg) no-repeat ;
}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {
	visibility:visible;	/* for IE6 */
} 
.menu li:hover { 
	position:relative; 
	z-index:200;		/* for IE7 */
} 

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#company:hover, .menu li:hover a#company,
.menu li a#services:hover, .menu li:hover a#services,
.menu li a#loc:hover, .menu li:hover a#loc,
.menu li a#careers:hover, .menu li:hover a#careers,
.menu li a#testimonials:hover, .menu li:hover a#testimonials,
.menu li a#contact:hover, .menu li:hover a#contact,
.menu li a#news:hover, .menu li:hover a#news
	{background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0;
}

/* set up the first drop down sub level */
.menu :hover ul.sub {
	left:0; 
	top:30px; 
	background: #0d0d5a; 
	padding:3px 0; 
	border:1px solid #888; 
	white-space:nowrap; 
	width:120px; 
	height:auto;
}
.menu :hover ul.sub li {
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	width:90px;
}
.menu :hover ul.sub li a {
	display:block; 
	font-size:11px; 
	height:20px; 
	width:120px; 
	line-height:20px; 
	text-indent:5px; 
	color:#fff; 
	text-decoration:none; 
	border:3px solid #fff; 
	border-width:0 0 0 0px;
}
.menu :hover ul.sub li a.fly {
	background:#0d0d5a url(multi_level-files/arrow.gif) 110px 7px no-repeat;
}
.menu :hover ul.sub li a:hover {
	background:#bf7d1d; 
	color:#fff;
}
.menu :hover ul.sub li a.fly:hover {
	background:#bf7d1d url(multi_level-files/arrow_over.gif) 110px 7px no-repeat; 
	color:#fff;
}
.menu :hover ul li:hover > a.fly {
	background:#bf7d1d url(multi_level-files/arrow_over.gif) 110px 7px no-repeat; 
	color:#fff;
} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {
	left:120px; 
	top:-4px; 
	background: #0d0d5a; 
	padding:3px 0; 
	border:1px solid #888; 
	white-space:nowrap; 
	width:120px; 
	z-index:200; 
	height:auto; 
	z-index:300;
}