/****************************************************************************
		CSS Menu
****************************************************************************/

/* the menu */

ul#mainNav {
		font-size: 1.4em;
		font-weight: normal;
		border-top: 1px solid #404040;
}

ul, ul a {
		display:block;
		margin:0;
		padding:0;
}
ul a {
		display:block;
		padding:2px;
		text-decoration:none;
		width:190px;
}
ul#mainNav, ul#bottomNav {
		width:190px;
		list-style: none;
}

ul#mainNav li, ul#bottomNav li {
		display:block;
		border-bottom:1px solid #404040;
		position:relative;
		z-index:9;
}

li.folder	{ 
		background:url("images/item_folder.gif") no-repeat;
}

li.folder ul {	
		position:absolute;
		left:180px;
		top:-1px;
		border-top: 1px solid #404040;
		width: 210px;
		
}

li.folder ul li {
		width: 190px;
		float: left;
		padding: 0 0 0 20px;
		
}


/* others */
a {
		padding:2px;
		text-decoration:none;
		width:190px;
}


/* others */
li a.upLevel {background:url(../images/bsf_arrow_top.gif) right no-repeat;width: 185px;}

li a.topLevel {
		background:url(../images/bsf_arrow.gif) no-repeat 180px 6px;
		width: 185px;
		
}

li a.subLevel {
		margin: 0 0 0 -10px;
		padding-left: 18px;
		//padding-right: 24px;
		display:inline;
		float: left;
}

div.sub a {width:340px;}


/* regular hovers */
a.topLevel:hover {
		color:white;
		background: #404040 url(../images/bsf_arrow.gif) no-repeat 180px 6px;
}

a.subLevel:hover {
		color:white;
		background: #404040;
		width:190px;
		
}

a:hover {color:white;}


/* hovers with specificity */

li.folder:hover { 
		z-index:10;
		
}

ul ul, li:hover ul ul {display:none;}

li:hover ul, li:hover li:hover ul {display:block;}

ul.forms  {
	font-size: 1.2em;
	list-style: disc outside;
	margin: 0 0 20px 10px;
	}
ul.forms li {margin-left: 10px;line-height: 1.8em;}
ul.forms li.sub {list-style: none;}
ul.forms ul li {margin-left: 20px;}
ul.forms li ul {display:block;margin-bottom: 5px;}

/****************************************************************************
                                                                          
		Titles                                                     
                                                                         
****************************************************************************/

#heading {
		padding: 10px 0 20px;
		margin: 10px 0 0;
		height:10px;
		}
		
#headingBlack {
		display: none;
		padding: 10px 0 20px;
		margin: 10px 0 0;
		height:10px;
		}
		
#heading2 {
		padding: 10px 0 20px 25px;
		margin: 10px 0 0;
		height:10px;
		}
		
#headingBlack2 {
		display: none;
		padding: 10px 0 20px 25px;
		margin: 10px 0 0;
		height:10px;
		}


/****************************************************************************
		Wrappers
****************************************************************************/

/* Floats */
.left {float: left;}


#tierB {
		margin: 20px auto;
		height: 220px;
}


#header {
		height:220px;
		margin: auto;
		background: #333333;
		
}

#footer {height: 220px;	}

#ieFooter {
		height: 220px;
		display:none;
		#display: block;_display: block;		
}

#logo {padding: 90px 0 0;display:block;}

#printLogo {display:none;}

#mainContent {margin: 10px 0 0;float:left;}

#wrapTopMenu {padding: 50px 0 20px 0;}

#wrapBottomMenu {
		color: #999999;
		padding:20px 0 0;
}

ul#bottomNav {
		border-top:1px solid #404040;
		margin: 40px 0 0;
}

#sectionMenu {
		margin: 18px 0 0 0;
		font-size: 1.2em;
		line-height: 1.8em;
		color:#999999;
}

#sectionMenu a {display: inline;}

#sectionMenu img {padding: 0 10px;}

#content {background: #404040;}

.contain {
		width:740px;
		margin:0 auto;
		clear: both;
}




#holdContent {
		margin:auto;
		width:740px;
		_width:745px;
}

#centerFooter {
		margin:auto;
		width:740px;
		
}

#holdFooter {height:220px;}

.welcome {height:220px;}


/****************************************************************************
                                                                          
		Text                                                     
                                                                         
****************************************************************************/

.column p {
		font-size: 1.2em;
		line-height: 22px;	
}


.column a.more {
		font-size: 1.2em;
		line-height: 22px;
		margin:0 0 18px 0;
		padding:0 0 0 13px;
		color: white;
		font-weight: bold;
		background: url(../images/bsf_arrow.gif) no-repeat center left;
		
}
.column p a.more {
		font-size: 1.0em;
		line-height: 22px;
		margin:0 0 18px 0;
		padding:0 0 0 13px;
		color: white;
		font-weight: bold;
		background: url(../images/bsf_arrow.gif) no-repeat center left;
		
}
.column a {
		font-size: 1.2em;
		color: white;
		padding: 0;
		text-decoration: underline;
}
.column p a {
		font-size: 1.0em;
		color: white;
		text-decoration: underline;
}

.column a:hover, .column a img {text-decoration: none;}
.column a:hover.more, p a:hover.more {text-decoration: underline;}

.column img {margin-bottom: 10px;}



.sub a.more {
		font-size: 1.2em;
		line-height: 22px;
		padding:0 0 0 13px;
		color: white;
		font-weight: bold;
		background: url(../images/bsf_arrow.gif) no-repeat center left;
		
}
.sub a:hover.more, .nfoText a:hover.more {text-decoration: underline;
}

.nfoText p {
		font-size: 1.2em;
		line-height: 1.8em;
		margin-bottom: 18px;
}
p.nfoTextBig {
		font-size: 1.4em;
		_font-size: 1.6em;
		#font-size: 1.6em;
		line-height: 1.8em;
		margin-bottom: 1.8em;
}

.nfoText a.more {
		font-size: 1.2em;
		padding:0 0 0 13px;
		margin: -10px 0 20px;
		color: white;
		font-weight: bold;
		background: url(../images/bsf_arrow.gif) no-repeat center left;
		
}

.pad20 {padding-bottom: 20px;}
/****************************************************************************
                                                                          
		Homepage
                                                                         
****************************************************************************/

/* Rollovers */

a.feature01 {
		display: block;
		width: 75px;
		height: 75px;
		background-image: url(../images/hpg_tn/bsf_hpg_tn01.jpg);
		text-decoration: none;
		background-position: 0 0;	
}
		
a:hover.feature01 {background-position: -75px 0;}


a.feature02 {
		display: block;
		width: 75px;
		height: 75px;
		background-image: url(../images/hpg_tn/bsf_hpg_tn02.jpg);
		text-decoration: none;
		background-position: 0 0;
}

a:hover.feature02 {background-position: -75px 0;}


a.feature03 {
		display: block;
		width: 75px;
		height: 75px;
		background-image: url(../images/hpg_tn/bsf_hpg_tn03.jpg);
		text-decoration: none;
		background-position: 0 0;
}

a:hover.feature03 { background-position: -75px 0;}


a.feature04 {
		display: block;
		width: 75px;
		height: 75px;
		background-image: url(../images/hpg_tn/bsf_hpg_tn04.jpg);
		text-decoration: none;
		background-position: 0 0;
}

a:hover.feature04 {background-position: -75px 0;}


/* Hidden Homepage DIVs */
#feature01, #feature02, #feature03, 
#project01, #project02, #project03, 
#hiddenGallery 
{display: none;}


/* Bah */
 
#thumbnails a {
		margin:20px 0 0;
		padding:0;
		
}


div.feature {
		padding: 20px 0 0;
		height:180px;
		width:740px;
		
}

/****************************************************************************
                                                                          
		About Us                                                     
                                                                         
****************************************************************************/

div#iww {
		width:65px;
		height:65px;
		background: url(../images/MHSALogo.gif);
		float:left;
		margin: 5px 30px 0 0;
		}
div#iww_bw {
		width:130px;
		height:130px;
		float:left;
		display: none;
		}
		
p#iww {line-height: 1.8em;float:left;}

.people {
		font-size: 1.2em;
		line-height: 1.8em;
		}
		
.people a {color:white;text-decoration: underline;}
.people a:hover {text-decoration: none;}

/****************************************************************************
                                                                          
		Careers                                                      
                                                                         
****************************************************************************/

/* Accordion */

#accordion {
		background: #555555;
		margin: 0 0 20px 0;
		border-bottom: 1px solid #666666;
		
}

.toggler {
		cursor:pointer;
		border-top: 1px solid #666666;
		padding: 5px 0 0 28px;
		background: url(../images/bsf_arrow_greyB.gif) no-repeat 12px 12px;
		
}

#accordion div {
		overflow: hidden;
		height: 0px;	
}

div.element p.desc {
		border-top: 1px solid #666666;
		padding: 20px 10px 0 12px;
		}

div.element p.descSuite {padding: 0 10px 10px 12px;}


/* Inputs */
input {font-size:1.1em;}

input[type=file] {color:white;_color:black;#color:black;}

td>input[type=file]:hover {
		background: #555555 url(../images/333333.gif) no-repeat;
		#background: #555555;
		_background: white;
		width:280px;
		#width:304px;
		}

input#submit {
		font-size:1.1em;
		background: #555555;
		color:white;
		padding:5px;
		margin:10px 0 0;
		width:95px;
		}


td#attach {padding:20px 5px 5px;}
