﻿/* Color Scheme */

.lbo-cream {color: #f5de8c;}
.lbo-cream2 {color: #f8e9b1;}
.lbo-cream-lt {color: #fcf4d7;}
.lbo-red {color: #87212e;}
.lbo-green {color: #146548;}
.lbo-grey {color: #71706e;}
.lbo-blue {color: #a9bbc2;}
.lbo-greygreen {color: #769180;}
.lbo-bluegrey {color: #aaa9a8;}
.lbo-ltbluegrey {color: #cfcecf;}
.lbo-ltgrey1 {color: #e2e1e2;}
.lbo-ltgrey2 {color: #f6f6f6;}

/* ===== MAIN STRUCTURE ===== */

/* Home */

body {
	margin: 0px;
	padding: 0px;
	background-image: url('~/media/LBO/Images/Layout/bg.ashx');
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

p {line-height: 17px;}
p, div, td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}

div {
  margin: 0; 
	padding: 0;
}

.main {
	margin: 0 auto;
	text-align: left;
	width: 898px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-top: none;
}
.container {
	position: relative;
	width: 100%;
}
.top {
	position: relative;
	width: 898px;
	height: 95px;
	background-image: url('~/media/LBO/Images/Layout/bg_top.ashx');
	background-repeat: no-repeat;
}
.logo {
	position:absolute;
	width:322px;
	height:95px;
	z-index:1;
	left: 0px;
	top: 0px;
}
.nav {
	position: relative;
	top: 1px;
	width: 896px;
	border: 1px solid #e5ce92;
	background-image: url('~/media/LBO/Images/Layout/bg_nav.ashx'); background-position: center;
	text-align: center;
	border: 1px solid #e6d097;
}

	.nav-cells {padding: 5px 3.5em; text-align: center;
				background-image: url('~/media/LBO/Images/Layout/bg navline.ashx'); background-position: right; background-repeat: repeat-y;}
				#nobg {background: none;}

.content {
	position: relative;
	width: 868px;
	text-align: center;
	padding: 14px 14px 4px 14px;
	display: table;
}
.left_column {float: left; width: 646px;}

	.left_column_container {position: relative; padding: 10px;
 						    width: 626px; height: 184px;}
		.left-column-left {position: relative; float: left; padding-left: 10px;
							width: 445px;}
							.left-column-leftA {position: relative; float: left; 
												width: 145px; height: 126px;}
							.left-column-leftB {position: relative; float: right; border-right: 1px solid #eaeae9;
												width: 270px; height: 126px; padding: 10px 20px 0px 0px;}
							
		.left-column-right {position: relative; float: right; margin-right: 5px; padding-top: 18px;
							width: 150px;}
							.left-column-right ul li {margin-top: 8px;}
		
	#creamrow {background-color: #fcf4d7; border-top: 1px solid #f8e9b1; border-bottom: 1px solid #f8e9b1;}

.right_column {float: right; width: 187px; height: 621px; padding: 30px 0px 0px 20px;
				background-image: url('~/media/LBO/Images/Layout/bg home column right.ashx');
				background-position: left top; background-repeat: no-repeat;}
	.right_column ul li {line-height: 14px;}
	
	.right_column ul {margin-bottom: 30px;}
	
	.right_column_container {position: relative;
 						    width: 207px; height: 621px;}
	.newsline {position: relative; width: 180px; height: 30px;
			background-image: url('~/media/LBO/Images/Layout/bg_newsline.ashx'); background-position: top; background-repeat: repeat-x;}

/* Other Pages */

.sidenav {float: left; width: 203px; height: 560px; text-align: right; padding-top: 5px;
		  background: #fff url('~/media/LBO/Images/Layout/bg sidenav.ashx') no-repeat top right;}
/* background: background-color | background-image | background-repeat | background-attachment | background-position */
	.sidenav ul li {margin-left: 19px; width: 180px; font-size: 11px; font-weight: bold;}

	.sidenav-item {position: relative; width: 201px; height: 20px; padding-top: 8px; margin-left: 2px;
					background: url('~/media/LBO/Images/Layout/sidenav_btm.ashx') no-repeat bottom right;}

	.sidenav-sel {position: relative; width: 201px; height: 20px; padding-top: 8px; margin-left: 2px;
					background: #fff url('~/media/LBO/Images/Layout/sidenav_btm.ashx') no-repeat bottom right;}
					#sidenav-sel-top {height: 21px; background: #fff url('~/media/LBO/Images/Layout/sidenav_btmtop.ashx') no-repeat right;}
					
.rightside {float: right; width: 637px;}
.rightside p {margin-bottom: 20px; text-align: justify;}

.rightside-left {float: left; width: 294px;}
.rightside-right {float: right; width: 323px;}

.relatedLink {margin-left: 19px; width: 180px; font-size: 11px; font-weight: bold;}

/* Headers & other Text Styles */
   /* (font: style transform weight size font-family) */
h1 {font: normal normal normal 18px Verdana, Arial, Helvetica, sans-serif; text-align:left;
	margin: 0 0 17px 0;}
h1.pagehead {background: url('~/media/LBO/Images/Layout/diamond.ashx') no-repeat left; padding-left: 28px; border-bottom: 1px solid #87212e;}
h2 {font: italic normal bold 14px Verdana, Arial, Helvetica, sans-serif; text-align:left;
	margin: 0 0 10px 0;}
h3 {font: normal small-caps normal 16px Verdana, Arial, Helvetica, sans-serif; color: #71706e; 
	margin: 0 0 30px 0;}
	h3.margin-tweak {margin-bottom: 20px;}
h4 {font: normal normal normal 21px Verdana, Arial, Helvetica, sans-serif; color: #71706e;
	margin: 0 0 10px 0;}
h5 {font: normal normal bold 14px Verdana, Arial, Helvetica, sans-serif; color: #87212e;
	margin: 0 0 2px 0;}

strong {font-weight: bold;}

.small {font-size: 11px;}
.smaller {font-size: 10px;}

.date {color: #aaa8a9; font-style: italic; font-size: 10px;}

/* Feature Box */


.feature {
	position: relative;
	width: 100%;
	margin-bottom: 14px;
	z-index:10;
}

/* Rounded Corners */

.rounded_corner_top_left, .rounded_corner_top_right, .rounded_corner_btm_left, .rounded_corner_btm_right {
	position:absolute;
	width:3px;
	height:3px;
	z-index:2;
	font-size: 0;
	background-image: url('~/media/LBO/Images/Layout/corners.ashx');
}
.feature .rounded_corner_top_left, .feature .rounded_corner_top_right, .feature .rounded_corner_btm_left, .feature .rounded_corner_btm_right {
background-image: url('~/media/LBO/Images/Layout/corners_feat.ashx');

}
.rounded_corner_top_left {
	left: 0px;
	top: 0px;
}
.rounded_corner_top_right {
	right: -2px;
	top: 0;
	background-position: top right;
	_right: 0;
} 
.rounded_corner_btm_left {
	left: 0px;
	bottom: 0px;
	background-position: bottom left;
	
}
.rounded_corner_btm_right {
	right: -2px;
	bottom: 0px;
	background-position: bottom right;
	_right: 0;
	
}
.featurebox {
	position: relative;
	width: 100%;
	border: 1px solid #71706e;
	z-index: 1;
	height: 196px;
}

.featurebox-other {
	position: relative;
	width: 100%;
	border: 1px solid #71706e;
	z-index: 1;
	height: 90px;
}


.footer {
	position: relative;
	width: 100%;
	height: 24px;
	clear: both;
	background-image: url('~/media/LBO/Images/Layout/bg_footer.ashx');
	border-bottom: 2px solid #ffffff;
}

	.footer-left {position: relative; float: left; clear: left; padding: 5px 0 0 5px;
				font: normal normal normal 10px Tahoma, sans serif; color: #ffffff;}
	.footer-right {position: relative; float: right; clear: right; padding: 5px 5px 0 0;
				font: normal normal normal 10px Tahoma, sans serif; color: #ffffff;}


.footer p {
  text-align: right;
  margin:0 5px; 
	line-height: 24px; 
  color:#ffffff;
}
/* (font: style transform weight size font-family) */	

/* Etc */

.img-brdr {border: 1px solid #87212e;}
#util-contact {
	position:absolute;
	width:54px;
	height:20px;
	z-index:2;
	left: 710px;
	top: 10px;
	padding: 5px 0 0 32px;
	background-image: url('~/media/LBO/Images/Layout/bg contact.ashx'); background-position: left; background-repeat: no-repeat;
}

#util-careers {
	position:absolute;
	width:60px;
	height:20px;
	z-index:2;
	left: 803px;
	top: 10px;
	padding: 5px 0 0 26px;
	background-image: url('~/media/LBO/Images/Layout/bg careers.ashx');
	background-position: left;
	background-repeat: no-repeat;
}

.highlights {float: right; margin-left: 20px; padding: 10px;
			width: 199px; }
			
			.highlights ul li {line-height: 26px; margin-left: 18px;
							   font-weight: bold; color: #87212e;
							   list-style-image: url('~/media/LBO/Images/Layout/bulletarrow.ashx');}
							   
#greybox {background-color: #f6f6f6; border: 1px solid #e2e1e2; }
							   
.posted {font-size: 11px; margin-top: 2px;}

#margin2btm {margin-bottom: 2px;}

.deevider {height: 21px; background: url('~/media/LBO/Images/Layout/job divider.ashx') repeat-x;}
/* background: background-color | background-image | background-repeat | background-attachment | background-position */

#float-pic-right {float: right; margin-left: 20px;}

.disc-margin {list-style:disc; margin-left: 20px; line-height: 18px;}

/* The A Team */

a:link {color: #87212e; text-decoration: none;}
	a:visited {color: #87212e; text-decoration: none;}
	a:hover {color: #aaa9a8; text-decoration: underline;}

a.main-nav:link {color: #146548; text-decoration: none; font: normal normal bold 14px Tahoma, sans-serif;}
	a.main-nav:visited {color: #146548; text-decoration: none; font: normal normal bold 14px Tahoma, sans-serif;}
	a.main-nav:hover {color: #87212e; text-decoration: underline; font: normal normal bold 14px Tahoma, sans-serif;}

a.main-sel:link {color: #87212e; text-decoration: underline; font: normal normal bold 14px Tahoma, sans-serif;}
	a.main-sel:visited {color: #87212e; text-decoration: underline; font: normal normal bold 14px Tahoma, sans-serif;}
	a.main-sel:hover {color: #87212e; text-decoration: none; font: normal normal bold 14px Tahoma, sans-serif;}
	
a.utility:link {color: #ffffff; text-decoration: none; font: normal normal normal 10px Tahoma, sans-serif;}
	a.utility:visited {color: #ffffff; text-decoration: none; font: normal normal normal 10px Tahoma, sans-serif;}
	a.utility:hover {color: #f5de8c; text-decoration: underline; font: normal normal normal 10px Tahoma, sans-serif;}

a.footerlink:link {color: #ffffff; text-decoration: underline; font: normal normal normal 10px Tahoma, sans-serif;}
	a.footerlink:visited {color: #ffffff; text-decoration: underline; font: normal normal normal 10px Tahoma, sans-serif;}
	a.footerlink:hover {color: #f5de8c; text-decoration: none; font: normal normal normal 10px Tahoma, sans-serif;}
   /* (font: style transform weight size font-family) */

a.sidenav-link:link {color: #aaa9a9; text-decoration: none; padding-left: 20px;
					font: normal normal bold 11px Verdana, Arial, Helvetica, sans-serif;}
	a.sidenav-link:visited {color: #aaa9a9; text-decoration: none; padding-left: 20px;
					font: normal normal bold 11px Verdana, Arial, Helvetica, sans-serif;}
	a.sidenav-link:hover {color: #87212e; text-decoration: none; padding-left: 20px;
						font: normal normal bold 11px Verdana, Arial, Helvetica, sans-serif;
						background: url('~/media/LBO/Images/Layout/diamond_sm.ashx') no-repeat bottom left;}
						
	a.sidenav-link-sel:link, a.sidenav-link-sel:visited, a.sidenav-link-sel:hover
						{color: #87212e; text-decoration: none; padding-left: 20px;
						font: normal normal bold 11px Verdana, Arial, Helvetica, sans-serif;
						background: url('~/media/LBO/Images/Layout/diamond_sm.ashx') no-repeat bottom left;}

a.subheader:link {color: #87212e; text-decoration: underline; font-size: 14px; font-weight: bold;}
	a.subheader:visited {color: #87212e; text-decoration: underline; font-size: 14px; font-weight: bold;}
	a.subheader:hover {color: #aaa9a8; text-decoration: none; font-size: 14px; font-weight: bold;}
	
	table.form_table tr td { padding: 4px 8px; margin: 0;} /*--- Added 04/12 (JM) ---*/
	
	
a.main-sel {color: #87212e !important; text-decoration: underline !important; }
.nav #suckerfishnav .last-main-nav { background-image: none;}
.nav-cells {
}
.nav { z-index: 1000;  }
.content {clear: both; }
#suckerfishnav {
	background: url('~/media/LBO/Images/Layout/bg_nav.ashx') left center repeat-x;
	/*background:#f5de8c; */
	border-top: none;
	font-size:14px;
	font-family:verdana,sans-serif;
	font-weight:bold;
}
#suckerfishnav, #suckerfishnav ul  {
	float:left;
	list-style:none;
	padding: 0;
/*	border:0px solid #f5de8c; */	
	margin:0 0 0px 0;
	width:100%;
	z-index:200;
	}
#suckerfishnav a {
	display:block;
	color:#146548;
	text-decoration:none;
	line-height:20px;
	padding: 5px 15px;
	width: 119px;
	text-align: center;
	background: url('~/media/LBO/Images/Layout/bg navline.ashx') top right repeat-y;
	}
#suckerfishnav li {
	float:left;
	padding:0;
	z-index:200;
	}
#suckerfishnav li ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:160px;
	font-weight:normal;
	margin:0;
	line-height:1;
	-moz-opacity:1;
	opacity:1;
	khtml-opacity:1;
	z-index:200;
	}
#suckerfishnav li li {
	padding-right:1px;
	width:160px;
	border-bottom:0px solid #aaa;
	z-index:200;
	} 
	#suckerfishnav li li a { padding: 4px 10px; background-image: none; text-align: left;} 
	#suckerfishnav li ul li { font-weight:bold; font-family:verdana,sans-serif; width: 159px; } 
	#suckerfishnav li ul li a { font-size:12px;  color: #146548; width: 140px;} 
	#suckerfishnav li:hover ul li a { color:#146548; } 
	#suckerfishnav li ul ul { margin:-28px 0 0 160px; } 
	#suckerfishnav li ul li:hover { background:#efd483} 
	#suckerfishnav li ul li:hover a { color:#87212e; border-bottom: 1px solid #87212e; padding-bottom: 3px; } 
	#suckerfishnav li ul li:hover li a { color:#146548; } 
	#suckerfishnav li ul li li:hover a { color:#87212e; border-bottom: 1px solid #87212e; padding-bottom: 3px;} 
	#suckerfishnav li ul li ul li:hover ul li a { color:#87212e; border-bottom: 1px solid #87212e; padding-bottom: 3px;} 
	#suckerfishnav li ul li ul li:hover ul li:hover a { color:#87212e; border-bottom: 1px solid #87212e; } 
	#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul { left:-999em; } 
	#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul { left:auto; background:#f5de8c; } 
	#suckerfishnav li:hover, #suckerfishnav li.sfhover { background:#f5de8c; } 
	#suckerfishnav li:hover a, #suckerfishnav li.sfhover a { color:#87212e; }	