/* CSS Document */



html, body 

{

	font-family: Arial, Helvetica, sans-serif;

	background-color: #0A50A1;

	text-align: center;

}

/* Main Structure, contain the whole layout in a div to keep it narrow and centered */

#container

{

	width: 780px;

	margin-left: auto;

	margin-right: auto;

	width: 50em;

	background-color: #fff;

	text-align: left;

	min-height:100%;

}

/* Header */

#header {

	clear: both;

	background: #fff url(Assets/images/BCBA_header_v2.png) no-repeat left center;

	position: relative;

	height: 100px;

	border-top-style: solid 1px;

	border-top-color: #0A50A1;



}

  #masthead {width: 780px;}

  h1.sitetitle {

  text-indent: -9999px;

  overflow: hidden;

  } 

  h1 a:link, h1 a:visited {color: #0A50A1; text-decoration: none; }

  .subtitle {

	font-size: 1.2em;

	font-weight: bold;

	text-transform: capitalize;

	color: #FFFFFF;

	background-color: #0A50A1;

	text-indent: 0.5em;





}

/* Main Navigation, a styled list */



ul {

	margin: 0;

	padding: 0;

	list-style: none;

	float: left;

	color: #fff;

	background-color: #165829;

	white-space: nowrap;

	text-align: center;

	}

ul li {

	position: relative;

	display: block;

	background-position:right;

	}

li ul {

	position: absolute;

	top: 21px;

	display: none;

	left: 0px;

	}

ul li a {

	display: block;

	float: left;

	width: 6em;

	color: #fff;

	background-color: #165829;

	padding: 0.2em .70em;

	text-decoration: none;

	border-right: 1px solid #fff;

	font-size: .75em;

	}

ul {

	margin: 0;

	padding: 0;

	list-style: none;

	width: 780px;

	}

li:hover ul { display: block; }

li:hover ul, li.over ul { 

	display: block; }

ul li a:hover

{

	background-color: #FFF206;

	color: #0A50A1;

	}



/* Secondary Navigation, a styled list */

#quotes

{

	float: left;

	width: 145px;

	margin: 0;

	padding: 1em 0em 1em 1em;

	clear: left;



}

#quotes p

{

	font-size: 0.75em;

	color: 0A50A1;

	font-style: italic;

}



#camp

{

	float: left;

	width: 160px;

	margin: 0;

	padding: 0;

}	



#leftnav

{

float: left;

padding: 0 1px 1px;

margin-left: 0;

font: 12px Verdana, sans-serif;

background: #165829;

width: 160px;

}



#leftnav li

{

list-style: none;

margin: 0;

border-top: 1px solid #165829;

text-align: left;

}



#leftnav li a

{

display: block;

padding: 0.25em 0.5em 0.25em 0.75em;

border-left: 1em solid #AAB;

background: #FFF;

text-decoration: none;

}



#leftnav li a:link { color: #0A50A1; }

#leftnav li a:visited { color: #667; }



#leftnav li a:hover

{

border-color: #FE3;

color: #FFF;

background: #165829;

}

/* Hilights Navigation, a styled list */

#hilights

{

	float: right;

	width: 160px;

	padding: 0.25em;

	margin: 0.25em 0.25em 0.3em;

}



p.hilights

{

	font-size: 0.8em;

	color: #165829;

	margin-left: 10px;

}	

h2.hilightslinks a

{

	font-size: .63em;

	font-weight: bold;

	color: #FFFFFF;

	background-color: #0A50A1;

	text-decoration: none;

	text-indent: 5px;

	width: 153px;

}



h2.hilightslinks a:hover

{

	color: #FFFF00;

	text-decoration: none;

}



/* Main Content of the Page */

#content

{

	position: relative;

	margin-left: 160px;

	border-left: 2px solid #165829;

	margin-right: 175px;

	border-right: 2px solid #165829;

	padding: 1em;

	max-width: 325px;



}

/*Footer*/

#footer

{

	clear: both;

	margin: 0;

	padding: .25em;

	color: #fff;

	background-color: #165829;

	text-align: center;

	font-size: .75em;

	word-spacing: 2px;

}



#leftnav p, #quotes p, #rightnav p { margin: 0 0 1em 0; }

#content h2 {

	margin: 0 0 .5em 0;

	color: #0A50A1;

}



#content h3 {color: #165829;}



/* Fix IE. Hide from IE Mac \*/

* html ul li { float: left; }

* html ul li a { height: 1%; }

/* End */



/* Fix IE. Hide from IE Mac \*/

* html ul li { float: left; height: 1%; }

* html ul li a { height: 1%; }

/* End */



/* Fix IE. Hide from IE Mac \*/

* html ul#leftnav li { float: left; }

* html ul#leftnav li a { height: 1%; }

/* End */



/* Fix IE. Hide from IE Mac \*/

* html ul#hilights li { float: right;}

* html ul#hilights li a {height: 1%; }

/* End */



/*printer styles*/ 

 @media print{ 

/*hide the leftnav rightnav, and mainnavlist when printing*/ 

#leftnav, #rigthnav, ul#mainnavlist{display:none;} 

#content{width:85%; float:none;}

}