/*This style sheet is strictly for the nav bar - since it is the same on each page - the only difference is the position of the bar on the index(home) page - in this case we've overwritten it's height on the indexStyle.css page.  The actual divs are in the navBarDivs.inc page and each div has a class=navBar and it's own id.  For color changes on 'current' pages, those styles are controlled by the a tag id that is changed via a javascript function that is called onload - simply setting the a tags class to 'selected' - see the bottom of this style sheet for the 'selected' tag and the changeClass.js file for the js function - which by the way, can be used to change the style class of any element - simply pass in the id and the class name.*/

.navBar
{
	position: absolute;
	background-color: #89BCE6;
	color: White;
	height: 25px;
	top: 175px; /*Note - this is overwritten on the index page (indexStyle.css)*/
	text-align: center;
	font-family: Verdana, Sans-Serif;
	font-weight: normal;
	font-size: .8em;
	line-height: 25px;
}

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

.navBar a:link
{
	color: #FFFFFF;
}

.navBar a:visited
{
	color: #FFFFFF;
}

.navBar a:hover
{
	color: #1C4F72;
}

#facilitiesDiv
{
	left: 0px;
	width: 99px;
}

#campgroundMapDiv
{
	left: 101px;
	width: 139px;
}

#ratesDiv
{
	left: 242px;
	width: 169px;
}

#calendarDiv
{
	left: 356px;
	width: 113px;
}

#contactDiv
{
	left: 413px;
	width: 109px;
}

#galleryDiv
{
	left: 524px;
	width: 125px;
}

#attractionsDiv
{
	right: 0px;
	width: 149px;
}

#facilitiesDiv a.selected, #ratesDiv a.selected, #campgroundMapDiv a.selected, #calendarDiv a.selected, #contactDiv a.selected, #galleryDiv a.selected, #attractionsDiv a.selected
{
	color: #1C4F72;
}