body{margin:0;background:#993333;color:#000000}
body,td,th,input,select,input,textarea {font-family: Arial, Helvetica, sans-serif;font-size:12px;}
script{padding:0;margin:0;}
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ 


.layout{width:775px;margin:0 auto; background: #fff; padding: 0 2px 2px 2px}

.header{position:relative;}
	.logo{float:left;}
	.logo h1{margin:0;text-indent:-2000px;}
	.logo h1 a{display:block;width:167px;height:85px;background: url(../images-bcla/logo.gif) no-repeat top left;}

	.toolbar{float:right;width:600px;font-size:10px;color:#333333}
	.toolbar ul{margin:0;padding:10px 0 0 0;float:right}
	.toolbar ul li{display:block;float:left;background: url(../images-bcla/toolbar-divider.gif) no-repeat right;}
	.toolbar ul li a{display:block;float:left;padding:0 8px;color:#333333;text-decoration:none;}
	.toolbar ul li a:hover{text-decoration:underline;}
	.toolbar .search{padding:6px 0 0px 7px;float:right}
	.toolbar .search .textfield{width:130px;height:13px;font-size:10px;margin:0 0 0 4px}
	.toolbar .search input, .toolbar .search label{vertical-align:middle;}
	.toolbar .search .searchbutton{background: url(../images-bcla/searchbutton.gif) no-repeat top left;width:22px;height:18px;border:none;font-size:0px;line-height:200px;color:#ffffff;margin:0;}

.nav{float:right;width:575px;margin:35px 0 0 0;font-size:12px;background: url(../images-bcla/nav-bg.gif) repeat-y top right;padding:3px 5px;}
	.nav ul {padding: 0;margin: 0;list-style: none;line-height: 1;float:right}
	.nav ul li {float: left;}
	.nav ul li a{background: url(../images-bcla/nav-divider.gif) no-repeat right;;display:block;text-decoration:none;padding:3px 12px;color:#ffffff}
	.nav ul li.last a{background-image:none;}
	.nav ul li ul{position: absolute;background: #eadada;width: 170px;border-top:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;left: -999em;}
	.nav ul li ul li a{border-bottom:1px solid #666666;width:150px;padding:4px 10px;color:#000000;background-image:none;font-size:11px}
	.nav ul li ul li a:hover{background: #ffffff;}
	.nav ul li ul li.ipf-parent a{}
	.nav ul li ul li.ipf-parent a:hover{}
	.nav ul li ul li ul {display:none}
	.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {left: -999em;}
	.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {left: auto;}


.subnav{font-size:12px;color:#666666;float:left;border-top:1px solid #b0afaf;border-bottom:1px solid #b0afaf;width:100%;margin:1px 0 1px 0} 
	.subnav ul {padding: 0;margin: 0;list-style: none;line-height: 1;}
	.subnav ul li {float: left;}
	.subnav ul li a{background: url(../images-bcla/subnav-divider.gif) no-repeat right;display:block;text-decoration:none;padding:4px 12px;color:#666666}
	.subnav ul li.last a{background-image:none;}
	.subnav ul li ul{position: absolute;background: #e5e5cc;width: 170px;border-top:1px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;left: -999em;}
	.subnav ul li ul li a{border-bottom:1px solid #666666;width:150px;padding:4px 10px;color:#000000;background-image:none;font-size:11px}
	.subnav ul li ul li a:hover{background: #ffffff;}
	.subnav ul li ul li.ipf-parent a{}
	.subnav ul li ul li.ipf-parent a:hover{}
	.subnav ul li ul li ul {display:none}
	.subnav li:hover ul ul, .subnav li:hover ul ul ul, .subnav li.sfhover ul ul, .subnav li.sfhover ul ul ul {left: -999em;}
	.subnav li:hover ul, .subnav li li:hover ul, .subnav li li li:hover ul, .subnav li.sfhover ul, .subnav li li.sfhover ul, .subnav li li li.sfhover ul {left: auto;}


.footertools{background:#08578b;color:#ffffff;font-size:10px;padding:2px 0}
	.footertools ul{margin:0 auto;padding:0;width:400px;}
	.footertools ul li{display:block;float:left;background: url(../images-bcla/footertools-divider.gif) no-repeat right;}
	.footertools ul li.last{background:none;}
	.footertools ul li a{display:block;float:left;padding:2px 8px;color:#ffffff;text-decoration:none}
	.footertools ul li a:hover{text-decoration:underline;}

.footer{text-align:center;color:#fff;font-size:10px;padding:7px 0; background: #993333;width:775px;margin:0 auto; }
	.footer p{margin:0;}

/* Homepage elements */
.focusareas{}
	.homepage-leftfocus{float:left;}

	.homepage-rightfocus{float:right;clear:right}
		.homepage-rightfocus .summary{background:#015289;color:#ffffff;font-size:13px;padding:8px 13px;}
		.homepage-rightfocus .summary h1{color:#ffffff;font-size:24px;font-weight:normal;margin:0;line-height:1em;}
		.homepage-rightfocus .summary h2{color:#ffffff;font-size:18px;font-weight:normal;margin:0 0 5px 0;line-height:1em;}
		.homepage-rightfocus .summary p{margin:0 0 7px 0;}
		.homepage-rightfocus .summary a{color:#ffffff;text-decoration:none;}

.homepagecontent{background:#e5e5cc;padding:10px 12px;margin:1px 0 1px 0;}
	.newsandevents{float:left;color:#333333;font-weight:bold;width:459px;}
		.newsandevents h2{color:#015289;font-size:15px;font-weight:bold;margin:0 0 10px 0;}
		.newsandevents ul{margin:0;padding:0;}
		.newsandevents ul li{list-style:none;margin:0 0 9px 0;}
		.newsandevents ul li a{color:#333333;text-decoration:none;font-weight:normal;}
		.newsandevents ul li a:hover{text-decoration:underline;}
		.newsandevents a strong{color:#993333;}

	.notable{float:right;width:258px;background:#ffffee;color:#666666;padding:10px 10px;}
		.notable h2{color:#015289;font-size:15px;font-weight:bold;margin:0 0 4px 0;}
		.notable p{font-size:11px;line-height:1.6em;margin:0 0 0px 0;}
		.notable img{float:right;margin:0 0 6px 6px;}
		.notable strong{font-size:12px;}
		.notable a{color:#666666;}

	.inthespotlight{}
		.inthespotlight .summary{background:#666666;color:#ffffff;font-size:11px;padding:4px 14px;}
		.inthespotlight .summary p{margin:0;}
		.inthespotlight .photos{padding:4px 0 0 0;text-align:center;}
		.inthespotlight .photos img{margin:0 4px 0 0}
		.inthespotlight .photos a{text-decoration:none;}


/* Subpage elements */
.content{background: url(../images-bcla/subpage-bg.gif) repeat-y top left #E5E5CD;line-height:1.4em;color:#4c4c4c}
	.subpage .content h1{font-size:16px;color:#ffffff;font-weight:bold;background: #045487 url(../images-bcla/pagetitle-bg.gif) repeat-y top right;padding:6px 10px;margin:0}
	.subpage .content h2{color:#4c4c4c;font-size:16px;font-weight:bold;}
	.content a{color:#08578b}

	.leftcolumn{float:left;padding:10px 0px 10px 0px;width:184px;}       
		.leftcolumn ul{margin:0 10px 20px 10px;padding:0;font-size:11px;color:#4c4c4c}
		.leftcolumn ul li{list-style:none;margin:0 0 9px 0;}
		.leftcolumn ul li a{color:#4c4c4c;}

		.focusarea{background:#d1d1b8;padding:5px 6px;color:#666666;font-size:11px}
		.focusarea h2{font-size:12px !important;margin:0 0 4px 0;}
		.focusarea p{margin:0 0 4px 0;}

	.rightcolumn{float:right;padding:2px 0 20px 0;width:565px;}
		.path{font-size:10px;color:#08578b;margin:5px 0 9px 0}
		.path a{color:#08578b;}

	.pagelet-quicklinks{margin:0 0 25px 20px;width:130px;float:right;padding:10px 7px;background:#fafae3;border-left:1px solid #b1b0a7;border-top:1px solid #b1b0a7;border-bottom:1px solid #b1b0a7;font-size:10px;color:#4c4c4c;line-height:1.3em;}
	.pagelet-quicklinks-title{font-size:11px;font-weight:bold;margin:0 0 10px 0}
	.pagelet-quicklinks ul{list-style:none;margin:0;padding:0}
	.pagelet-quicklinks li{margin:0 0 15px 0} 
	.pagelet-quicklinks li a{text-decoration:none;color:#08578b;font-weight:bold;}
	.pagelet-quicklinks img{margin:0 0 0 5px;}

	.pagelet-photo{margin:0 0 25px 20px;float:right;}

/* ----------------------------------------------------------------------------------------------------- */			
/* Rotating photo
/* ----------------------------------------------------------------------------------------------------- */	
			
#slideshow {
    position:relative;
    height:209px;
}



#slideshow IMG.last-active {
    z-index:9;
}


#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

						
