/* This is a special CSS file for the gallery page because I was having conflicting difficulties using the other file... */ 

body {
	background-color: #C9ECF0;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	padding: 0px;
	margin: 0px;
}
#wrapper {
	background-color: #D0EB7C;
	background-image: url(images/c_bg.gif);
	background-repeat: repeat;
	width: 630px;
	margin-right: auto;
	margin-left: auto;
}
#banner {
	background-image: url(images/banner.gif);
	background-repeat: no-repeat;
	width: 630px;
	height: 216px;
}
#contentwrap {
	width: 630px;
	display: block;
}
#maincontent {
	width: 400px;
	float: left;
}
#footer {
	background-image: url(images/footer.gif);
	width: 630px;
	height: 19px;
	font-size: 10px;
	text-align: right;
	color: #FFFFFF;
	font-weight: bold;
	clear: both;
}
/* This styles the lightbox photo gallery div tags and images on the Gallery page */
img {
	border: none;
	padding: 0px;
	margin: 0px;
}
#lbgallery {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
/* Styles the sub (side) content which lives nested in the content wrapper of normal pages */
#subcontent {
	float: left;
}
/* This CSS handles all of your lists that are not directly navigational */
ul {
	margin: 0px;
	padding: 0px;
}
#topnav, #banner ul {
	display: block;
}
#topnav ul, #banner ul {
	list-style-type: none;
}
#wrapper #topnav li {
	display: inline;
}
/* CSS styles the various font classes used throughout the site */
.hidden {
	display: none;
}
p {
	font-size: 10px;
	line-height: 12px;
}
.bold {
	font-weight: bold;
}
/* This is the "Home" rollover link in the upper right hand corner of every page except for the index page */
.navhome a {
	background-image: url(images/nav_home.gif);
	background-repeat: no-repeat;
	width: 130px;
	height: 91px;
	float: right;
}
.navhome a:hover {
	background-image: url(images/nav_home_over.gif);
	background-repeat: no-repeat;
}
/* This styles the footer text at the bottom of every page */
#footer a {
	color: #78A807;
	text-decoration: none;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
/* This is the special content style, a wide layout that applies for the Fees and News pages */
#specialcontent {
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
/* Styles the h tags, you probably don't need to mess with these much */
h1, h2, h3, h4, h5, h6, p {
	padding-left: 3px;
}
h1 {
	font-size: 24px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0096E1;
	line-height: 100%;
	margin-top: 80px;
}
/* I put the CSS navigational rollovers for the top navigation all the way down here because it's the longest part of this CSS document and it's what you probably won't need to change much. First are the regular link states, then the hover, and then the current. */
.programs a {
	background-image: url(images/programs.gif);
	background-repeat: no-repeat;
	width: 124px;
	height: 72px;
	float: left;
}
.gallery a {
	background-image: url(images/gallery.gif);
	background-repeat: no-repeat;
	width: 82px;
	height: 72px;
	float: left;
}
.staff a {
	background-image: url(images/staff.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 72px;
	float: left;
}
.fees a {
	background-image: url(images/fees.gif);
	background-repeat: no-repeat;
	width: 65px;
	height: 72px;
	float: left;
}
.policies a {
	background-image: url(images/policies.gif);
	background-repeat: no-repeat;
	width: 88px;
	height: 72px;
	float: left;
}
.news a {
	background-image: url(images/news.gif);
	background-repeat: no-repeat;
	width: 74px;
	height: 72px;
	float: left;
}
.contact a {
	background-image: url(images/contact.gif);
	background-repeat: no-repeat;
	width: 130px;
	height: 72px;
	float: left;
}
/* These are the hover states of the top navigation */
.programs a:hover {
	background-image: url(images/programs_over.gif);
	background-repeat: no-repeat;
	width: 124px;
	height: 72px;
	float: left;
}
.gallery a:hover {
	background-image: url(images/gallery_over.gif);
	background-repeat: no-repeat;
	width: 82px;
	height: 72px;
	float: left;
}
.staff a:hover {
	background-image: url(images/staff_over.gif);
	background-repeat: no-repeat;
	width: 67px;
	height: 72px;
	float: left;
}
.fees a:hover {
	background-image: url(images/fees_over.gif);
	background-repeat: no-repeat;
	width: 65px;
	height: 72px;
	float: left;
}
.policies a:hover {
	background-image: url(images/policies_over.gif);
	background-repeat: no-repeat;
	width: 88px;
	height: 72px;
	float: left;
}
.news a:hover {
	background-image: url(images/news_over.gif);
	background-repeat: no-repeat;
	width: 74px;
	height: 72px;
	float: left;
}
.contact a:hover {
	background-image: url(images/contact_over.gif);
	background-repeat: no-repeat;
	width: 130px;
	height: 72px;
	float: left;
}
/* These are the Current states for the top navigation */

.ongallery {
	background-image: url(images/gallery_current.gif);
	background-repeat: no-repeat;
	width: 82px;
	height: 72px;
	float: left;
}