body { 
	background: url(Images/background_HCC.jpg) center top no-repeat #885223;
	margin: 0px;
}
* { 
	font-weight: normal; 
	font-family: verdana, helvetica, arial;
	font-size: 100%;
	line-height:1.125em;
	color: 663300;
}
/*** top right bottom left ***/

#container {
	position: relative;
	width: 950px;
	height: 701px;
	margin: 0px;
	padding: 0px;
}
#book {
	width: 200px;
	background: #000000;
  	float: left;
	margin: 35px 100px 0px 15px;
}
#leftcol {
  	float: left;
	margin-top: 250px;
	margin-left: -2px;
  	width: 160px;
	font-size: .8em;
}
#rightcol {
  	float: left;
	margin-top: 51px;
  	width: 667px;
 	height: 567px;
	padding: 0px;
	font-size: .8em;
}
#rightcolhome {
	background: url(Images/home_page.gif) center;
  	float: left;
  	width: 670px;
 	height: 536px;
	margin: 80px 0px 0px 0px;
	font-size: .8em;
	z-index: 5;
}
#innertube {
  	float: left;
	padding: 10px 5px 5px 20px;
  	width: 94%;
 	height: 90%;
}
#hometext {
  	float: right;
	margin-top: 250px;
	padding: 10px;
  	width: 550px;
	background: #885223;
	color: #eee4c7;
	text-align: left;
	font-size: 1.0em;
}
#pagetitle {
	color: #eee4c7; 
	letter-spacing: 0.4em;
	font-size: 1.5em;
}
#staff {
  	float: left;
  	width: 186px;
	margin-top: 40px;
	text-align: left;
}
#staff_content {
  	float: left;
 	width: 420;
	display: block;
}
#staffnav {
	display: block;
 	width: 130;
 	height: 80;
}
.indentmenu ul{
	margin: 0;
	padding: 0;
	float: left;
}
.indentmenu ul li{
	display: inline;
}
#footer {
	clear: both;
	color: #e4d6ab;
	width: 950px;
	margin: 0px;
	font-size: .7em;
	text-align: right;
}
#subscribe {
  	float: left;
	margin-left: 30px;
	text-align: left;
 	height: 340;
}
#subscribe_footer {
	clear: both;
}
input {
	color: #885223;
	background: #eee4c7;
	border-width: 0px 1px 1px 0px;
	border-spacing: 1px;
	border-style: outset;
	border-color: #885223;
}
#calendermonth {
	clear: both;
	text-align: left;
	letter-spacing: 0.4em;
	font-size: 1.3em;
	margin: 30px 0px 5px 20px;
}
#break {
  	clear: both;
	height: 1px;
}
#calender1 {
	background: #eee4c7;
  	float: left;
	width: 100px;
	height: 10px;
	text-align: left;
	border-width: 0px 1px 1px 0px;
	border-spacing: 1px;
	border-style: outset;
	border-color: #885223;
	padding: 6px;
}
#calender2 {
	background: #eee4c7;
  	float: left;
	width: 20px;
	height: 10px;
	text-align: center;
	border-width: 0px 1px 1px 0px;
	border-spacing: 1px;
	border-style: outset;
	border-color: #885223;
	padding: 6px;
}
#calender3 {
  	float: left;
	width: 400px;
	text-align: left;
	font-weight: bold; 
	letter-spacing: 0.4em;
	font-size: 1.0em;
	border-width: 0px;
	padding: 6px;
}
#calender4 {
	background: #fbf1f1;
  	clear: both;
	width: 540px;
	text-align: left;
	border-width: 0px 1px 1px 1px;
	border-spacing: 1px;
	border-style: solid dotted dotted solid;
	border-color: #885223;
	padding: 6px;
}
A:link    { color: #070733; text-decoration: none; font-weight: normal;}
A:visited { color: #070733; text-decoration: none; font-weight: normal;}

#leadtext  { color: 000033; font-size: 1.0em; font-weight: bold;}

h2  { 
color: cc0000; 
font-weight: normal; 
font-family: verdana, helvetica, arial; 
letter-spacing: 0.4em; 
}

#red  { color: CC0000; text-decoration: none; font-weight: normal; font-family: verdana, helvetica, arial }

/*** Button styles ***/

.aceunsubmit {
background-color: red;
border-color: 333333;
border-style: beveled;
border-width: 1;
color: ffffff;
font-size: .8em;
font-weight: bold;
}

.acesubmit {
background-color: green;
border-color: 333333;
border-style: beveled;
border-width: 1;
color: ffffff;
font-size: .8em;
font-weight: bold;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width: 160px; /* Width of Menu Items */
border-bottom: 5px solid #885223;
}
	
.suckerdiv ul li{
position: relative;
}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 260px; /*sub menu width*/
top: 0;
visibility: hidden;
}

/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
text-decoration: none;
text-align: left;
background: #eee4c7;
color: #333333;
padding: 2px 5px;
border: 1px solid #885223;
border-bottom: 0;
}

.suckerdiv ul li a:visited{
color: #333333;
}

.suckerdiv ul li a:hover{
background-color: #885223;
color: #eee4c7;
}

.suckerdiv .subfolderstyle{
background: url(images/arrow-list.gif) no-repeat center right #eee4c7;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; margin-left: 1; }
* html .suckerdiv ul li a { height: 1%; }
/* End */