@charset "utf-8";
/* CSS Document */

p  {
    font: 1em verdana, arial, sans-serif;
    line-height: 160%;	
}

a:link  {
  color: #426F85;
  text-decoration: none;
}

.itemheading {
	font: 1.05em arial, helvetica, serif;
	font-weight: bold;
	font-variant: normal;
	color: #586B7A;
	text-decoration: none;
    line-height: 115%;
}

h2    {
	font: 1.2em arial, helvetica, serif;
	font-weight: bold;
	font-variant: normal;
	color: #586B7A;
	text-decoration: none;
}

.newsitem {
	font-size: 1em;
	font-weight: 200;
	color: #818181;
    text-transform: none;
	text-decoration: none;
}

.date {
	font: 78%/.9 arial, helvetica, serif;
	text-transform: none;
	color: #000000;
}

#container { 
    width: 776px; 
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/templatebgwhite.gif);
    background-repeat: repeat-y;
	text-align: left;
    overflow: visible;
  	}


 body  {
	font: 78%/1.5 arial, helvetica, serif;
	line-height: 1.5em;
	color: #818181;
	background: url(images/light_body2.gif) repeat-y top center;
	padding: 0;
	margin: 0;
 }

#topmenu, #topmenu ul {
	background-color: #CFD9DB;
	width: 776px;
	height: 23px;
	list-style: none;
	line-height: 1;
	font-weight: bold; 
	border-width: 1px 0;
	border-bottom: 12px solid #ddd;
	border-top: 5px solid #CFD9DB;
}

#topmenu a {
	display: block;
	text-align: right;
	text-decoration: none;
	color: #41637D;
	padding: 0.25em 3em;
	white-space: nowrap;
	background: #CFD9DB;
}

#topmenu li {
	float: left;
	padding: 0;
	width: 8em;
}

#topmenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 14.4em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	background: #CFD9DB;
}

.topmenuform  {
   float: left;
}	

#lowermenu li.sfhover ul, #lowermenu li li.sfhover ul, #topmenu li li li.sfhover ul {
	left: auto;
}

#banner {
    clear: left;
    height: 143px;
    width: 776px;
    background: url(images/bcclaheader.jpg) no-repeat left;
} 

#banner a {
    margin-right: auto;
    margin-left: auto;
}

#lowermenu, #lowermenu ul {
	background-color: #CFD9DB;
	width: 776px;
	height: 27px;
	list-style: none; 
	line-height: 1;
	font-weight: bold; 
	border-bottom: 12px solid #ddd;
	border-top: 5px solid #CFD9DB;
    margin-bottom: 0;
}

#lowermenu a {
	display: block;
	text-align: left;
	color: #41637D;
	text-decoration: none;
	padding: 0.25em 2em;
	white-space: nowrap;
	background: #CFD9DB;
}

#lowermenu li {
	float: left;
	padding: 0;
	width: 10em;
}

#lowermenu li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 14.4em;
	font-weight: normal;
	border-width: 0.25em;
	background: #CFD9DB;
    margin: 0px 0px 0px 0px; 
    padding:0px;
}

#lowermenu li ul a {
	width: 13em;
	w\idth: 9em;
}

#lowermenu li:hover ul {     left: auto; }

#lowermenu li:hover, #menu li.hover {
    position: static;
}

#sidebarone {
	float: left;
	height: 100%;
	width: 125px; 
	padding: 0 20px 0 20px;
	background: #eaf2f5;
}

#buttons img {
		float: right;
		margin: 30px 0px 0 0px;
		padding: 0 0 0 0;
}

#main { 
    float: left;   
    margin-left: 40px;
	margin-top: 20px;
    width: 500px;	
   	 } 

#main h1 {
	height: 100%;
    font-family: arial, helvetica, serif;
	font-size: 1.25em;
	font-weight: 200;
	letter-spacing: 1px;
	line-height: 1.5;
	border-bottom: 12px solid #ddd;
	margin-top: 20px;
}

.mainlink a {
   font: 700 1.0em arial, sans-serif;
   color: #888;
   text-decoration: none;
}

#main ol li  {
     list-style-type: disc; 
     font: 1em verdana, arial, sans-serif;
	 line-height: 170%;
}

#main ul li  {
   list-style: none;
   margin: 0;
   padding: 0;
}

#main ul li a {
   display: block;
   height: auto !important;

  /* Start hide from IE Mac \*/
  height: 1%;
  /* End hide from IE Mac */

    padding: 5px 4px 5px 40px;
}

#main ul a:hover {
   color: #426F85;
   background: #eaf2f5 url(images/permalink1.png) no-repeat 5px 50%;
}

#main ul li a {
   color: #426F85;
   background: url(images/permalink1.png) no-repeat 3px 50%;
   text-decoration: none;
  font: 1em verdana, arial, sans-serif;
    line-height: 160%;
}

#footer {
    clear: both;
    margin: auto;
    width: 775px;
    height: 7em;
    background-color: #CFD9DB;
    border: 1px solid;
    border-color: #CFD9DB;
}

.textmiddle     {
   vertical-align: middle;
   padding: 0 5px 5px 0px;
}

.footertext {
    font-family: arial, helvetica, serif;
	font-size: .8em;
	font-weight: 200;
	line-height: 1.5;
}

a img {
   border: 0;
}


.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.style1 {color: #868686}

.sidelink {
   font: 1em arial, sans-serif;
   color: #426F85;
   text-decoration: none;
}