/* CSS formatting for Business Pages */

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

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

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

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

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

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

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

/***********************************
   		BANNER IMAGE OVERLAY
************************************/
.columnSingle div.banner_overlay { background: url(../council/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(../council/images/bannerTriple.jpg) top left no-repeat; }
.columnQuarter div.banner_overlay { background: url(../council/images/bannerQuarter.jpg) no-repeat 3px 3px; }
.columnHalf div.banner_overlay { background: url(../council/images/bannerHalf.jpg) top left no-repeat; }
.columnThreeQuarter div.banner_overlay { background: url(../council/images/bannerThreeQuarter.jpg) top left no-repeat; }
.columnFull div.banner_overlay { background: url(../council/images/bannerFull.jpg) top left no-repeat; }

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

/***********************************
  STYLES FOR Mayor Soglin's HEADSHOT
************************************/

a.rollover{ 
	position:relative; 
	z-index:24;
	text-decoration:none;
	background:url(/mayor/images/mayorSoglin.jpg) no-repeat top left;
	width:210px;
	height:314px;
	display:block;
}

a.rollover span{ display: 
	none; 
}

a.rollover:hover{ 
	z-index:25; 
}

a.rollover:hover span.bubble{
	display:block; 
	position:absolute; 
	top: 0; 
	left:0;
	padding: 10px;
	margin-left:0px;
	margin-top:281px;
	width:190px;
	min-height:10px;
	color: #000000;
	background:#666666;
	color:#FFF;
	font-size:11px;
	text-align: left;
	filter: alpha(opacity=70); 
	KHTMLOpacity: 0.70; 
	MozOpacity: 0.70; 
	opacity: 0.70;
}

/***********************************
  register button
************************************/

a.register, a.register.white {
	background-color:#f16450;
	padding:0;
	text-decoration:none;
	display:block;
	margin:0;
}

a.register h2, a.register.white h2 {
	color:#FFF;
	padding:0 5px 3px 5px;
	margin:0;
}

li a.register:hover, a.register:hover, a.register h2:hover {
	background-color:#8f5393;
	color:#fff;
}

a.register.white, a.register.white h2 {
	background-color:#def;
	color:#369;
	display:block;
}

li a.register.white:hover, a.register.white:hover, a.register.white h2:hover {
	background-color:#369;
	color:#FFF;
}