body, html {
	background: #494949 url(images/topbg.gif) repeat-x;
	margin: 0px auto;
	height: 100%;
	width: 100%;
	border:0;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
	
#pagecontainer {
	background: url(images/pagebg.gif) repeat-y;
	width: 960px;
	margin-right: auto;
	margin-left: auto;}
	
#bodycontainer {
	background: #FFFFFF;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 100%;}
	
#header{
	height: 160px;
	width: 960px;
	margin: auto;}
	
#navbar{
	height: 30px;
	width: 660px;
	margin-top: 5px;
	float: right;}
	
#footercontainer{
	background: url(images/footerbg.gif) repeat-x;
	margin: auto;}
	
#footer{
	width: 960px;
	padding-top: 20px;
	text-align: center;
	margin: auto;
	color: #FFFFFF;
	font-size: 12px;}

.footersection{
	height: 150px;
	float: left;
	font-size: 12px;
	color: #ffffff;
	text-align: left;}
	
.first, .second{
	width: 343px;}
	
.third{
	width: 274px;}
	
#rightcolumn{
	float: right;
	width: 275px;
	text-align: left;}
	
#leftcolumn{
	width: 600px;}
	
div#column2 {
    margin: auto;
    padding: 20px 0px 20px 0px;
    width: 960px;}
	
div#column1 {
    margin: 0px;
    padding: 0px;
    width: 100%;}
	
.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;}
	
/* Text styles */

ul {
	padding: 0px 0px 0px 10px;
	margin: 5px 0px 0px 10px;}
	
li {
	margin-bottom: 4px;}
	
h1{
	font-size: 22px;
	margin: 0px 0px 20px 0px;
	color: #621213;}
	
h2{
	font-size: 18px;
	color: #494949;
	margin: 0;}
	
h3{
	font-size: 14px;
	margin: 0;}

a:link, a:visited, a:active {
	color: #621213;
	text-decoration: none;}

a:hover {
	color: #621213;
	text-decoration: underline;}

.boldtext {
	color: #494949;
	font-weight: bold;}

a.boldtext {
	color: #621213;
	text-decoration: none;}

a.boldtext:hover {
	color: #621213;
	text-decoration: underline;}
	
.whitetext {
	color: #FFFFFF;}

a.whitetext {
	color: #FFFFFF;
	text-decoration: none;}

a.whitetext:hover {
	color: #FFFFFF;
	text-decoration: underline;}
	
.footertext {
	font-size: 11px; 
	color: #626262}

a.footertext {
	text-decoration: none;
	color: #626262}

a.footertext:hover {
	text-decoration: underline;
	color: #626262}

	
/* Text box styles */

.textbox  { 
	font-family:tahoma,arial; 
	font-size:12px; color:#000000; 
	border:1px solid #CCCCCC}
	
.footerlogin  { 
	font-size:12px; 
	color:#FFFFFF; 
	background: #6a6a6a;
	border: none;
	padding: 4px;}



/* Images and Navigation button rollovers */

#logo a{
	background: url(images/logo.png) no-repeat;
	width: 300px; 
	height: 103px;
	float: left;
	margin: 30px 0 0 0;}
	
#eligible a {
	background: url(images/eligible.png) no-repeat top;
	width: 280px; 
	height: 67px;
	margin-top: 22px;
	float: right;}
	
#eligible a:hover {
	background: url(images/eligible.png) no-repeat bottom;}
	
#nav-home a {
	background: url(images/nav-home.png) no-repeat top;
	width: 64px; 
	height: 30px;
	float: left;}
	
#nav-home a:hover {
	background: url(images/nav-home.png) no-repeat bottom;}
	
#nav-about a {
	background: url(images/nav-about.png) no-repeat top;
	width: 102px; 
	height: 30px;
	float: left;}
	
#nav-about a:hover {
	background: url(images/nav-about.png) no-repeat bottom;}
	
#nav-hicap a {
	background: url(images/nav-hicap.png) no-repeat top;
	width: 67px; 
	height: 30px;
	float: left;}
	
#nav-hicap a:hover {
	background: url(images/nav-hicap.png) no-repeat bottom;}
	
#nav-programs a {
	background: url(images/nav-programs.png) no-repeat top;
	width: 109px; 
	height: 30px;
	float: left;}
	
#nav-programs a:hover {
	background: url(images/nav-programs.png) no-repeat bottom;}
	
#nav-resources a {
	background: url(images/nav-resources.png) no-repeat top;
	width: 114px; 
	height: 30px;
	float: left;}
	
#nav-resources a:hover {
	background: url(images/nav-resources.png) no-repeat bottom;}
	
#nav-calendar a {
	background: url(images/nav-calendar.png) no-repeat top;
	width: 103px; 
	height: 30px;
	float: left;}
	
#nav-calendar a:hover {
	background: url(images/nav-calendar.png) no-repeat bottom;}
	
#nav-contact a {
	background: url(images/nav-contact.png) no-repeat top;
	width: 94px; 
	height: 30px;
	float: left;}
	
#nav-contact a:hover {
	background: url(images/nav-contact.png) no-repeat bottom;}
	
#footercontact{
	background: url(images/footer-contact.gif) no-repeat;
	width: 87px;
	height: 15px;
	margin-bottom: 15px;}
	
#footerfollow{
	background: url(images/footer-follow.gif) no-repeat;
	width: 73px;
	height: 15px;
	margin-bottom: 15px;}
	
#footerlogin{
	background: url(images/footer-login.gif) no-repeat;
	width: 84px;
	height: 20px;
	margin-bottom: 10px;}
	
	
/* PNG fix */
img, div, a { behavior: url(iepngfix.htc); border: 0px }


/* Navigation */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.mlddm
{	margin: 0;
	padding: 0}

	.mlddm li
	{	display: inline;
		list-style: none;
		float: left;
		margin: 0;
		padding: 0}

	.mlddm li a
	{	display: block;
		margin: 0;
		padding: 12px 10px;
		width: auto;
		font: bold 14px arial, sans-serif;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		color: #FFFFFF;}

	.mlddm li a:hover
	{	background: #672325;
		color: #FFFFFF}

		.mlddm ul
		{	z-index: 100;
			position: absolute;
			visibility: hidden;
			margin: 0;
			padding: 0;
			background: #494949}
		
			.mlddm ul li
			{	float: none}

			.mlddm ul li a
			{	display: block;
				width: auto;
				margin: 0px;
				padding: 6px 10px;
				font-weight: normal;
				text-align: left;
				text-transform: none;
				color: #FFF;
				background: transparent;
				font: bold 12px arial, sans-serif;}

			.mlddm ul li a:hover
			{	color: #FFF}
			
			.mlddm .hsub
		{	background: no-repeat right url(images/arroww.gif)}

		.mlddm .hsub:hover
		{	background: #17484C no-repeat right url(images/arroww.gif)}
		

/*slideshow */
#slideshow{margin:auto;height: 230px; width: 960px;}
#nav { margin: 0px 40px 0px 0px; }
#nav li { float: left; list-style: none; margin: 0px 5px 0px 5px;}
#nav a { background: url(images/dot-off.gif) top no-repeat;}
#nav a.activeSlide { background: url(images/dot-on.gif) top no-repeat;}