@charset "utf-8";

/*
colors to note
boloyellow #dbb351
bologrey #969a9d
bolodarkgrey #323232
*/

html
{
	text-align:center;
	height:100%;
}

body
{
	/*fonts and stuff go here*/
	position:relative;
	top:0;
	width:1024px;
	margin: 0 auto;
	text-align:left;
	/* background: url("../../../images/background.jpg"); */
	background-color:#CBCDCE;
	/* background-color:#CBCDCE; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #323232;
	height:100%;
}

a
{
	color: #369;
	text-decoration:underline;
}

/*generics*/

.lefttext
{
	text-align:left;
}

/* layout */
.centerdiv
{
	width:984px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
.centerdiv2
{
	float:left;
}
.centerdiv3
{
	width:400px;
	margin-left:auto;
	margin-right:auto;
}

#header
{
	width:1010px;  // was 1024
	height:144px;  // was 146
	background: url("../../../images/bolo_services_header.jpg");
	color: #000000;
	margin-left:auto;
	margin-right:auto;
}

#bolologo_sub
{
	position:relative;
	top: 40px;
	left: 55px;
	float:left;
	border: 0px;
}

#fourdots_sub
{
	position:relative;
	top: 65px;
	left: 315px;
	float:left;
}

#toptagline_sub
{
	position:relative;
	width:240px;
	height: 60px;
	top: 53px;
	left: 330px;
	float:left;
}

#header_home
{
	width:1024px;
	height:215px;
	background: url("../../../images/bolo_services_home_header.jpg");
	color: #000000;
	margin-left:auto;
	margin-right:auto;
}

#bolologo_home
{
	position:relative;
	top: 75px;
	left: 55px;
	float:left;
	border: 0px;
}

#fourdots_home
{
	position:relative;
	top: 90px;
	left: 315px;
	float:left;
}

#toptagline_home
{
	position:relative;
	width:240px;
	height: 60px;
	top: 80px;
	left: 330px;
	float:left;
}

#homepagegreypane
{
	text-align:left;
}

#decisiontools
{
	background-color: #004B91;
	border: 8px solid #323232;
	width: 390px;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
}

#decisiontoolsoptions
{
	width: 417px;
}

#decisiontoolsoptions img
{
	display: inline;
	border: 0px;
}

#decisiontoolsflash
{
	margin-top: 25px;
}

.orangehilite
{
	font-weight: bold;
	background-color: #e6ca85;
}

#content
{
	min-height: 300px;
	background-color: #FFFFFF;
	color: #323232;
	width: 99%;
	text-align: left;
	margin-left: 5px;
	float:left;
}
#content2
{
	min-height: 200px;
	background-color: #FFFFFF;
	color: #323232;
	width: 400px;
}
.leftshadowhome
{

	height:100%;
	width: 12px;
	background: url("../../../images/left-shadowbg.png") repeat-y right;
}
.rightshadowhome
{
	height:100%;
	width: 12px;
	background: url("../../../images/right-shadowbg.png") repeat-y top left;
}

.leftshadow
{

	height:100%;
	width: 5px;
	background-image: url("../../../images/left-shadowbg-interior.png");
	background-postion: right;
}
.rightshadow
{
	height:100%;
	width: 5px;
	background-image: url("../../../images/right-shadowbg-interior.png");
	background-postion: left;
}




/* CONTENT STYLES */
#leftcontent
{
	width:250px;
}

#leftcontent table
{
	width: 249px;
}

#leftcontent td ul
{
	list-style:none;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 12px;
}

ul.noindent
{
	list-style:none;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 12px;
}

li.activeleftnav
{
	background: no-repeat 0 5px url(../../../images/4smalldotswhitematte.gif);
	padding-left:18px;
	font-weight: bold;
	min-height:18px;
	margin: 4px auto 4px auto;
}

li.activeleftnav ul
{
	font-weight:normal;
}

li.inactiveleftnav
{
	padding-left:18px;
	min-height:18px;
	margin: 4px auto 4px auto;
}


#leftcontent td li a
{
	text-decoration:none;
	color: #323232;
}
#leftcontent td li a:hover
{
	text-decoration:underline;
	color: #323232;
}
#middlecontent
{
	width: 450px;
}
#rightcontent
{
	width: 250px;
}

/* UI COMPONENTS */

.whitepanetitle
{
	font-weight:bold;
}

.bigtitleheading
{
	text-align: left;
	font-weight: normal;
	font-size: 14pt;
	color: #333333;
	padding-left: 22px;
	padding-right: 22px;
	background-image: url("../../../images/bigtitlebg.gif")
}

.bigtitleheading_noright
{
	text-align: left;
	font-weight: normal;
	font-size: 11pt;
	color: #333333;
	padding-left: 22px;
	padding-right: 22px;
	background-image: url("../../../images/bigtitlebg_noright.gif")
}

.bigtitleheadingnobackground
{
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	color: #FFF;
	padding-left: 22px;
	padding-right: 22px;
	background-color: #323232;
}

.bigtitletext
{
	max-width: 350px;
}

.biglittletitleheading
{
	font-weight: normal;
	font-size: 14pt;
	color: #333333;
	padding-left: 22px;
	padding-right: 22px;
	background-image: url("../../../images/biglittletitlebg.gif")
}

.smalltitleheading
{
	font-weight: bold;
	font-size: 14px;	
	padding-top: 3px;
	padding-left: 22px;
	padding-right: 22px;
	background-image: url("../../../images/smalltitlebg.gif");
	background-position: top left;
	background-repeat: no-repeat;
	height: 37px;
	color: #333333;
}

.titledots
{
	padding: 7px;
	vertical-align: middle;
}

.whitepane
{
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 15px;
	font-size: 8pt;
}

.whitepanelightpadding
{
	padding: 0 5px 5px 10px;
	font-size: 8pt;
}

.whitepanelightpadding li
{
	padding-top: 3px;
	padding-bottom: 3px;
}

img.nopadding
{
	margin-left: auto;
	margin-right: auto;
}

.whitepane h3
{
	padding-top:10px;
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 11px;
}

.greypanecontainer_noright
{
	width: 715px;
	margin-right:10px;
}

.greypane
{
	/* background-color: #dddddd; */
	/* background-color: #E5E2F6; */
	background-color: #F2F3F4;
	padding: 20px;
	font-size: 8pt;
	text-align:left;
}
.greypane2
{
	background-color: #dddddd;
	padding: 20px;
	font-size: 8pt;
}
.greypane3
{
	background-color: #dddddd;
	padding: 20px;
	width: 400px;
	font-size: 8pt;
}
.whiteleftshadow
{
	height:100%;
	width: 8px;
	background: url("../../../images/whiteleftshadow.gif") repeat-y top right;
}
.whiterightshadow
{
	height:100%;
	width: 8px;
	background: url("../../../images/whiterightshadow.gif") repeat-y top left;
}
/* press releases */
.pressHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-style: normal;

}
.pressHead2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-style: italic;

}
/*news pane */
.newsitem
{
	padding:2px;
	padding-bottom: 5px;
	border-bottom: 1px solid #969a9d;
}
.newsitemfull
{
	/*padding-2px;*/
	padding-bottom:20px;
}

/*careers*/
th { font-weight: bold; }
strong { font-weight: bold; }
.job-opportunity { width: 190px; }
.job-posted { width: 140px; }
.job-location { width: 115px; }


/*BREADCRUMBS*/
#breadcrumb
{
	height:25px;
	padding-left: 285px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	text-align: left;
}

/* Social Media */
.media_twitter{width:24px; height:26px; background:url("../../../images/icon-twitter.gif") no-repeat;  }
.media_facebook{width:24px;height:26px;background:url("../../../images/icon-facebook.gif") no-repeat;}
.media_linkedin{width:24px ;height:26px;background:url("../../../images/icon-linkedin.gif") no-repeat;}
.media_twitter{width:24px;height:26px;background:url("../../../images/icon-twitter.gif") no-repeat; }
.media_rss{width:24px;height:26px;background:url("../../../images/icon-rss.gif") no-repeat;}
.media_email{width:24px;height:26px;background:url("../../../images/icon-email.gif") no-repeat;}

.media-widget a { margin: 0 0 0 5px; float:left;display:block; }

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_dropdown_3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
div#navtable
{
	background: url(../../../images/navBG.jpg) repeat-x;
	width:984px;
	height: 42px;
	display:block;
	text-align:center;
}

div.nav-left {
	position:relative;
	display:block;
	width:20px;
	height:42px;
	float:left;
	background:url(../../../images/corner-left-edge.jpg) no-repeat;
}

div.nav-right {
	position:absolute;
	left:984px;
	display:block;
	width:20px;
	height:42px;
	float: right;
	background:url(../../../images/corner-right-edge.jpg) no-repeat;
}


#nav { padding:0; margin:0 auto; width: 900px; text-align: center; list-style:none; height:38px; z-index:500; font-size: 12px;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none; padding:0 24px 0 24px; cursor: pointer;}
#nav li a.selected { background-color: #004B91;}
#nav li a.top_link span {float:left; display:block; height:35px; }
#nav li a.top_link span.down {float:left; display:block; height:35px;}

#nav li:hover a.top_link {color:#fff; background-color: #333; no-repeat;}
#nav li:hover a.top_link span.down {padding-bottom:3px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:0; top:35px; background: #a1a1a1; padding:3px; border:1px solid #323232; width:160px; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; position:relative; width:160px; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; width:158px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #a1a1a1;}
#nav li ul.sub li a.fly
{ background:#a1a1a1 url(arrow.gif) 150px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#323232; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#323232 url(arrow_over.gif) 150px 6px no-repeat; color:#fff; border-color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:158px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:160px; top:-4px; background: #a1a1a1; padding:3px; border:1px solid #323232; width:160px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#323232 url(arrow_over.gif) 150px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#a1a1a1 url(arrow.gif) 150px 6px no-repeat; color:#000; border: 0; } 
