body {
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Verdana, Sans-Serif;
	font-size:12px;
	background: #FFE6CC;
}
a {
	text-decoration: none;
	color: #B60400;
}
a:hover {
	color: #808080;
}
a img {
	border: 0;
}
h2 {
	font-size: 20px;
	font-weight: bold;
}
h3 {
	font-size: 1.3em;
	margin: 0 0 5px 0;
	padding: 2px 0px 0px 0px;
}
h4 {
	font-size: .9em;
	margin: 0 0 0px 0;
	padding: 5px 0px 0px 0px;
}
h6 {
	font-size: 15px;
	font-weight: normal;
	margin: 0 0 5px 5px;
	padding: 2px 0px 0px 0px;
}
#bgold {
	width: 760px;
	margin: 0 auto;
	height: auto;
	padding: 6px 10px 0px 10px;
	background: url(HCcssimages/bg.gif) no-repeat;
}
#bg {
	width: 740px;
	margin: 0 auto;
	height: auto;
	padding: 0px 0px 0px 0px;
	border-left: medium solid #ccc;
	border-right: medium solid #ccc;
	border-top: medium solid #ccc;
	background: #F8F8F8;
}

#contents {
	padding: 3px 4px 0 2px;
	color: #303030;
	width: 736px;
}
#header {
	clear: both;
	text-align: right;
	padding: 20px 15px 0 0;
	margin: 0px 0px 0px 0;
	height: 40px;
	border-bottom: 2px solid #eee;
	background: #FFF url(HCcssimages/fade6.gif) repeat-x;
	color: #808080;
}
#update {
	font-size: 7pt;
}
#title {
	float: left;
	font-size: 14pt;
	font-weight: bold;
	padding: 0 0 0 10px;
	vertical-align: text-top;
}
#navigation  {
	width: 159px;
	float: left;
	clear: left;
	vertical-align: top;
	background-color: rgb(255,255,255);
	font-size: 0.9em;
	color: rgb(50,50,50);
}
#navigation ul {
	width: 95%;
	padding: 0em;
	margin: 0 0 3px 0;
	font-size: 1.1em;
	list-style: none;
	border-right: 2px solid #ccc;
}
#navigation  li {
	margin-bottom: 4px;
	padding: 0 5px 0 1px;
}
#navigation li a {
	font-size: 7pt;
	font-weight: bold;
	text-align: left;
	height: 20px;
	text-decoration: none;
	color: #808080;
	display: block;
	padding: 6px 10px 0 1px;
	background-color: #fff;
	/* border-bottom: 1px dotted #ccc;*/
}
#navigation li a:hover {
	color: rgb(255, 255, 255);
   	background-color: rgb(90, 121, 157);
   	text-decoration : none;
}
#navigation .selected {
	font-size: 7pt;
	font-weight: bold;
	text-align: left;
	height: 20px;
	text-decoration: none;
	color: #FDA8A8;
	display: block;
	padding: 6px 10px 0 2px;
	background-color: #fff;
	/* border-bottom: 1px dotted #ccc; */
}

.left {
	margin: 9px 0 10px 0;
	padding: 3px 10px 5px 10px;
	width: 130px;
	color: #6B6B6B;
	line-height: 1.6em;
}
.left a {
	text-decoration: underline;
}
.left p {
	margin: 0;
}
#infobox {
	border: 1px solid #ccc;
	background: #f4f4f4;
	padding: 3px;
	margin-top: 5px;
}
.boro {
	margin: 0 0 5px 155px;
	padding: 1px 10px 1px 6px;
	line-height: 1.4em;
	background: #DAE9FE;
}
.boro h2 {
	text-align: center;
	margin: 0px;
	padding: 10px 0 10px 5px;
	font-size: 12pt;
	color: #3A6794;	
}
.boro p {
	margin: 0;
	padding: 0 0 0 5px;
	color: #5488BC;
	width: 260px;
}
.pic {
	margin:  0 0 5px 155px;
	padding: 0px 10px 5px 6px;
	line-height: 1.4em;
	background: url(HCcssimages/pic.jpg) repeat-x;
	height: 146px;
}
.pic h2 {
	margin: 0px;
	padding: 15px 0 2px 5px;
	font-size: 12pt;
	color: #3A6794;
}
.pic p {
	margin: 0;
	padding: 0 0 0 5px;
	color: #5488BC;
	width: 260px;
}
.right_column  {
	font-size:15px;
	float: right;
	width: 265px;
	margin: 0 0 10px 0;
	padding: 5px 13px 20px 10px;
	border-left: 1px solid #DDD;
	color: #5D5D5D;
	line-height: 1.5em;
}
.right_column p {
	margin: 0px;
	font-size: 90%;
}
.right_column a {
	display: block;
	padding-bottom: 4px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ccc;
}
.right_column em {
	padding-bottom: 4px;
	margin-bottom: 2px;
	text-indent: 75px;
	font-style: italic;
}
.left_column  {
	font-size:15px;
	width: 265px;
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 10px;
	line-height: 1.6em;
	text-align: left;
	color: #5D5D5D;
	border-left: 2px solid #eee;
	border-right: 1px solid #eee;
}
.left_column  a, .left_column  a:visited {
	display: block;
	padding-bottom: 4px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ccc;
}
.left_column  p {
	padding: 0;
	margin: 0;
	font-size: 90%;
}
#downbox {
	width: 740px;
	margin: 0 auto;
	height: auto;
	padding: 0px 0px 0px 0px;
	border-left: medium solid #ccc;
	border-right: medium solid #ccc;
	background: #FEF2CF;
}
#downbox p {
	padding: 6px;
	margin: 0;
}
#footer {
	clear: both;
	color: #808080;
	background: #FFF;
	font-size: 0.8em;
	text-align: right;
	padding: 9px 10px 9px 0;
	margin: 10px 5px 10px 5px;
	border: 1px solid #ccc;	
}
#footer a {
	text-decoration: underline;
	color: #3A6794;
}
#footer a:hover {
	color: #000;
}

/******************/
/* Box titlebars */
/*****************/
.column-box-title-white {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: white;
	font-weight: bold;
	color: rgb(50,50,50);
}
.column-box-title-grey {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(220,220,220);
	font-weight: bold;
	color: rgb(50,50,50);
}
.column-box-title-blue {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(187,211,247);
	font-weight: bold;
	color: rgb(50,50,50);
}
.column-box-title-yellow {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(255,236,128);		
	font-weight: bold;
	color: rgb(50,50,50);
}
.column-box-title-green {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(196,221,108);			
	font-weight: bold;
	color: rgb(50,50,50);
}
.column-box-title-red {
	clear: both;
	display: block;
	margin: 0em 0em 0.5em 0em;
	padding: 0.2em 0em 0.2em 0.3em;
	background-color: rgb(255,176,176);
	font-weight: bold;
	color: rgb(50,50,50);
}

/**************************/
/***   Box backgrounds    ***/
/**************************/

.column-box-white {
	float: right;
	width: 577px;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	background-color: white;
}
.column-box-blue {
	float: right;
	width: 577px;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(187,211,247);
}
.column-box-yellow {
	float: right;
	width: 577px;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,240,170);
}
.column-box-green {
	float: right;
	width: 577px;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(224,244,181);
}
.column-box-red {
	float: right;
	width: 577px;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	background-color: rgb(255,219,219);
}
.column-box-white p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}
.column-box-blue p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}
.column-box-yellow p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}
.column-box-green p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}
.column-box-red p {
	margin: 0em 0em 0.6em 0em;
	padding: 0em 1.0em 0em 0.8em;
}
/**************************/
/***   boro stuff   ***/
/**************************/
menu {
	font-size:15px;
}
dt {
	font-size:19px;
}
.column-box-brick {
	float: right;
	width: 577px;
	font-size:15px;
	margin: 0em 0em 0em 0em;
	padding: 0em em 0em 0em;
	background-color: white;
	background-image: url(HCcssimages/bkbrickwhite.gif);
}
.column-box-brick b{
	color: red;
}
.column-box-brick sup{
	color: #008080;
}
.bgbp {
	background-image: url(HCcssimages/beachview.jpg);
	
}
.bgOther {
	background-image: url(HCcssimages/bkbrickwhite.gif);
}
.bgGov {
	background: #FFF url(HCcssimages/Bk28.gif);
}
.bgHis {
	background: #FFF url(HCcssimages/bgbluetwirl.gif);
}
.bgLit {
	background: #FFF url(HCcssimages/waterbackground.jpg);
	
}
.bgChecker{
	background: url(HCcssimages/CheckAlbum.jpg);
}
.bgblue {
	background: #DAE9FE;
}
.bull li{
font-size:15px;
text-indent: 100px;
list-style-image: url(HCcssimages/bullred.gif);
}
.gul li{
	font-size: 15px;
	list-style-image: url(HCcssimages/seagull5.gif);
}
.gull li{
	font-size: 15px;
	list-style-image: url(HCcssimages/seagull4.gif);
}
.arrow li{
	list-style-image: url(HCcssimages/arrowb.gif);
}

/**************************/
/***   events    ***/
/**************************/
#fullcal {
	float: right;
	width: 577px;
	font-size: 15px;
	margin: 0em 0em 1.5em 0em;
	padding: 0em 0em 0em 0em;
	background-color: white;
	background-image: url(HCcssimages/yelstrpe.gif );	
}
.fullcalplus a{
	color: #000080;
	text-decoration: underline;
}
.fullcalplus a:hover{
color: #FF0000;
}
.fullcalplus a:visited{
color: purple;
}
.fullcalplus {
	padding-left: 10px;
	padding-top: 0px;
}
#fullcal .red em h2 {
	color: red;
}
#fullcal .white em h2 {
	color: white;
}
#fullcal .blue em h2 {
	color: blue;
}
#fullcal .blue em h3 {
	color: red;
}
/**************************/
/***   Clerk Page Goodies    ***/
/**************************/

#contents-cork {
	padding: 0px 4px auto 2px;
	float: right;
	color: #303030;
	width: 569px;
	background-image: url(HCcssimages/corkboard.jpg);
	border: medium solid Black;
}
.title-cork {
	font-weight: bold;
	color: white;
}
.left-cork {
	float: right;
	padding: 0px 10px 5px 10px;
	line-height: 1.6em;
	text-align: left;
	color: #5D5D5D;
}
.right-cork  {				
	float: right;
	width: 265px; 
	margin: 0 0 10px 10px;
	padding: 0px 10px 5px 10px;
	color: #5D5D5D;
	line-height: 1.5em;
}
.blackTXT li {
	color: black;
}
.blackTXT li a{
	color: black;
}
.redHover li a:hover{
	color: red;
}
.red-pin li{
	list-style-image: url(HCcssimages/redpushpin.gif);
}
.white-pin li{
	list-style-image: url(HCcssimages/whitepushpin.gif);
}
.blue-pin li{
	list-style-image: url(HCcssimages/bluepushpin1.gif);
}
.no-curl li{
	border-right: thin outset Transparent;
	border-bottom: thin solid Transparent;
}
.smallcurltop li{
	background: url(HCcssimages/smallcurltop.gif) no-repeat right top;
	border-right: thin outset Transparent;
	border-bottom: thin solid Transparent;
}
.smallcurlbottom li{	
	background: url(HCcssimages/smallcurlbottom.gif) no-repeat right bottom;
	border-right: thin outset Transparent;
	border-bottom: thin solid Transparent;
}
.longsmallcurl li{
	background: url(HCcssimages/longsmallcurl.gif) no-repeat right bottom;
	border-right: thin outset Transparent;
	border-bottom: thin solid Transparent;
}
.topcorner li{
	background: url(HCcssimages/topcorner.gif) no-repeat right top ;
	border-right: thin outset Transparent;
	border-bottom: thin solid Transparent;
}
 .bottomcorner li{
	background: url(HCcssimages/bottomcorner.gif) no-repeat right bottom;
	border-right: thin outset Transparent;
	border-bottom: thin solid Transparent;
}
.smallcornerbottom li{
	background: url(HCcssimages/smallcornerbottom.gif) no-repeat right bottom;
	border-right: thin outset Transparent;
	border-bottom: thin solid Transparent;
}
.twofold li{
	background: url(HCcssimages/twofold.gif) repeat-y right top ;
	border-right: thin outset Transparent;
	border-bottom: thin solid Transparent;
}
.notered {
	background: #FED8D8;
}
.notewhite {
	background: #E4E4E4;
}
.noteblue {
	background: #98EFEB;	
}
.noteyellow {
	background: #EFEB98;
}
/**** Tab Nav ****/
.tab a
{
color: #000;
background: #ffa20c url(HCcssimages/left-tab.gif) left top no-repeat;
text-decoration: none;
padding-left: 10px
}
.tab a span
{
background: url(HCcssimages/right-tab.gif) right top no-repeat;
padding-right: 10px
}
.tab a, .tab a span
{
display: block;
float: left
}
/* Hide from IE5-Mac \*/
.tab a, .tab a span
{
float: none
}
/* End hide */
.tab a:hover
{
color: #fff;
background: #781351 url(HCcssimages/left-tab-hover.gif) left top no-repeat;
padding-left: 10px
}
.tab a:hover span
{
background: url(HCcssimages/right-tab-hover.gif) right top no-repeat;
padding-right: 10px
}
.tab ul
{
list-style: none;
padding: 0;
margin: 0
}
.tab li
{
float: left;
margin: 0;
} 
.tabcontent
{
width: 380px;
margin: 0 auto
}