/* CSS formatting for water960 Pages */


.text-banner p { text-align:center; padding:8px; margin:0; background:#d2ecf9; }
.text-banner a { text-decoration:none; }


#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: 78px; }
ul#sub_nav li.home a { width: 66px; }

ul#sub_nav li.employment { width: 120px; line-height: normal; } 
ul#sub_nav li.employment a { width: 108px; line-height: normal; }
ul#sub_nav li.employment ul, ul#sub_nav li.employment li { width: 200px; }
ul#sub_nav li.employment li a { width: 190px; }

ul#sub_nav li.benefits { width: 92px;  }
ul#sub_nav li.benefits a { width: 80px;  }
ul#sub_nav li.benefits ul, ul#sub_nav li.benefits li { width: 215px; }
ul#sub_nav li.benefits li a { width: 205px; }

ul#sub_nav li.classification { width: 142px; line-height: normal; }
ul#sub_nav li.classification a { width: 130px; line-height: normal; }  
ul#sub_nav li.classification ul, ul#sub_nav li.classification li { width: 140px; }
ul#sub_nav li.classification li a { width: 130px; }

ul#sub_nav li.labor { width: 112px; line-height: normal; }
ul#sub_nav li.labor a { width: 100px; line-height: normal; }  
ul#sub_nav li.labor ul, ul#sub_nav li.labor li { width: 165px; }
ul#sub_nav li.labor li a { width: 155px; }

ul#sub_nav li.accommodations { width: 142px; }
ul#sub_nav li.accommodations a { width: 130px; }  
ul#sub_nav li.accommodations ul, ul#sub_nav li.accommodations li { width: 140px; }
ul#sub_nav li.accommodations li a { width: 130px; }

ul#sub_nav li.training { width: 172px; line-height: normal; }
ul#sub_nav li.training a { width: 160px; line-height: normal; }  
ul#sub_nav li.training ul, ul#sub_nav li.training li { width: 180px; }
ul#sub_nav li.training li a { width: 170px; }

ul#sub_nav li.services { width: 102px; line-height: normal; }
ul#sub_nav li.services a { width: 90px; line-height: normal; }  


/***********************************
   		BANNER IMAGE OVERLAY
************************************/
.columnSingle div.banner_overlay { background: url(../council/images/bannerSingle.jpg) no-repeat 3px 3px;}
.columnDouble div.banner_overlay { background: url(../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(../council/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;	
}*/

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

.three_column li {
	float: left;
}

.three_column a {
	display: block;
	width: 298px;
	padding: 4px 6px;
	text-decoration: none;
	border: 0; 
	border-width: 0;
	font-size:11px;
}

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

/* Column Widths */
.columnFull .three_column a { width: 220px; }
.columnThreeQuarter .three_column a { width: 215px; }

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


/******************************
H2
**********************************/

h2 a, .title_gray a {
	text-decoration:none;
}

/***********************************
  HIGHLIGHTS (POWERED BY JCAROUSEL)
************************************/
 
.jcarousel-navigation {
	background-color: #e3e3e3;
}

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

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

.jcarousel-control a {
    border: 0;
    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;
}

/***********************************
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 ul,
.content_rotator li {
	padding: 0; /* 0 10px 0 10px;*/
	margin: 0;
	list-style-type: none;
	height:auto;
	overflow: hidden;
}

.content_rotator .content {
	border: 0;
	background-color: #FFFFFF;
	display: table-cell;
	overflow: hidden;
	height: 520px;
	min-height:170px;
	padding: 0;
}

.content_rotator img {
	border: 0;	
}

.content_rotator .item {
	margin: 5px;
	padding:5px 15px 0 15px;
}

.content_rotator .item img {
	margin: 0 0 10px 0;
	width:635px;
}

.content_rotator .item a strong {
	font: bold 16px  Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform: none;
	color:#000;
}

.content_rotator .item a {
	text-decoration:none;
}

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

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

#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: 10px;
	padding: 232px 5px;
}
 
.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 */
.columnThreeQuarter .content_rotator, 
.columnThreeQuarter .jcarousel-container, 
.columnThreeQuarter .jcarousel-container-horizontal { width:700px; height: 600px; } 
.columnThreeQuarter .jcarousel-clip-horizontal, 
.columnThreeQuarter .jcarousel-item { width:635px; height: 600px; }