/* CSS formatting for HR 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,
ul#sub_nav li:hover a {
	background-color: #6ba4c2;
	color:#FFF;
}

ul#sub_nav li:hover li a { background-color: #fff; color: #000; }
ul#sub_nav li:hover 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: 64px; }

ul#sub_nav li.employment { width: 120px; line-height: normal; } 
ul#sub_nav li.employment a { padding: 3px 5px; 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 li a { margin: 0; padding: 3px 5px; }
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 { padding: 3px 5px; 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 { padding: 3px 5px; 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: 132px /*142px*/; }
ul#sub_nav li.accommodations a { width: 120px /*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: 182px /*172px*/; line-height: normal; }
ul#sub_nav li.training a { padding: 3px 5px; width: 170px /*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: 92px /*102px*/; line-height: normal; }
ul#sub_nav li.services a { padding: 3px 5px; width: 80px /*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(../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;	
}

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


/*************************
'View Catalog in Full Screen' Button
**************************************/
/*  only needed on sites without bootstrap styles */
.pull-right { 
	float:right; 
}

.btn {
	text-decoration:none;
	border: 1px solid #CCC;
    margin-bottom: 5px;
	background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
	padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.btn:hover, .btn:focus {
    background-position: 0 -15px;
    color: #333333;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
    background-color: #E6E6E6;
}

[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;
}

.icon-fullscreen {
    background-position: -456px -144px;
}