/* CSS Document */
body {
	background: 			#154978 url(../images/body-top.jpg) no-repeat;
	font-family: 			"Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	color: 					#333333;
	text-align:				justify;
}
#topwrapper {
	width: 100%;
	height: 90px;
	background: url(../images/header_bg.jpg) repeat-x;
	border-bottom: solid 1px #000080;
}
#lcorner {
	position:				absolute;
	top:					0px;
	left: 					0px;
	background:				url(../images/tl_curve_white.gif) no-repeat;
	width:					6px;
	height:					6px;
}
#rcorner {
	position:				absolute;
	top:					0px;
	left: 					894px;
	background:				url(../images/tr_curve_white.gif) no-repeat;
	width:					6px;
	height:					6px;
}
#lbcorner {
	position:				absolute;
	top:					470px;
	left: 					0px;
	background:				url(../images/tlb_curve_white.gif) no-repeat;
	width:					6px;
	height:					6px;
}
#rbcorner {
	position:				absolute;
	top:					470px;
	left: 					894px;
	background:				url(../images/trb_curve_white.gif) no-repeat;
	width:					6px;
	height:					6px;
}
#lbcorner-long {
	position:				absolute;
	top:					547px;
	left: 					0px;
	background:				url(../images/tlb_curve_white.gif) no-repeat;
	width:					6px;
	height:					6px;
}
#rbcorner-long {
	position:				absolute;
	top:					547px;
	left: 					894px;
	background:				url(../images/trb_curve_white.gif) no-repeat;
	width:					6px;
	height:					6px;
}
#logo {
	width:					195px;
	height:					53px;
	position:				absolute;
	left:					31px;
	top:					27px;
	background:				url(../images/hclogo.gif) no-repeat;
}
#contentarea {
	width:					100%;
	height:					333px;
}
#displayarea {	
	width:					900px;
	height:					475px;
	position:				absolute;
	top:					50%;
	margin-top:				-233px;
	left:					50%;
	margin-left:			-500px;
	background-color:		#FFFFFF;
}
#contentarea-long {
	width:					100%;
	height:					410px;
}
#displayarea-long {	
	width:					900px;
	height:					500px;
	position:				absolute;
	top:					50%;
	margin-top:				-233px;
	left:					50%;
	margin-left:			-500px;
	background-color:		#FFFFFF;
}
#pageleft {
	float:				left;
	width: 				95px;
	margin-left:		5px;
	margin-right:		5px;
	margin-top:			20px;
}
#pagemiddle {
	float: left;
	width: 333px;	
	height: 333px;
	margin-right: 22px;
	border-right: solid 2px #000099;
	border-left: solid 2px #000099;
	background-color:#000066;
}
#bio {
	background-color:	#D0DDFD;
	float:				right;
	height:				333px;
	width: 				150px;
	padding:			5px;
	margin-top:			20px;
}
#pageright {
	float: left;
	width: 425px;
	height: 333px
}
#content {
	float: left;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
 }
#footerWrapper {
	width: 100%;
	height: 50px;
	border-top: solid 2px #000099;
	background-color:#F5F5F5;
}
#credits {
    margin-top: 3px;
	padding-right: 5px;
	float: right;
	text-align: right;
	color: #999999;
	font-size: 10px;
	font-weight: bold;
}
#copyright {
	margin: 0 auto;
	padding-top: 3px;
	padding-left: 5px;
}

.wireframemenu{
background-color: white;
width: 100px;
}

* html .wireframemenu{ /*IE only rule. Original menu width minus all left/right paddings */
width: 164px;
}

.wireframemenu ul{
padding: 0;
margin: 0;
list-style-type: none;
}

.wireframemenu a{
font: bold 13px Verdana;
padding: 4px 3px;
display: block;
width: 100%; /*Define width for IE6's sake*/
color: #595959;
text-decoration: none;
text-align:right;
}

.wireframemenu a:visited{
color: #595959;
}

html>body .wireframemenu a{ /*Non IE rule*/
width: auto;
}

.wireframemenu a:hover{
background-color: #D0DDFD;
color: black;
}