/* global */
	
	body { 
		color: #fff;
		padding: 0;
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 85%;
		margin-right: 2%;
		margin-left: 2%;
		margin-top: 2%;
		} 
		
	hr {
	color: #0070BA;
	}
	
	/* formatting */
	
	td	{
		vertical-align:top;
		color: #000000;
		padding: 0;
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 85%;
		margin-right: 2%;
		margin-left: 2%;
		margin-top: 2%;
		}
	
    p   {
        color: #000;
        background-color: transparent;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: x-small;
        }

	
	#left p, ul, dl, ol, h1, h2, h3, h4, h5, h6, img { padding-left: 0.5em; padding-right: 0.5em; }

	#right p, ul, dl, ol, h1, h2, h3, h4, h5, h6, img, input, form { padding-left: 0.5em; padding-right: 0.5em;}

	#right form {
	    margin-top: 0.1em;
	    margin-bottom: 0.8em;
	    }
	
	h1, h3, h4 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: small;
		}
	
	h2 {
		font-family: verdana, arial, sans-serif;
		font-weight: bold;
		font-size: small;
		padding: 0;
		margin: 0;
		margin-top: 0.8em;
		margin-right: 0.8em;
		margin-left: 0.8em;
		}


	h3	{
		padding-left: 0.8em;
		color: #0070BA;
		}

		#right h2 {
		margin-left: 0.5em; margin-right: 0.5em; padding: 0;
		}

	
	h4 {
		font-weight: normal;
	}
	
	h5 {
		font-size: 1em;
	}

	ul, dl, ol { 
		color: #000; 
		background-color: transparent; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 85%; 
		}
	
	a:link, a:active { 
		color: #0070BA;
		background-color: transparent; 
		text-decoration: underline; 
		}
	
	a:visited {
		color: #CC0033; 
		background-color: transparent; 
		text-decoration: underline; 
		}
	
	a:hover { 
		color: #0070BA;
		background-color: transparent;
		text-decoration: none;
		}

	.small {
	font-size: 90%;
	}
	
	.smaller {
	font-size: 80%;
	}
	
	.smallest {
	font-size: 65%;
	
	}

	/* header */
	
	.head {
		color: #000;
		margin-bottom: 1em;
		}
		
	.head p {
		border-bottom: 1px solid #0070BA;

		padding-bottom: 1em;
	}	
	
		html>body .head p {
			margin-left: 0;
		}
		
	.head h2 {
		border-top: 2px solid  #0070BA;
		color: #0070BA;
		margin: 0;
		padding: 0;
	}	
	
	html>body .head h2 {
	}
	
	.head img {
		padding: 0;
		margin: 0;
		
		}
	
	/* colors */
	
		.blue {
		color: #0070BA;
		}
	
	.midblue {
		color: #009CCF
		}
	
	.lightblue {
		color: #EBF2F9;
		}
	
	.green {
		color: #02928A
		}
	
	.red {
		color: #B80052;
		}
	
	.yellow {
		color: #DBB850;
		// DBB850
		}
	
	/* positioning styles */
	
	#top {
		position: absolute;
		top: 0;
		left: 0;
		background: #ffffff url(../images/h1.jpg) top right no-repeat;
		height: 119px;
		width: 100%;
		margin-right: 2%;
		margin-left: 2%;
		margin-top: 2%;

		}
		
	#middle {
		position: absolute;
		margin: 0;
		padding:0;
		top: 160px;
		color: #000;
		background: #fff;
		padding-top: 0;
		width: 100%;
		}
		
	#left {
		float: left; 
		background: #fff;
		width: 23%;
		padding: 0;
		margin: 0;
		margin-right: 2%;
		}
		
	#left-inner {
		width: 100%;
		float: left;
		padding: 0;
		padding-top: 1em;
		margin: 0;
		padding-bottom: 100px;
		background: #52AA06 url(../images/bgswoosh.gif) bottom left no-repeat;
		}	
	

		
	
	#container {
		margin-top: 15px;
		margin-bottom: 0;
		margin-left: 25%;
		background-color: #fff;
		color: #000;
		}


	
	#topsection {
		padding: 0;
		background-color: white;
		border: 1px solid black;
		color: #000;
		}
	
	#leftnav {
		width:50%;
		padding: 0;
		float: left;
		}
	
	#contents {
		margin-left: 50%;
		padding: 0;
		background-color: #fff;
		color: #000;
		}
	
	#strap {
		background: #52AA06 url(../images/castlewall.gif) top left repeat-x;
		padding: 0;
		margin: 0;
		border-bottom: 5px solid white;
		height: 30px;
		}

	#strap img {
		padding: 0;
		margin: 0;
	}

	/* navigation */

	ul {
		border: 0;
		padding: 0;
		margin: 0;
		clear: left;
		}

	li {
		border: 0;
		padding: 0;
		margin: 0;
		}

	ul.aqtree3clickable {
		padding: 0;
		margin: 0;
		margin-left: 10px;
		margin-right: 10px;
		}

	/* Turn off list bullets */
		
	ul.aqtree3clickable li { 
		list-style: none; 
		border-top: 1px solid white; 
		margin: 0; 
		padding: 0;
		}

	ul.aqtreeclickable, ul.aqtreeclickable ul, ul.aqtreeclickable li { 
		margin: 0; 
		padding: 0;
		}


	ul.aqtree3clickable li a:link, ul.aqtree3clickable li a:active, ul.aqtree3clickable li a:visited { 
		padding: 0;
		margin: 0;
		text-decoration: none;
		font-family: verdana, arial, sans-serif;
		color: white;
		font-size: 0.9em;
		}

	ul.aqtree3clickable li.aq3open a {
    	background: white url(../images/minushbc.gif) center right no-repeat;
     	width: 20px;
		}
		
	ul.aqtree3clickable li.aq3closed a {
    	background: white url(../images/plushbc.gif) center right no-repeat;
     	width: 20px;
		}

	ul.aqtree3clickable li.aq3bullet a, ul.aqtree3clickable li a.nolist {
    	padding: 0;
		margin: 0;
    	color: white;
    	background: #52AA06;
    	width: 80%;
    	text-decoration: none;
		}

	ul.aqtree3clickable li.aq3open a:hover, ul.aqtree3clickable li.aq3closed a:hover, ul.aqtree3clickable li.aq3bullet a:hover, ul.aqtree3clickable li a.none:hover, ul.aqtree3clickable li a:hover {
		color: white;
		background-color:  #0070BA;
		}

	ul.aqtree3clickable li a.none {
    	background: #52AA06;
    	width: 86%;
		}

	ul.aqtree3clickable ul.subnav2 li a:link, ul.subnav2 li a:active, ul.subnav2 li a:visited {
		padding: 0;
		margin: 0;
		color:  #0070BA;
		background-color: #fff; 
		width: 86%;
		}

	ul.aqtree3clickable ul.subnav2 li a:hover {	
		color:  #fff;
		background-color: #0070BA;
		width: 86%;
		}

	ul.aqtree3clickable ul.subnav2 {
		background-color: #fff; 
		}

	ul.aqtree3clickable ul.subnav2 li {
		padding: 0;
		margin: 0;
		border-top: 0;
		}

	ul.aqtree3clickable li.aq3open ul { 
		display: block;
		}
		
	ul.aqtree3clickable li.aq3closed ul {
		display: none;
		}

/* boxes placement */

	.box1 {
		border: 0.1em solid #EBF2F9;
		border-top: 0 solid #B80052;
		margin: 0 0.2em 0.2em 0;
		padding: 0 0 0.2em 0;
		background: #fff
		}

	.box4 {
		border: 0.1em solid #EBF2F9;
		border-top: 0 solid #B80052;
		margin: 0 0.2em 0.2em 0;
		padding: 0 0 0.2em 0;
		background-color: #fff;
		}

	.box3  {
		border: 0.1em solid #EBF2F9;
		border-top: 0 solid #DBB850;
		margin: 0 0 0.2em 0.2em;
		padding: 0 0 0.2em 0;
		background: #fff;
		}

	.box2 {
		border: 0.1em solid #EBF2F9;
		border-top: 0 solid #B80052;
		margin: 0 0.2em 0.2em 0;
		padding: 0 0 0 0;
		background-color: #fff;
		}

	.box5 {
		margin: 0.2em 0.4em 0.8em 0;
		padding: 0.2em 0 0.4em 0;
		color: white;
		background: #6F9FD0;
		}

	.box6 {
		margin: 0em 0.4em 0.6em 0;
		padding: 0;
		color: white;
		background: #DDEFFB;
		border-top: 2px solid #0070BA;
		border-bottom: 2px solid #0070BA;
		}

	.box7 {
		margin: 0.8em 0.4em 0.8em 0;
		padding: 0.1em 0 0.1em 0;
		color: white;
		background: #6F9FD0;
		}

/* boxes formatting */

	.box5 p, .box6 p, .box7 p {
		padding: 0 1.2em;
		color: #fff;
		}
		
	.box1 p, .box2 p, .box3 p, .box4 p {
		padding: 0 1.2em;
		}

	#right .box1 p {
		padding: 0;
		font-size:70%;
		}


	.box1 ul	{
		margin: 0 1.2em;
		}


    .box1 li {
        font-size:85%;
        }

	.box1 h2 {
		color: #0070BA;
		border-top: 0.1em solid #0070BA;
		}

	.box2 h2, .box4 h2 {
		color: #0070BA;
		border-top: 0.1em solid #0070BA;
		}

	.box3 h2 {
		color: #0070BA;
		border-top: 0.1em solid #0070BA;
		}

	.box3 th {
		padding: 0 1.2em;
		font-weight: bold;
		color: #0070BA;
		font-size:85%;
		text-align: left;
		padding: 0;
		margin: 0;
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		margin-right: 2%;
		margin-left: 2%;
		margin-top: 2%;		
		}

	.box5 h2 {
		color: #ffffff;
		border-top: 0.1em solid #ffffff;
		padding-left:0em;
		padding-right:0em;
		}

	.dataComponent p {
		border: 0px solid #6f9fd0;
		}		
		
	.dataComponent {
		border-left: 10px solid #6f9fd0;
		}

	.box1 img, .box4 img {
		padding: 0.6em;
		background-color: #DDEFFB;
			border: 0.1em solid #0070BA;
		margin-bottom: 0.8em;
		margin-left: 1em;
		float: left;
		margin-right: 0.8em;
		border-right: 0;
		border-left: 0;
		}
		
	.box2 img{
		padding: 0.6em;
		margin-bottom: 0.8em;
		margin-left: 1em;
		float: left;
		margin-right: 0.8em;
		border-right: 0;
		border-left: 0;
		}

	.box1 h1 {
		color: white;
		padding-left: 0.8em;
		background: #0070BA url(../images/bluetopcorner.gif) top right no-repeat;
		}

	.box2 h1, .box4 h1 {
		color: #fff;
		padding-left: 0.8em;
		margin: 0;
		background: #0070BA url(../images/bluetopcorner.gif) top right no-repeat;
		}

	.box3 h1 {
		color: white;
		padding-left: 0.8em;
		background: #0070BA url(../images/bluetopcorner.gif) top right no-repeat;
		}

form h1 {
		color: #0070BA;
		padding-left: 0.0em;
		margin-bottom: 0.0em;
		margin-top: 0.6em;
		}
		
.box6 h1 {
		color: #0070BA;
		margin-bottom: 0.2em;
		margin-top: 0.2em;
		} 

.box6 p {
		color: #0070BA;
		margin-left: 0.8em;
		margin-bottom: 0.9em;
		margin-top: 0.2em;
}

/* footer */

	#footer {
		padding-top: 1em; padding-left: 0.4em;
		border-left: 1px solid #fff;
		border:1px solid #fff;
		}

	#footer p {
	}

/* forms */

	textarea, input {
		border: 1px solid #0070BA;
		padding: 0.2em;
		margin: 0;
	}

	textarea:focus, input:focus {
		border: 2px solid #0070BA;
		padding: 0.2em;
		margin: 0;
	}

	input.check, input.radio {
		border: 0;
	}

/* date */ 

	.date {
		font-weight: bold;
		}

	#secondnav a:link, #secondnav a:active, #secondnav a:visited {
		background-color: #6F9FD0;
		color: white;
		padding: 0 0.1em;
		font-size: 80%;
		}

	#secondnav a:hover {
		background-color: white ;
		color: #6F9FD0;
		padding: 0 0.1em;
		font-size: 80%;
		}

/* dividing bar */

    .bar {
        width: 75%;
        margin: 0;
        left: 24.5%;
        height: 14px;
        background-color: #52AA06;
        position: absolute;
        top: 146px;
        z-index: 4;
        padding: 0;
    }
	 
	html>body .bar {
	 	margin-right: 25%;
	}
	.bar b {
		text-decoration:none;
		color: white;
		font-size: 70%;
		}

/* navigation bottom detail */

	.navtable {
		background-color: #52AA06;
	}

	#bottomcurve {
		height: 100px;
		margin: 0;
		padding: 0;
		background: #52AA06 url(../images/greenbottomcurve.gif) right bottom no-repeat;
	}
	
/* main logo */	

#logo {
        height: 125px;
        width: 123px;
        position: absolute;
        background: url(../images/hbclogo.gif) left top no-repeat;
        z-index: 10;
        border: 0;
    }


/* input from global.htm */

	textarea, input {
	border: 1px solid #0070BA;
	padding: 0.2em;
	margin: 0;
	}

	textarea:focus, input:focus {
	border: 2px solid #0070BA;
	padding: 0.2em;
	margin: 0;
	}

	input.submit {
	background-color: #0070BA;
	border: 1px solid #0070BA;
	padding: 1px;
	color: white;
	margin-top: 0.4em;
	}

	input.submit:focus {
	background-color: #DDEFFB;
	border: 3px solid #0070BA;
	color: #0070BA;
	}

	input.check, input.radio {
	border: 0;
	}

/* a2z */

	p.a2zlinks {
	background-color:#52AA06;
	margin-right: 1em;
	margin-left: 1em;
	padding-left: 0.2em;
	border:1px solid #fff;
	}

	p.a2zlinks a#active:link, p.a2zlinks a#active:active, p.a2zlinks a#active:visited {
	background-color:   #0070BA;
	padding-left: 3px;
	padding-right: 3px;
	color: white;
	margin: 0;
	text-decoration: none;
	}


	p.a2zlinks a:link, p.a2zlinks a:active, p.a2zlinks a:visited {
	background-color:  #52AA06;
	padding-left: 2px;
	padding-right: 2px;
	color: white;
	margin: 0;
	border-right: 1px solid white;
	text-decoration: none;
	}

	p.a2zlinks a:hover {
	color:  #0070BA;
	}

	.boxnew strong {
	color:  #0070BA;
	}
	
	
/* site designator icons */
	
	ul li {
	padding: 0.2em;
	margin-left:1.5em;
	}
	
	ul li.c {
	list-style-image: url(../images/council.gif);
	}
	
	ul li.c a, ul li.c, p.c a, p.c span {
	color: #41AC2B;
	font-weight:bold;
	text-decoration:none;
	}
	
	ul li.n {
	list-style-image: url(../images/community.gif);
	}
	
	ul li.n a, ul li.n,p.n a, p.n span {
	color: #0057AE;
	font-weight:bold;
	text-decoration:none;
	}
	
	ul li.p {
	list-style-image: url(../images/partner.gif);
	}
	
	ul li.p a, ul li.p,p.p a, p.p span {
	color: #00B9DE;
	font-weight:bold;
	text-decoration:none;
	}
	
	ul li.t {
	list-style-image: url(../images/pct.gif);
	}
	
	ul li.t a, ul li.t,p.t a, p.t span {
	color: #FF6600;
	font-weight:bold;
	text-decoration:none;
	}

	ul li.w {
	list-style-image: url(../images/wild.gif);
	}
	
	ul li.w a, ul li.w, p.w a, p.w span {
	color: #41AC2B;
	font-weight:bold;
	text-decoration:none;
	}
	
	ul li.f {
	list-style-image: url(../images/foreign.gif);
	}
		
	ul li.f a, ul li.f, p.f a, p.f span {
	font-weight:bold;
	text-decoration:none;
	}
	
	ul li.blank {
	list-style-image: url(../images/blank-bullet.gif);
	}
	
	ul li.blank a,p.blank a, p.blank span {
	color: #41AC2B;
	font-weight:bold;
	text-decoration:none;
	}

	ul li.d {
	list-style-image: url(../images/directory.gif);
	}

	ul li.d a, ul li.d, p.d a, p.d span {
	color: #b80052;
	font-weight:bold;
	text-decoration:none;
	}

	span.black{
    color:#000000;
    font-weight:normal;
   }

	p.c img, p.p img, p.n img, p.d img, p.t img, p.f img, p.w img, p.blank img	{
	border:0;
	vertical-align:middle;
	}

	
	li.p a:visited, p.p a:visited {color: #00B9DE; text-decoration:none;}

	li.t a:visited, p.t a:visited {color: #FF6600; text-decoration:none;}

	li.n a:visited, p.n a:visited {color: #0057AE; text-decoration:none;}

	li.c a:visited, p.c a:visited {color: #41AC2B; text-decoration:none;}

	li.d a:visited, p.d a:visited {color: #000; text-decoration:none;}

	li.f a:visited, p.f a:visited {color: #000; text-decoration:none;}

	li.w a:visited, p.w a:visited {color: #41AC2B; text-decoration:none;}

	li.blank a:visited, p.blank a:visited  {color: #41AC2B; text-decoration:none;}
	
	li.p, li.n, li.c, li.f, li.t, li.w { padding: 5px;}

/* calendar */

	#calend {
	padding-left: 0.8em;
	padding-right: 0.8em;
	padding-top: 0.8em;
	}
	
	#calend td {
	font-family: verdana, arial, san-serif;
	font-size: 85%;
	color: black;
	}
	
	td.day {width: 14%; height: 25px; text-align: center; color:#000000; border-width:0px; border-style: solid; border-color: #0057AE;}
	tr#days{width: 100%; background: #EBF2F9}
	tr.dates{ width: 100%; }
	tr.dates td {
	width:14%; height: 30px; border-width:1px; border-style: solid; border-color: #0157AE; text-align: center; 
	}
	.thisdate {background: #52AA06;}
	.datewith {background:  #009CCF;}
	.datewithout {background: white;}
	tr.dates td a:link, tr.dates td a:visited, tr.dates td a:active {
	color: white
	}
	tr.dates td a:hover {
	text-decoration: none;
	}
	td.buttons {
	padding-top: 10px;
	}
	
	div#scroll{ width:100%;
	border-width:1px; border-style: solid; border-color: #0157AE; padding: 1px }

/* new content boxes */	
	
.boxtopnew {
	border: 0;
	padding: 0; 
	margin: 0;
	margin-right: 0.4em;	
	background: #0070BA url(../images/bluetopcorner.gif) top right no-repeat;
}
		
.boxtopnew h2 {
	padding-left: 0.8em; 
	margin: 0; 
}

.boxnew {
	border: 0.1em solid #EBF2F9; 
	border-top: 1px solid white; 
	margin: 0 0.4em 0.6em 0;
	padding: 0 0 0.2em 0;
}
	
.boxnew p {
	padding: 0 1.2em;
}
	
.boxnew h1 {
	color:  #0070BA;
	border-top: 0.1em solid  #0070BA;
}

.boxnew img {
	border: 0.1em solid #0157AE;
	margin-bottom: 0.8em;
	border-bottom: 0.8em solid #0157AE;
	margin-left: 1em;
	padding: 0;
	margin-right: 0.8em;
}

.fieldlabel {
	font-weight: bold;
	}