/* CSS formatting for fire blog Pages */

#content { line-height:18px; }

#main,
#main #nav_menu,
#main #footer,
#main #footer .footerContact {
	border-color: #999;
}

ul#sub_nav li {
	background-color:#900;
}

ul#sub_nav li a {
	color: #fff;
	background-color: #900;
}

ul#sub_nav li li a {
	color: #000;
	background-color: #FFF;
}

ul#sub_nav li a:hover,
ul#sub_nav li li a:hover {
	background-color: #888;
	color:#FFF;
}

ul#sub_nav li ul {
	border-top: 1px solid #ccc;
}

ul#sub_nav li li {
	border-color: #ccc;
	border-width:  0 1px 1px 1px;
}

ul#sub_nav li.home { width: 80px; line-height:28px; } /* centers text vertically */
ul#sub_nav li.home a { width: 68px; }

ul#sub_nav li.about { width: 100px; line-height:28px; } /* centers text vertically */
ul#sub_nav li.about a { width: 88px; }
ul#sub_nav li.about ul, ul#sub_nav li.about li { width: 130px; }
ul#sub_nav li.about li a { width: 118px; line-height: normal; }

ul#sub_nav li.news { width: 100px; }
ul#sub_nav li.news a { width: 88px; } 
ul#sub_nav li.news ul, ul#sub_nav li.news li { width: 150px; }
ul#sub_nav li.news li a { width: 140px; line-height: normal; }

ul#sub_nav li.recruitment { width: 120px; }
ul#sub_nav li.recruitment a { width: 108px; }
ul#sub_nav li.recruitment ul, ul#sub_nav li.recruitment li { width: 140px; } 
ul#sub_nav li.recruitment li a { width: 128px; line-height: normal; } 

ul#sub_nav li.operations { width: 110px; }
ul#sub_nav li.operations a { width: 98px; }
ul#sub_nav li.operations ul, ul#sub_nav li.operations li { width: 115px; } 
ul#sub_nav li.operations li a { width: 105px; line-height: normal; } 

ul#sub_nav li.education { width: 210px; } 
ul#sub_nav li.education a { width: 198px; }
ul#sub_nav li.education ul, ul#sub_nav li.education li { width: 208px;  } 
ul#sub_nav li.education li a { width: 198x; line-height: normal; }

ul#sub_nav li.code { width: 155px; } 
ul#sub_nav li.code a { width: 143px; } 
ul#sub_nav li.code ul, ul#sub_nav li.code li { width: 180px;  } 
ul#sub_nav li.code li a { width: 170px; line-height: normal; }

ul#sub_nav li.contact { width: 85px;  line-height:28px; } /* centers text vertically */
ul#sub_nav li.contact a { width: 73px; } 
ul#sub_nav li.contact ul, ul#sub_nav li.contact li { width: 160px;  } 
ul#sub_nav li.contact li a { width: 150px; line-height: normal; }

ul#sub_nav li.contact ul {
	margin-left: -76px;
}

/***********************************
   		BANNER IMAGE OVERLAY
************************************/
.columnSingle div.banner_overlay { background: url(../fire/images/bannerSingle.jpg) no-repeat 3px 3px;}
.columnDouble div.banner_overlay { background: url(../council/images/bannerDouble.jpg) top left no-repeat; }
.columnTriple div.banner_overlay { background: url(../../images/bannerTriple.jpg) top left no-repeat; }
.columnQuarter div.banner_overlay { background: url(../fire/images/bannerQuarter.jpg) no-repeat 3px 3px; }
.columnHalf div.banner_overlay { background: url(../../images/bannerHalf.jpg) top left no-repeat; }
.columnThreeQuarter div.banner_overlay { background: url(../../images/bannerThreeQuarter.jpg) top left no-repeat; }
.columnFull div.banner_overlay { background: url(../../images/bannerFull.jpg) top left no-repeat; }

/* fixes content spacing from WYSIWYG editor */
.outline_box_banner .body p {
	margin: 0 0 8px 0;	
}