/***************
* CUSTOM CSS FOR BELL & CO 
***************/
/* 	for a custom page width, divide your desired 
		pixel width by 13 to find em width. Multiply 
		that value by 0.9759 for IE via *width. For 
		example, this is a 600px page-width:		*/
		
/** GENERIC STYLES **/		
*{
	font-family:arial, verdana, sans-serif;	
	margin:0;
	padding:0;
}		
body{
	margin:0;
	padding:0;
	background:#ffffff url('/images/bell-co/layout/background.gif') no-repeat center top;
}
h1,h2,h3,h4,h5{
	font-weight:bold;
}
h1{
	color:#034b3b;
	font-family:Georgia, times, sans-serif;
}
h2{
	color:#004835;
	font-size:180%;
	font-family:georgia, times, sans-serif;
	font-weight:normal;
}
h3{
	color:#034b3b;
	font-size:120%;
}
h4{
	font-size:120%;
	font-family:arial, verdana, sans-serif;
}
p{
	color:#4b4b4b;
	margin:10px 0px;
	width:95%;
}
a{
	color:#3cb342;
}
a:hover, a:visited:hover{
	color:#3eaa56;
}
a:visited{
	color:#004835;
}
li{
	color:#4b4b4b;
	list-style-position:inside; display:inline-block;
	margin-left:0;
	padding-left:0px;
}
strong{font-weight:bold;}
ul{	list-style-type:circle;}
ol{	list-style-type:decimal;}
li{vertical-align:top;}
em{font-style:italic;}

h6{
	padding:5px 0px 5px 35px;
	background:#e4f2e7 url('/images/bell-co/layout/open-quote.gif') no-repeat top left;
	width:85%;
	margin:auto;
	color:#034b3b;
}
h6 span{	
	font-size:120%;	
	padding:5px 35px 5px 0px;
	font-family:georgia, times,sans-serif;
	background:transparent url('/images/bell-co/layout/close-quote.gif') no-repeat bottom right;
}
.small{
	font-size:90%;
}
/** admin bar **/
#admin-bar{
	color:#333333;
	background:#ffffe5 url('/images/layout/admin-bar-bg.gif') repeat-x bottom left;
	padding:10px;
	position:fixed;
	width:99%;
	border:1px solid #fbff09;
	z-index:10;
}
#admin-bar p {
	margin:3px 8px;
	float:left;
	color:#000;
}
#admin-spacer{
	width:100%;
	height:41px;
}
/** MAIN CONTAINER **/
#doc {
	margin:0 auto;
	text-align:left;
	width:850px;
	background:#ffffff;
	padding:0;
}
/** INTRO TEXT BELOW HEADER IMAGE **/
#page-feature{	
	width:623px;
	margin:0 0 15px 0;
}

#page-feature #introduction-text{
	padding:22px 25px;
	background:#034b3b url('/images/bell-co/layout/feature-background.gif') no-repeat top left;
	border-top:3px solid #3eaa56;
	border-bottom:3px solid #3eaa56;
	/* !IE */position:relative;top:-5px;/*IE*/		
}
#page-feature #introduction-text h1{	
	font-size:190%;
	color:#3cb342;
	font-weight:normal;
}
#page-feature #introduction-text p{
	color:#ffffff;
	font-family:Georgia, times, sans-serif;
	font-size:100%;
	margin:12px 0;
	
}
#page-feature #introduction-text strong{
	font-family:Georgia, times, sans-serif;
}
/** SECOND ROW CONTENT - RIGHT SIDE **/
#page-content{
	width:97%;
	margin:0 0 0 24px;
}
/** SECOND ROW - RIGHT SIDE - HOW WE CAN HELP YOU **/
#how-we-can-help-you{
	margin:10px 0 0 0px;
}
#how-we-can-help-you h3{	
	font-size:120%;
	margin:15px 0 10px 0;
}
#how-we-can-help-you p{
	font-size:95%;
	width:90%;	
}
#how-we-can-help-you ul{
	margin:3px 15px;
}
#how-we-can-help-you li{
	list-style-image:url('/images/bell-co/layout/plus.jpg');
	color:#034b3b;
	font-weight:bold;
	font-size:95%;
}
/** SECOND ROW - RIGHT SIDE - CASE STUDIES AND LATEST NEWS **/
#case-study-and-news{
	margin:0 8px 0 0;
}
#case-study, .latest-news{
	margin:0px 0 20px 0px;
}
#case-study h2, .latest-news h2{
	color:#004835;
	font-size:150%;
	font-weight:normal;
}
#case-study #case-study-details #case-study-image img, 
#latest-news #latest-news-details #latest-news-image img{
	border:2px solid #ffffff;
}
#case-study #case-study-details #case-study-image, 
#latest-news #latest-news-details #latest-news-image{
	width:82px;
}
#case-study #case-study-details, #latest-news #latest-news-details{
	background:#cee8d4;
	margin:5px 0px 10px 0px;
	padding:8px;
	border:1px solid #a1ccab;	
}
#case-study #case-study-details:hover, #latest-news #latest-news-details:hover{
	background:#ebf6ee;
}

#case-study #case-study-details h3, 
#case-study #case-study-details h3 a, 
#latest-news #latest-news-details h3,
#latest-news #latest-news-details h3 a{
	color:#000000;
	font-size:100%;
	width:195px;
	margin:0;
	text-decoration:none;
}
#case-study #case-study-details p,
#case-study #case-study-details p a, 
#latest-news #latest-news-details p,
#latest-news #latest-news-details p a
{
	color:#016851;
	font-size:90%;
	width:195px;
	margin:2px 0;
	text-decoration:none;
}

/******** LEFT HAND SIDE NAV COLUMN **********/
#left-small-column{
	margin: 0 0 0 5px;

}
#left-small-column #bell-co-logo{
	margin:0 0 0 20px;
	
}
/*** NAVIGATION - LEFT SIDE - 1ST ***/
/* IE */
#navigation{
	margin:3px 5px 3px 22px;
	width:82%;	
}
#left-small-column > #navigation{
	margin:3px 5px;
	width:98%;
}
ul#navigation, ul#navigation ul{
	list-style-type:none;
}
#navigation li{
  display:block;
	padding:1px;
	border-bottom:1px dotted #c1c1c1;
	padding:3px 2px 3px 15px;
	margin-left:0;
}
#navigation li.active{
	border:0px solid black;
	background:#e4feea url('/images/bell-co/layout/active-menu.gif') no-repeat;
}
#navigation li.active a, #navigation li.active a:hover{
	color:#4bd53c;
}
#navigation li a, #navigation li a:hover{
	text-decoration:none;
	text-transform:capitalize;
	color:#034c3c;
	font-size:80%;
}
#navigation > li, .show > li{
	font-size:120%;
}
/***
 * SUB MENUS
***/
.sub-menu{
	background:#e4feea;
	margin:0;
}
#navigation li.sub-item a, 
#navigation li.sub-item a:hover,
#navigation li.sub-item-active a,
#navigation li.sub-item-active a:hover{
	color:#034c3c;
}
#navigation li.sub-item-active{
	padding-left:15px;
	background:#e4feea url('/images/bell-co/layout/bullet.gif') no-repeat center left;
}
#navigation li.invisible {
  display:none;
}

/** MULTI PAGE NAVIGATION - news/article lists **/
#pagination ul{
	margin:3px;
	line-height:1.5em;
	background:transparent;
}
#pagination li{
	display:inline;		
	margin:0 3px;
}
#pagination li.active-page{
	font-weight:bold;
}
#pagination li a, 
#pagination li a:hover,
#pagination li a:visited, 
#pagination li a:visited:hover{
	text-decoration:none;	
}

/** WILLIS NEWS - LEFT SIDE - 2ND **/
#willis-news{
	margin:28px 0px;
}
#willis-news h2{	
	font-size:150%;
	font-weight:normal;
	padding:0 0 0 15px;
}
#willis-news .news_story{
	width:90%;
	margin:10px 15px;
}
#willis-new h5{
	color:#034B3B;
	margin:5px 0;
}
/** LOGOS - LEFT SIDE - 3RD **/
/*IE HACK */
#logos{
	margin:15px 5px 3px 22px;
}
#left-small-column > #logos{	
	margin:15px 0 10px 0;
	text-align: center;
}

#logos img{
	float:left;
	margin:0 3px;
}

#logos .bellco-logo {
	padding-left: auto;
	padding-right: auto;
	position: relative;
	width: 113px;
	float: none;
}

#logos p{
	padding: 0;
	margin: 0;
}

/** news story classes */
.news_story{
	width:96%;
	border-bottom:1px dotted #c1c1c1;
	margin:10px 0;
	padding:0 0 5px 0;
}
.news_story p.news_date{
	margin:0;
}
/** FOOTER **/
#ft{
	border-top:3px solid #3eaa56;
	background: #035a46 url('/images/bell-co/layout/footer.gif') no-repeat top right;
	padding:11px 0px 5px 0px;
	float:left;
	margin:12px 10px 0 10px;
	width:830px;
}
#fsa{
	width:830px;
	padding:2px 0px;
	float:left;
	margin:2px 10px 0 10px;
}
/*  */
#ft p{
	margin:0;
}
#ft *{
	font-size:97%;
	color:#ffffff;
}
/* HIGHLIGHTED STRONG TAGS */
#ft strong{
	color:#1ed127;
	font-size:105%;
}
/* A TAG */
#ft a{
	text-decoration:none;
	font-size:105%;
}
/* ELEMENTS INSIDE FOOTER */
#ft #address, #ft #phone-fax, #ft #email-address{
	float:left;
	margin:0 10px 0px 15px;
}
#ft #address{
	width:220px;
}
#ft #phone-fax{
	width:120px;
}
#ft #email-address{
	width:185px;
	margin:16px 5px 0 5px;
}
#ft #WebXpress{
	float:right;
	margin:15px 20px 0 5px;
	font-size:97%;
}
/** USER ERRORS / MESSAGES **/
 
.user_messages, .user_errors {
  margin:10px auto;
  border:1px solid #035a46;
  padding:10px;
  width:90%;
}
.user_errors{
	list-style:square;
	list-style-position:inside;
}
.user_errors li{
	color:#c07985;
}
.user_messages li {
  color:#000;
}
/*** Dynamic menu styles***/
.root_nav {display:block;}
.popout_menu {
  position:relative;
  left:100px;
  top:0px;
  display:none;
}
a:hover .popout_menu {display:block;}



/** MISC **/
.hidden{display:none;}
.show{display:block;}
span.mandatory{color:#035a46;}
/* Nasty clearfix hacks */
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}