/* =================================================================================================
	Style for BF Theme Site,
	must Include the Whole Section as some elements in a section override by another element
================================================================================================= */

/* =================================================================================================
	NAVIGATION MENU
================================================================================================= */
#navigation{
	background:#3f3530;
}

/*active item*/
.advisory		#navigation	li.advisory,
.communication  	#navigation li.communication,
.consultation 	#navigation li.consultation,
.contactus 		#navigation li.contactus,
.facilitation 	#navigation li.facilitation,
.feeds  			#navigation li.feeds,
.glance 		 	#navigation li.glance,
.new		#navigation	li.new,
.rss 		 	#navigation li.rss,
.smart  			#navigation li.smart,
.highlights  			#navigation li.highlights,
.links  			#navigation li.links
{
	padding:0;
	margin-top:-1px; /*cover the border of previous one*/
}

/*active item*/
.advisory		#navigation	li.advisory  a,
.communication  	#navigation li.communication  a,
.consultation 	#navigation li.consultation  a,
.contactus 		#navigation li.contactus  a,
.facilitation 	#navigation li.facilitation  a,
.feeds  			#navigation li.feeds  a,
.glance 		 	#navigation li.glance  a,
.new		#navigation	li.new a,
.rss 		 	#navigation li.rss  a,
.smart  			#navigation li.smart  a,
.highlights  			#navigation li.highlights  a,
.links  			#navigation li.links a
{
	background:#e98713;
	border:none;
	padding-left:20px;
}

#navigation li a {
	color:#fff;
	border-color:#5f524a;
}
#navigation li a:hover, #navigation li a:focus {
	background:#534741;
}


/* =================================================================================================
	SUB NAVIGATION MENU (Second level menu Only)
================================================================================================= */

#subNavigation{
	padding:20px 0;
	list-style-position:outside;
	list-style-type:disc;
	background:#FEFEFE;
}
#subNavigation li{
	display:list-item;
	padding:5px 0;
	margin:0 20px 0 30px;
}
#subNavigation li a{
	display:inline;
	border:none;
	padding:0;
	line-height:1.2;
}
#subNavigation li, #subNavigation li a{
	color:#000;
	background:#FEFEFE !important;
}


.advisory		#subNavigation li a,
.communication  	#subNavigation li a,
.consultation 	#subNavigation li a,
.contactus 		#subNavigation li a,
.facilitation 	#subNavigation li a,
.feeds  			#subNavigation li a,
.glance 		 	#subNavigation li a,
.new 		 	#subNavigation li a,
.rss 		 	#subNavigation li a,
.smart  			#subNavigation li a,
.highlights  			#subNavigation li a,
.links  			#subNavigation li a
{padding-left:0 !important;}



/*generic active color*/
.sec1 #subNavigation .sec1 a, .sec2 #subNavigation .sec2 a,
.sec3 #subNavigation .sec3 a, .sec4 #subNavigation .sec4 a,
.sec5 #subNavigation .sec5 a, .sec6 #subNavigation .sec6 a,
.sec7 #subNavigation .sec7 a, .sec8 #subNavigation .sec8 a,
.sec9 #subNavigation .sec9 a, .sec10 #subNavigation .sec10 a,
.sec11 #subNavigation .sec11 a, .sec12 #subNavigation .sec12 a
{color:#D9BD7C !important;}

/* PageHeader and TabMenu Color */
.theme.bf	#pageHeader,
.theme.bf	#tabMenu a {border-left-color:#D9BD7C;}
/* take employment color first */

.theme.bf	#pageHeader{
	padding-left:10px;
}


/* =================================================================================================
	EVENT CALENDAR
================================================================================================= */
.calendar{
	overflow:hidden;
	width:100%;
}
.calendar table{
	border-collapse:separate;
	border:1px solid #CCC;
	float:left;
	width:214px;
	margin:0 4px 0 6px;
}
.calendar th, .calendar td{
	border:none;
	padding:5px 7px;
	line-height:1em;
	text-align:center;
}
.calendar p{
	display:none;
}

.event_calendar{
	overflow:hidden;
	width:100%;
}
.event_calendar table{
	border-collapse:separate;
	border:1px solid #CCC;
	float:left;
	width:214px;
	margin:0 4px 0 6px;
}
.event_calendar th, .event_calendar td{
	border:none;
	line-height:1em;
	text-align:center;
	padding:0px;
}
.event_calendar p{
	display:none;
}
.event_calendar a{
	display:block;
	text-decoration:none !important;
	padding:0;
	font-weight:bold;
}
.event_calendar a:hover span, .event_calendar a:active span, .event_calendar a:focus span{
	background:#084DD6 !important;
	color:#FFF !important;
}
.event_calendar span{
	display:block;
	line-height:27px;
}


/* =================================================================================================
	SURVEY FORM
================================================================================================= */
#surveyForm{
    display:none;   /*hide the form by default*/
}
#surveyForm div{
    margin-bottom:.5em;
}
#surveyForm label{
    display:block;
}
#surveyForm select{
    width:27em;
}
#surveyForm select, #surveyForm input{
    font-size:1em;
}
#surveyForm #captchaBox{
    overflow:hidden;
}
#surveyForm #captcha{
    float:left;
    margin-right:5px;
    border:1px solid #CCC;
}
#surveyForm #loading{
    font-style:italic;
}
#surveyForm .error{
    color:red;
    display:none;
}
#surveyForm .button{
    font-size:1em;
}


/* =================================================================================================
	collapsible Menu override (2009.12.23)
================================================================================================= */
.collapsibleMenu table td {
	vertical-align:top;
}

/* =================================================================================================
	Wrap long text in table cell (IE fixed)
================================================================================================= */
/* 20130408: suppose "long_text" not use now, remove as word-wrap cannot pass CSS2.1
.content .long_text table{
	table-layout:fixed;
}
.content .long_text td{
	word-wrap:break-word;
}
*/