*{
	padding:0; 
	margin:0;
}

html > body{ 
	height:100%; 
	font-family: Tahoma, arial, sans-serif;
	background-color:#cccccc;
	font-size: 12px; 
}

/*** Website wrapper Div ***/

#shadow-wrapper{ 
	margin:0 auto; 
	width:1000px; 
	min-height:550px; 
	background-color:#cccccc; 
	background-image:url(images/wrapper-bg-gradient.gif);
	background-repeat:repeat-y;
}

#wrapper{
	width:870px; 
	margin:0 auto; 
}

/*** Website Heading ***/

#header{
	float:left;
	margin:0 auto; 
	height:161px;
	width:870px;
	background-color: #660066;
}

/*** Horizontal Menu Style with Rollover ***/

#menu-frame{
	float:left;
	margin:0 auto;
	width: 870px;
	background-color:#339900;
	
}

#menu{
	margin:0 auto; 
	width:870px;
	border-top:1px solid #dadada;
	border-bottom:1px solid #ffffff;
	height:29px;
	background-image:url(images/menu-bg.gif);
	background-repeat:repeat-x;
}

#menu ul{ 
	text-align:center;
	margin:0 auto; 
	display: inline; 
	list-style-type: none;
	
}

#menu ul li{
	margin:0 auto; 
	font-family: Tahoma, arial, sans-serif; 
	float:left;
	padding-left:16px;
	padding-right:16px;
	line-height:2.3em;
	color:#FFFFFF;
	background-image:url(images/menu-bg-item.gif);
	background-repeat:no-repeat;
	height:29px;
}

#menu ul li.first{background-image:url(images/menu-bg-first.gif);}

#menu ul li a:link, #menu ul li a:visited { 
	color:#FFFFFF; 
	text-align:center; 
	display: block; 
	text-decoration:none;
	font-size:12px;
}

#menu ul li a:hover {
	color:#ffffff;
	text-decoration:underline;
}

#menu-shadow{
	height:11px;
	width:870px;
	float:left;
	background-image:url(images/menu-shadow.gif); 
	background-repeat:no-repeat;
}
		

/***  Main Content ***/

#main-content{
	width:870px;
	min-height:300px;
	float:left;
	margin:0 auto;
}

#home-content, .home-content { 
	float:left; 
	background:#ffffff; 
	/*min-height:300px; */
	width:560px;
	margin-left:20px; 
}

#home-content2{
	float:left;
	width:830px;
	margin-left:20px; 
}

#home-content ul, #home-content2 ul {
	padding-left:15px;
}

#home-content li, #home-content2 li {
	font-size:12px;
	padding:1px 1px 3px 18px;
	/*background-image:url(documents/bullet.jpg);*/
	background-repeat:no-repeat;
	background-position: 8px -4px;
	color: #666666;	
}

#home-content bullet {
	list-style:disc;
	float:left;
		 
}

#content { 
	float:left;
	background:#ffffff; 
	/*min-height:300px; */
	width:830px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom: 15px;
}

#content ul li a:link, #content ul li a:visited{text-decoration:none; color:#990099;}
#content ul li a:hover{text-decoration:underline; color:#990099;}


#noticeboard-div { 
	float:left;
	width:815px;
	min-height:133px;
	background-image:url(images/noticeboard-bg2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-top:15px;
	padding-left:15px;
	margin-left:20px;
	margin-right:20px;
	padding-bottom:10px;
}

/*** right hand side feature pannels ***/

#features{
	float:right;
	width:250px;
	margin-left:10px;
	margin-right:20px;
}

#online-survey{
clear:both;
float:left;
	width:200px;
	min-height:10px;
	/*background-image:url(images/full-panel.gif);*/
	background-image:url(images/half-panel.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:25px; padding-bottom: 10px;
	overflow:hidden;
}

#contact-information{
	width:200px;
	height:250px;
	background-image:url(images/contact-panel.gif);
	background-repeat:no-repeat;
	padding:25px;
	overflow:hidden;
	margin-top:20px;
}

#newsletters{
clear:both;
float:left;
	width:200px;
	min-height:10px;
	background-image:url(images/half-panel.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:25px; padding-bottom: 10px;
	overflow:hidden;
}

#noticeboard{
float:left;
	width:200px;
	min-height:10px;
	background-image:url(images/half-panel.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:25px; padding-bottom:20px;
	margin-top:10px;
}

#noticeboard p, #newsletters p{font-size:11px;}

/*** old bottom of page noticeboard styles ***/

/*#noticeboard{
	clear:both;
	border:1px solid #bad991;
	background-color:#e7ffc2;
	padding:20px 10px 10px 10px;
	padding-bottom:10px;
	margin-left:20px;
	width:800px;
}*/

.notice{width:500px; margin-left:20px;}

/*** News & Announcements ***/

.collaborative-activities{margin-left:30px;}

.footnote{font-size:11px;}

.announcement{
	overflow:hidden;
}

.announcement p{font-size:11px;}

/*** right align news text with bullet ***/

.news-text{
	float:left;
	width:760px;
}

.bullet{
	float:left;
	margin-right:5px;
}

.right-image{
	float:right;
	padding:5px;
	margin:5px;
	border:1px solid #dddddd;
}

/*** Heading Styles ***/

h1, h3, h4, h5{
	font-family: tahoma, verdana, arial;
	font-weight:normal;
}

h1,h3{
	font-size: 20px; 
	color: #990099;  
	line-height:2.2em;
}

h2{
	font-family: "Trebuchet MS", tahoma, verdana, arial;
	line-height:2.2em;
	font-weight:bold;
	font-size:14px;
	color:#009933;
	margin-bottom:10px;
}

h2 a:link, h2 a:visited{color:#009933; text-decoration:none;}
h2 a:hover{color:#009933; text-decoration:underline;}

h3{	font-size:14px;}

h4{
	font-family: Tahoma, arial, sans-serif; 
	font-size:12px;
	font-weight:600;
}

h5{font-weight:bold;font-size:13px;}
h5 a:link, h5 a:visited{color:#990099; text-decoration:none;}
h5 a:hover{color:#990099; text-decoration:underline;}

.index-h2{font-weight:500;}

#online-survey h4, #newsletters h4, #noticeboard h4{
	font-family: Tahoma, arial, sans-serif;
	margin-top:-10px;
	font-weight:normal;
	font-size: 18px; 
	color: #009900;  
	line-height:2em;
}

#content ul, #content ol{
	margin:10px 0px 20px 40px;
}

#content ul li, #content ol li{
	color: #666666; 
	font-size:12px;
}

.numbers{list-style-type:none;}

#newsletters ul{list-style-type:none; margin-bottom:10px;}
#newsletters ul li{font-family:Tahoma, arial, sans-serif; font-size:12px; color:#666666;}
#newsletters ul li a:link, #newsletters ul li a:visited{text-decoration:none; color:#666666;}
#newsletters ul li a:hover{text-decoration:underline;}

.news-text h4 a:link,.news-text h4 a:visited{
	color: #660066; 
	text-decoration:none;
}

.news-text h4 a:hover{
	color: #660066; 
	text-decoration:underline;
}

.news-text p{color:#333333;}
/*** Paragraph Styles ***/

p { 
	font-family: Tahoma, georgia, Arial, Helvetica, sans-serif;
	color: #666666; 
	font-size:12px;
	line-height:1.6em;
	margin-bottom:10px;
}

div{ 
	font-family: Tahoma, georgia, Arial, sans-serif;
	color: #666666; 
	font-size:12px;
	line-height:1.6em;
}

textarea{font-family: Tahoma, georgia, Arial, Helvetica, sans-serif;}

p a:link, p a:visited, div a:link, div a:visited{ 
	color: #990099; 
	text-decoration:none;
}

/*p a:link, a:visited{ 
	color: #990099; 
	text-decoration:none;
}*/

p a:hover, div a:hover{ 
	color: #cc99cc; 
	text-decoration:underline;
}

ol{
	list-style-type:none;
}

ul{
	list-style-type:disc;
	margin-bottom:15px;
	margin-left:20px;
	text-indent:0px;
}

.all-newsletters{
	color: #990099;
	font-weight:bold;
	font-size:11px;
	text-align:right;
}

#newsletters ul{margin-left:0px;}

.all-newsletters a:link{color: #990099;}

/*** Table ***/

td { 
	font-family: Tahoma, georgia, Arial, Helvetica, sans-serif;
	color: #666666; 
	font-size:12px;
	line-height:1.4em;
	margin-bottom:10px;
}

/*** images ***/

.hacc-logo{margin:20px;}
.breaker{margin-bottom:10px; margin-left:20px;}
#product-image{ width:190px; text-align:center; margin:auto;}
.flowchart{border:0; margin:20px; margin-bottom:0;}
/*** website footer ***/

#footer{
	clear:both;
	margin: 0 auto; 
	width:830px;
	padding-bottom:10px;
	padding-top:10px;
	background:#ffffff;
	border-top:1px solid #dddddd;
	margin-top:15px;
}	

#footer p{
	margin-left:10px;
	font-size:11px;
	color:#999999;
}

#footer a{ color:#999999; text-decoration:none;}
#footer a:visited{color:#999999; text-decoration:none;}
#footer a:hover{color:#999999; text-decoration:underline;}

#bottom-shadow{
	clear:both;
	background-color:#cccccc; 
	height:29px; 
	width:1000px; 
	margin:0 auto; 
	background-image: url(images/shadow.gif); 
	background-repeat:no-repeat;
}

/** Right Buttons **/
div.right-buttons 
{
    float: right; 
    padding: 0pt 0pt 100px 40px;   
}
a.large-button 
{
    display: block;
    height: 38px;
    width: 183px;
    margin: 0px auto 10px;
    background: url(images/cal-buttons.png) no-repeat;
    text-indent: -9999px;
}
a.large-button.diary
{
    background-position: 0 -39px;
}