/* CSS formatting for Roadworks Pages */

#main,
#main #nav_menu {
	border-color: #999999;
}

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

ul#sub_nav li a { 
	height: 28px;
	line-height: 28px;
	color: #000000; 
	background-color: #ffffff; 
    padding: 2px 0 1px 10px;
	font-size:12px;
	text-align:left;
}
	
ul#sub_nav li a:hover {
	background-color: #ff8800;
	color: #ffffff;
}

/* ***************
Nav widths 
******************/
ul#sub_nav li.home { width: 72px; }
ul#sub_nav li.home a { width: 16px; height:16px; padding:25px; }

/* start rows */
ul#sub_nav li.cottage,     ul#sub_nav li.monroe       { width: 162px; }
ul#sub_nav li.cottage a,   ul#sub_nav li.monroe a     { width: 150px; }

ul#sub_nav li.cthm,        ul#sub_nav li.outer        { width: 175px; }
ul#sub_nav li.cthm a,      ul#sub_nav li.outer a      { width: 163px; }

ul#sub_nav li.ejohnson,    ul#sub_nav li.state        { width: 123px; }
ul#sub_nav li.ejohnson a,  ul#sub_nav li.state a      { width: 111px; }

ul#sub_nav li.milwaukee,   ul#sub_nav li.sunset       { width: 188px; }
ul#sub_nav li.milwaukee a, ul#sub_nav li.sunset a     { width: 176px; }

ul#sub_nav li.mineral,     ul#sub_nav li.university   { width: 240px; }
ul#sub_nav li.mineral a,   ul#sub_nav li.university a { width: 228px; }


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


/*** i ***/
[class^="icon-"], [class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

i.icon-home {
	background-position: 0 -24px;
}