/* 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/BCCC_header_v1.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: auto;
	color: #fff;
	background-color: #165829;
	text-decoration: none;
	border-right: 1px solid #fff;
	font-size: .75em;
	padding-top: 0.2em;
	padding-right: 0.7em;
	padding-bottom: 0.2em;
	padding-left: 0.7em;
	}
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: 135px;
	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: 435px;
	top: 20px;

}

/* Paragraphs */
#content p
{
        font-size: .85em;
}
/*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;}
}