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

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;
}
.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/templatebg.gif);
    background-repeat: repeat-y;
	text-align: left;
    overflow: auto;
}

 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; }


.folderone {
		background: url(images/folder1.gif) no-repeat;
        background-position: center;
}

.foldertwo {
		background: url(images/folder2.gif) no-repeat;
        background-position: center;
}

.folderthree {
		background: url(images/folder3.gif) no-repeat;
        background-position: center;
}

.folderfour {
		background: url(images/folder4.gif) no-repeat;
        background-position: center;
}

.folderfive {
		background: url(images/folder5.gif) no-repeat;
        background-position: center;
}

.foldersix {
		background: url(images/folder6.gif) no-repeat;
        background-position: center;
}

.foldermulti {
		background: url(images/multi.gif) no-repeat;
        background-position: center;
}
.complaints {
		background: url(images/complaints.gif) no-repeat;
        background-position: center;
}

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

#sidebarone h1 {
	font-family: arial, helvetica, serif;
	font-size: 1.25em;
	font-weight: 200;
	margin-top: 0;
	letter-spacing: 4px;
	line-height: 1.5;
	border-bottom: 12px solid #ddd;
}


#sidebarone ul  {
   text-decoration: none;
   line-height: 3;
   margin: 0 0 10px 5px;
   padding: 0;
}

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

#sidebarone ul li a {
   display: block;
   height: auto !important;
   text-decoration: none;
   color: white;
   font-weight: bold;
   padding: 0 3px 0 15px;
   margin: 0 0 0 0;
   width: 125px;
}

.sidebareoneimage  {
    border: none;
	float: left;
}

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

.rss  {
    float: left;
	padding: 10px;
}

.table   {
     margin-left:  40px;
}

#main { 
    float: left;   
    margin-left: 20px;
	margin-top: 20px;
    margin-bottom: 100%;
    width: 358px;	
} 

#main h1 {
	height: 100%;
    font-family: arial, helvetica, serif;
	font-size: 1.25em;
	font-weight: 200;
	letter-spacing: 2px;
	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 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 20px;
}

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


.main .newshead {
    font-family: arial, helvetica, serif;
	font-size: 1.2em;
	font-weight: 200;
	color: #426F85;
}

img.taser	{
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

.post {
   float: left;
   width: 350px;
   position: relative;
   margin-bottom: 1.5em;
   border-bottom: 1px solid #CCCCCC;
   padding-bottom: .8em;
}

.post .date {
   position: absolute;
   top: 0;
   left: 5px;
   width: 2.3em;
   text-align: right;
}


.post .date .month {
   text-transform: uppercase;
   font: 700 1.0em arial, sans-serif;
   color: #888;
}

.post .date .day {
	display: block;
	color: #888;
	font-family: arial, sans-serif;
	font-size: 1.3em;
	font-weight: 700;
}

.post .title {
   display: block;
   padding: 0 0 5px 0;
   font-size: 1.2em;
   font-weight: bold;
   color: #586B7A;
}

.post p {
   margin: 0px 0 0 3.5em;
   padding:  0 0 1em 1.2em;
   border-left: 1px solid #CCCCCC;
}

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

#sidebartwo {
	float: right;
	width: 150px;
	padding: 20px 10px 0 10px;
	text-decoration: none;
	background: #eaf2f5;
	}

#sidebartwo ul   {
   margin: 0 0 20px 0;
   padding: 0;
} 
 
#sidebartwo ul li  {
   list-style: none;
   margin: 0;
   padding: 0;
}

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

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

   padding: 1px 5px 1px 20px;
}

#sidebartwo ul a:hover {
   color: #426F85;
   background: #B3C6C4 url(images/submenu1.gif) no-repeat 5px 50%;
}

#sidebartwo ul li a {
   color: #426F85;
   background: url(images/submenu1.gif) no-repeat 3px 50%;
   text-decoration: none;
}

#sidebartwo h1 {
	font-family: arial, helvetica, serif;
	font-size: 1.25em;
	font-weight: 200;
	margin-top: 0;
	letter-spacing: 4px;
	line-height: 1.5;
	border-bottom: 12px solid #ddd;
}
.sidebartwoimage    {
    margin-top: .8em;
}

.community {
    background: url(images/community.gif) no-repeat;
    background-position: center;
}

#community ul   {
    float: right;  
    width: 150px;    
    display: block;
    margin: 15px 0 5px 0;
    padding: 5px 10px 5px 0px;
} 
 
#community ul li  {
      list-style: none;
	  margin: 0;
      padding: 0;
}

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

#community ul li a {
    float: right;  
    height: auto !important;
    text-decoration: none;
    color: white;
    font-weight: bold;
    width: 125px;
    padding: 5px 40px 8px 15px;
}

.sidelinkright {
    display: block;
    font: .8em arial, sans-serif;
    color: #426F85;
    text-decoration: none;
    margin-left: 590px;
    margin-right: 15px;
    margin-top: -10px;
}

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

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

a img {
   border: 0;
}

.stylesix {color: #5C8096}

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

H3 {text-align: center;  font: bold 11pt verdana, arial, helvetica; color:#f70b16; text-decoration: none;line-height: 1.4em;}
H4	{text-align: center;  font: bold 9pt verdana, arial, helvetica; color:#336699; text-decoration: none; line-height: 1.5em;}