body {
}

#nav { padding:0 0 0 0px; height:35px;}

#nav a { line-height: 35px; height: 35px; display: block;}
#nav a span { display: none;}
#nav a:hover { background-position: 0 -35px;}

#nav a.home     { width: 78px; background-image: url(img/nav_home.jpg);}
#nav a.programs { width: 98px; background-image: url(img/nav_program.jpg);}
#nav a.calendar { width: 95px; background-image: url(img/nav_calendar.jpg);}
#nav a.register { width: 115px; background-image: url(img/nav_registration.jpg);}
#nav a.about    { width: 99px; background-image: url(img/nav_about.jpg);}
#nav a.history  { width: 109px; background-image: url(img/nav_history.jpg);}
#nav a.faq      { width: 67px; background-image: url(img/nav_faq.jpg);}
#nav a.contact  { width: 110px; background-image: url(img/nav_contact.jpg);}
#nav a.Lendcap   { width: 40px; background-image: url(img/nav_endcap.jpg);}
#nav a.Rendcap   { width: 39px; background-image: url(img/nav_endcap.jpg);}

/*--[ content ]------------------------------------------------------------- */

#content {
	font-size: 15px;
	line-height: 1.5em;
	color: #000;
	font-family:Arial
	/*background: #BDB76B;*/
	}

#content h2 {
	margin: 0 0 30px;
	font-size: 20px;
	color: #8B4513; /*8B4513*/
	}

p.main {
	font-size: 15px;
	line-height: 1.5em;
	color: #000;
	font-family:Arial
	/*background: #BDB76B;*/
}

h2.heading {
	margin: 0 0 30px;
	font-size: 20px;
	color: #8B4513; /*8B4513*/
	font-family:Arial
	}
ul.main {
	font-size: 15px;
	line-height: 1.5em;
	color: #000;
	font-family:Arial
}
ul.small {
	font-size: 12px;
	line-height: 1.5em;
	color: #000;
	font-family:Arial
}
#content ul { margin: 0 0 30px 30px; padding: 0;}
#content li { margin: 0 0 7px; font-size: 12px; line-height: 15px;}
#content ol { margin: 0 0 30px 30px;}

#content a {
	color: #000;
	text-decoration: underline;
	}

#content a:hover {
	text-decoration: none;
	}

.small {
	font-size: 11px;
	}

/*
#content a {
	padding: .1em .3em;
	color: #8B4513;
	background: #FFFFE5;
	text-decoration: none;
	border-bottom: 1px solid #EEE8AA;
	}
#content a:hover {
	position: relative;
	top: -1px;
	left: -1px;
	color: #D2691E;
	}
*/
.alignright { float: right; margin: 0 0 10px 15px;}
.alignleft { float: left; margin: 0 15px 10px 0;}
.fullwidth { margin: 0 auto 15px;}

.lighttext { color: #000; font-style: italic;}
.highlight { background: #FFC;}