/* CSS Document created by Sherie on 26th Dec 04 for Web Work */
/* layout divs */
BODY{
	text-align:center;
	background-color:#FFffCC;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	padding-top:5px;
	margin:0px;
	background-image: url();
}
#div{margin:0px; padding:0px;}
#frame {
		width:750px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		text-align:left;
		background-color:#FFffff;
		border-color:#547761;border:3px solid;

}
#headerbar{
	background-color:#547761;
	height:60px;
	background-image: url(images/title.gif);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
}
#title H1{display: none;}


#sidebar{
	FLOAT:left;
	text-align:right;
	Width:180px;
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	padding-right:5px;
	margin:0px;
	background-image: url(images/hha_logo3.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 220px;
}
#content{
FLOAT:right;
	Width:550px;
	font-family: verdana, Helvetica, sans-serif;
	font-size:x-small;
	padding:0px; margin:0px;
}
#content img {FLOAT:right;}
#footerbar {
		background-color:#547761; text-align:center;color:#ffffff;font-size:x-small;padding-top:2px; padding-bottom:2px;margin:0px;
		}
		A.footerbar:link,A.footerbar:visited, A.footerbar:hover{color:#ffffff; text-decoration:none;}

.alignleft {FLOAT:left;padding:0px; margin:0px;}
.alignright {FLOAT:right;padding:0px; margin:0px;}

/* text styles */
H1,H2,H3,P{padding:0px; margin:0px;}
H1 {
		font-size:Large; font-family:Arial, Helvetica, sans-serif;
		padding-top:10px;color:#547761;
		}
H2 {
		font-size:Medium; font-family:Arial, Helvetica, sans-serif;
		padding-top:10px;color:#547761;
		}
H3 {
		font-size:small; font-family:Verdana,Arial, Helvetica, sans-serif;font-weight:bold;color:#547761;
		}
	P{font-size:small; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:normal;}
	
A:link {color:#547761; text-decoration:underline;}
A:visited {color:#547761; text-decoration:underline;}
A:hover{color:#547761; text-decoration:underline;}
A:active{color:#547761; text-decoration:underline;}

/* navigation */
#lselect{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px;
	PADDING-TOP: 4px;;WIDTH:170px;
	
}
#lselect UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0.1em; PADDING-TOP: 0px;LIST-STYLE-TYPE: none;
}

#lselect LI {
	BORDER-RIGHT: #ffffff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #ffffff 1px solid; PADDING-LEFT: 0px;color:#ffffff; BACKGROUND-color: #EEFAF3;  PADDING-BOTTOM: 0px; MARGIN: 3px; BORDER-LEFT: #ffffff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #ffffff 1px solid; LIST-STYLE-TYPE: none; TEXT-INDENT: 5px; TEXT-ALIGN:right; MARGIN-BOTTOM:0px;

}
#lselect A {
	DISPLAY: block;width:160px;height:16px;
	color:#ffffff;BACKGROUND-color: #547761;  
	FONT-SIZE: x-small;
	font-weight:600;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	TEXT-DECORATION:none;
			PADDING-BOTTOM: 4px;PADDING-TOP: 4px; padding-right:6px;padding-left:2px;
}

#lselect A:hover {
	DISPLAY: block;width:160px;height:16px;
	background-color:#ffffff;
	color:#547761;
	FONT-SIZE: x-small;
	font-weight:600;
	FONT-FAMILY: Verdana, Helvetica, sans-serif;
	TEXT-DECORATION:none;
				PADDING-BOTTOM: 4px;PADDING-TOP: 4px; padding-right:6px;padding-left:2px;
}