/* CSS formatting for Council 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;
}

ul#sub_nav li.home { width: 107px; }
ul#sub_nav li.home a { width: 95px; }

ul#sub_nav li.who { width: 173px; } /* centers text vertically */
ul#sub_nav li.who a { width: 161px; }  /* centers text vertically */
ul#sub_nav li.who ul, ul#sub_nav li.who li { width: 171px; }
ul#sub_nav li.who li a { width: 161px; }

ul#sub_nav li.meetings { width: 179px;  }
ul#sub_nav li.meetings a { width: 167px;  }
ul#sub_nav li.meetings ul, ul#sub_nav li.meetings li { width: 177px; }
ul#sub_nav li.meetings li a { width: 167px; }

ul#sub_nav li.calendar { width: 113px; } /* centers text vertically */
ul#sub_nav li.calendar a { width: 101px; } /* centers text vertically */
ul#sub_nav li.calendar ul, ul#sub_nav li.calendar li { width: 111px; }
ul#sub_nav li.calendar li a { width: 101px; }

ul#sub_nav li.legislative { width: 171px; } /* centers text vertically */
ul#sub_nav li.legislative a { width: 159px; }  /* centers text vertically */
ul#sub_nav li.legislative ul, ul#sub_nav li.legislative li { width: 169px; }
ul#sub_nav li.legislative li a { width: 159px; }

ul#sub_nav li.about { width: 103px; } /* centers text vertically */
ul#sub_nav li.about a { width: 91px; } /* centers text vertically */
ul#sub_nav li.about ul, ul#sub_nav li.about li { width: 135px; } 
ul#sub_nav li.about li a { width: 125px; }

ul#sub_nav li.contact{ width: 114px; } /* centers text vertically */
ul#sub_nav li.contact a { width: 102px; }  /* centers text vertically */
ul#sub_nav li.contact ul, ul#sub_nav li.contact li { width: 114px; }
ul#sub_nav li.contact li a { width: 104px; }


/***********************************
   	   SOCIAL MEDIA BOX
************************************/
#social_media_box ul {
	padding: 0;
	margin: 0;
}

#social_media_box ul li {
	list-style-type:none;
	float:left;
}

#social_media_box ul li image {
	float:left;
	margin-top: -3px;
}

#social_media_box a {
	display:block;
	font-size:11px;
	text-decoration:none;
	float:left;
	padding-bottom: 4px;
}

/***********************************
   		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;	
}

/***********************************
  HIGHLIGHTS (POWERED BY JCAROUSEL)
************************************/
.highlights ul,
.highlights li {
	height: 157px;
}

.highlights h2 a {
	text-decoration: none;
	color: #000000;
}

.highlights .highlights_content {
	height: 192px;
}

/* Column Heights */
.columnDouble .jcarousel-clip-horizontal, .columnDouble .jcarousel-item { height: 157px; }
.columnHalf .jcarousel-clip-horizontal, .columnHalf .jcarousel-item { height: 157px; }
 
.jcarousel-navigation {
	background-color: #e3e3e3;
}

.jcarousel-navigation .previous,
.jcarousel-navigation .next {
	background-color: #e3e3e3;
	border:none;
	margin-top:3px;
}

.jcarousel-navigation a.previous:hover,
.jcarousel-navigation a.next:hover  {
	background-color: #cccccc;
}

.jcarousel-control a {
    border: none;
    color: #444444;
    background-color: #e3e3e3;
}

.jcarousel-control a:hover {
	background-color: #999999;
	color:#FFFFFF;
}

/* Current slide being displayed */
.jcarousel-control a.active {
	background-color: #555555;
	color:#FFFFFF;
}

/***********************************
    THREE COLUMN LIST
************************************/
.three_column { 
	margin-bottom: 12px;
	padding: 0;
	float: left;
	clear: both;
}

.three_column ul {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none; 
	border-left: 1px solid #CCCCCC;
}

.three_column li {
	float: left;
}

.three_column a {
	display: block;
	width: 298px;
	padding: 4px 6px;
	text-decoration: none;
	border: 1px solid #CCCCCC; 
	border-width: 0 1px 1px 0;
}

.three_column a:hover {
	background-color: #EEEEEE;
}

/* Column Widths */
.columnFull .three_column a { width: 298px; }




/***********************************
     CALENDAR STYLES (FOR HOMEPAGE)
************************************/
.events {
	margin-left: 170px;
}

.events ul {
	padding: 0;
	margin: 0;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	list-style: none;
	font-size: 11px;
}

.events li {
	display: block;
	padding: 4px 6px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	text-decoration: none;
	list-style: none;
}

.events li.title {
	background-color: #AAAAAA;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

/* Dark background for alternating list rows */
li.dark {
	background-color: #EEEEEE;
}


/***********************************
   	   CALENDAR STYLES
************************************/
#main .mini_calendar .calendar_title {
	background-color: #65ACE0;
	color: #FFFFFF;
}
/*
#main .search_calendar #submit {
	background-color: #548a2c;
	color: #FFFFFF;
	border: 2px solid #548a2c;
}
*/

/*****************************
 Details Nav List
*****************************/
ul#district_nav { 
	float: left;
	padding: 0 0 12px 0;
	margin: 0;
	list-style: none;
}

ul#district_nav li { /* list items */
	float: left;
	background-color: #FFFFFF;
	margin: 0 0 2px 0;
	padding-right: 2px;
}

ul#district_nav li a {
	height: 24px;
	line-height: 24px;
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 3px 6px 3px 6px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background-color:#6ba4c2;
}

ul#district_nav li a:hover, ul#district_nav li a.active {
	background-color:#d0ab7d;
	color: #ffffff;
}

ul#district_nav li.home { width: 74px; }
ul#district_nav li.home a { width: 62px; }

ul#district_nav li.myDistrict {width: 114px; }
ul#district_nav li.myDistrict a {width: 102px; }

ul#district_nav li.calendar { width: 92px; }
ul#district_nav li.calendar a { width: 80px; }

ul#district_nav li.media { width: 69px; }
ul#district_nav li.media a { width: 57px; }

ul#district_nav li.blog { width: 74px; }
ul#district_nav li.blog a { width: 62px; }

ul#district_nav li.committees { width: 114px;}
ul#district_nav li.committees a { width: 102px; }

ul#district_nav li.legislation {width: 112px; }
ul#district_nav li.legislation a {width: 100px; }

ul#district_nav li.about { width: 74px;}
ul#district_nav li.about a { width: 62px; }

ul#district_nav li.qa { width: 74px; }
ul#district_nav li.qa a { width: 62px; }

ul#district_nav li.newsletters {width: 112px; }
ul#district_nav li.newsletters a {width: 100px; }

ul#district_nav li.districtUpdates {width: 92px; }
ul#district_nav li.districtUpdates a {width: 80px; }

ul#district_nav li.development {width: 112px; }
ul#district_nav li.development a {width: 100px; }

ul#district_nav li.initiatives {width: 112px; }
ul#district_nav li.initiatives a {width: 100px; }

/***********************************
CONTENT ROTATOR (POWERED BY JCAROUSEL)
************************************/
.content_rotator {
	border:0;
	margin-bottom: 12px;
	padding: 0;
	background-color: #FFFFFF;
	min-height: 12px;/*148px;*/
	clear: both;
}

.content_rotator .banner_overlay a {
	/*display:inline;*/
}

.content_rotator ul,
.content_rotator li {
	padding: 0; /* 0 10px 0 10px;*/
	margin: 0;
	list-style-type: none;
	height:auto;
	overflow:auto;
	/*height: 115px;*/
	/*overflow: hidden;*/
}

.content_rotator .content {
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	display: table-cell;
	overflow: hidden;
	height: 115px;
	min-height:115px;
	padding: 0;
}

.content_rotator img {
	border: 0;	
}

.content_rotator .item {
	margin: 5px;
}

.content_rotator .item img {
	float: left;
	margin: 0 5px 0 0;
}

.content_rotator .item .body {
	display: table-cell;
	vertical-align: middle;
}

.content_rotator .body ul {
	padding: 0;
	margin: 0 0 0 25px;
}

#content .content_rotator .body ul,
#content .content_rotator .body li {
	height: auto;
	list-style-type: disc;
}

.content_rotator .previous, 
.content_rotator .next {
	display: block;
	margin-top: 45px;
	padding: 3px;
}
 
.content_rotator a.previous:hover,
.content_rotator a.next:hover  {
	background-color: #cccccc;
}

.content_rotator .previous {
	float: left;
}

.content_rotator .next {
	float: right;
}

/* Column Widths */
.columnDouble .content_rotator { width: 474px; }
.columnDouble .jcarousel-container, .columnDouble .jcarousel-container-horizontal { width: 474px; }
.columnDouble .jcarousel-clip-horizontal, .columnDouble .jcarousel-item { width: 436px; height: 200px; }
.columnHalf .content_rotator { width: 460px; }
.columnHalf .jcarousel-container, .columnHalf .jcarousel-container-horizontal { width: 460px; }
.columnHalf .jcarousel-clip-horizontal, .columnHalf .jcarousel-item { width: 422px; height: 200px; }


/***********************************
    TABBER STYLES FOR SHOW PAGES
************************************/
.tabberlive .tabbertabhide {
	display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber { margin-bottom: 12px; }
.tabberlive { margin-bottom: 12px; float: left; }

.columnDouble .tabber, .columnDouble .tabberlive { width: 476px; }
.columnHalf .tabber, .columnHalf .tabberlive { width: 462px; }

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin:0;
	padding: 4px 0 3px 0;
	border-left: 1px solid #333333;
}

ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}

ul.tabbernav li a {
	padding: 3px 6px;
	border: 1px solid #333333;
	border-width: 1px 1px 0 0;
	text-decoration: none;
	color: #000;
}

.tabberlive ul.tabbernav li a:hover,
.tabberlive ul.tabbernav li.tabberactive a:hover {
	color: #EEE;
	background-color: #777;
}

.tabberlive ul.tabbernav li.tabberactive a {
	padding-bottom: 4px;
	border-bottom: 0;
	background-color: #336699;
	color: #FFFFFF;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:5px;
	border:1px solid #333333;
	height: 187px;
	overflow: auto;
	background-color: #EEEEEE;
	/*border-top:0;*/
}

.tabbertab ul {
	padding: 0;
	margin: 0 0 0 25px;
}

/* Allow for content scroll */
.tabberlive .scroll {
	background-color: #FFFFFF;
	padding: 0; 
	height: 197px;
	overflow: hidden;
	/*overflow: auto;*/
}

.tabberlive .scroll ul {
	height: 196px;
	overflow: auto;	
	margin-bottom: 0;
	padding: 0;
	margin: 0;
}

/* Hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2,
.tabberlive .tabbertab h3 {
	display:none;
}

/* Background colors for each tab */
ul.tabbernav li a.tab1 { background-color: #EEE; }
ul.tabbernav li a.tab2 { background-color: #CCC; }
ul.tabbernav li a.tab3 { background-color: #BBB; }
ul.tabbernav li a.tab4 { background-color: #AAA; }
ul.tabbernav li a.tab5 { background-color: #999; }

/***********************************
    LINK LIST double
************************************/
.link_list_double {
	border: 1px solid #CCCCCC;
	border-width: 0 0 0 1px;
	margin-bottom: 12px;
	padding: 0;
	background-color: #FFFFFF;
	min-height: 12px;
	clear: both;
	float:left;
}

.link_list_double img {
	padding: 3px;
	border: 1px solid #CCCCCC;
	border-width: 0 0 1px 0;
}

.link_list_double ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 11px;
	float: left;
}

.link_list_double li {
	float: left;
	width: 353px;
}

.columnHalf .link_list_double li {
	width: 231px;
}

.link_list_double a {
	display: block;
	padding: 4px 6px;
	text-decoration: none;
	
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.link_list_double a:hover {
	background-color: #EEEEEE;
}

#council_home ul{margin:5px 5px 15px 30px;}