body {
	font-family: arial, helvetica, serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background-image:url(/images/hcci_bkgd.gif);
	background-repeat:repeat-y;
	background-color:#666666;
}
#header {
	position:absolute;
	visibility:hidden;
	top:0;
	left:0;
	width:800px;
	height:265px;
	background-image:url(/RED/images/header.jpg);
	background-repeat:no-repeat;
	background-color:#000066;
	z-index:1;
}
#header a{
	display:block;
	height:75px;
	width:75px;
	margin:5px 0 0 76px;

}
#mainnav {
	position:absolute;
	left:0px;
	top:0px;
	padding:0;
	margin:0;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 800px;
	z-index:100;
}
html>body #mainnav {
	width: 800px;
} 
#fontcontrol {
	visibility:hidden;
	width: 140px;
	height:23px;
	background-color:#003399;
	position:absolute;
	padding:0;
	font-size:12px;
	left:0px;
	top:30px;
	color:#FFF;
	border-right:1px dotted #FFF;
	z-index:150;
}
#fontcontrol div{
	margin-left:10px;
	margin-top:2px;
	padding:0;
	
}
#fontcontrol div a{
	color:#fff;
	text-decoration:none;
}
#fontcontrol div a:hover{
	color:#CC9900;
	text-decoration:none;
}

.small{
	font-size:10px;
	margin:0 3px 0 2px;
}
.medium{
	font-size:13px;
	margin:0 3px 0 2px;
}
.large{
	font-size:16px;
	margin:0 3px 0 2px;
}
#section {
	position:absolute;
	top:30px;
	left:155px;
	width:640px;
	padding:0;
	z-index:90;
}
#section h1{
	text-align:left;
	color:#FFF;
	font-weight:normal;
	display:block;
	margin-bottom:20px;
	text-transform:lowercase;
	font-size:34px;

	}

#maincontent {
	margin:65px 0 0 155px;
	width:550px;
	padding:0;
	z-index:250;
	background-color:#FFF;
	

}

#maincontent h1{
	text-align:left;
	color:#003366;
	font-weight:strong;
	display:block;
	margin-bottom:20px;
	text-transform:uppercase;
	font-size:26px;
	line-height:24px;
	z-index:250;
	
}
#maintext{
	margin-right:250px;
}
#maintext p{
	
	line-height:1.5em;
	margin: 0 0 20px 0;
}
#maintext h2{
	font-size:14px;
	color:#0100f6;
	padding:0;
	margin:15px 0 5px 0;
}

#rightside{
	width:200px;
	float:right;
	margin-left:10px;
	height:100%;
}

a {
	text-decoration: none;
}

#rightside h3{
	text-transform:uppercase;
	color:#000000;
	text-size:14px;
	margin: 0 0 10px 0;
	padding:0;
}
#rightside img{
	margin:10px 0 0 0;
}
#rightside span{
	margin:2px 0 15px 0;
	font-size:0.8em;
	font-style:italic;
	display:block;
	color:#fff;
}



h1 {
	text-align: center;
	padding: 0 0 0.25em 0;
	margin: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#nav {
	margin-top:0px;
	}
	
#nav a {
	font-weight: bold;
	color: white;
	text-decoration: none;
	padding:6px 0 5px 0;
	display:block;
}
#nav a:hover {
	text-decoration: none;
	color:#006699;
	background-color:#DDD;
	font-size:12px;
}
#nav li li a {
	display: block;
	font-weight: normal;
	color: #003366;
	padding:6px 0 5px 0;
	background-color:#EEE;
}

#nav li li a:hover {
	padding:6px 0 5px 0;
	border: 5px solid #003399;
	border-width: 0 5px;
}
ul#nav li div {
	height:23px;
	padding:0;
	margin:0;
	text-transform:uppercase;
	display:block;
	font-size:12px;
}
ul#nav li {
	float: left;
	position: relative;
	line-height:12px;
	margin:0;
	padding:0;
	width: 131px;
	text-align: center;
	cursor: default;
	background-color: #003399;
	border-right: 1px dotted #FFF;
	
}
li.end{
	border-right: 1px solid #000;
}
li:hover {
	background-color:#CCC;
}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	padding:0;
	margin:0;
	z-index:100;
	
}

li>ul {
	top: auto;
	left: auto;
}

li li {
	display: block;
	float: none;
	background-color:#CCC;
	border: 0;
}

li:hover ul, li.over ul {
	display: block;
	background-color:#EFEFEF;
	font-size:12px;
}

#sectionnav {
	position:absolute;
	top:65px;
	left:10px;
	width:120px;
	padding:0;
	margin:0;
}
#sectionnav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#sectionnav ul li{
	margin:0;
	padding:0;
	list-style:none;
	text-align:right;
	text-transform:uppercase;
}

#sectionnav ul li.here{
	margin:0;
	padding:0;
	list-style:none;
	text-align:right;
	text-transform:uppercase;
	background-image:url(/images/sub_arrow.gif);
	background-repeat:no-repeat;
	background-position:10px 1px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	background-position:10px 10px;
	border:1px solid #FFF;
}
#sectionnav ul li:hover{
	margin:0;
	padding:0;
	list-style:none;
	background-color:transparent;
}

#sectionnav ul li a{
	margin:10px 0;
	padding:0;
	display:block;
	color:#333;
}
#sectionnav ul li a.here{
	margin:10px 0;
	padding:0;
	display:block;
	color:#CC9900;
}
#sectionnav ul li a:hover{
	color:#CC9900;
	background-color:transparent;
}
#donate {
	text-align:right;
	}
	
#pulldown{
	width:120px;

}
#pulldown form{
	width:120px;
	margin: 25px 0 25px 0;
	
}
#pulldown select{
	width:120px;
	
}

#donate a img{
	border:none;
	}
#footer {
	clear:both;
	margin-top:20px;
	background-color:#003399;
	height:100px;
	width:800px;
	display:block;
}
#footer p{
	padding-top:10px;
	width:600px;
	margin:0 0 0 155px;
	text-transform:uppercase;
	font-size:10px;
	line-height:14px;
	display:block;
}
ul.list{
	list-style-position:inside;
	list-style-type:disc;
}
ul.list li{
	display:list-item;
}