@charset "UTF-8";
/* 	CSS Document
	Contains both Main navigation for all pages and scondary navigation for Get Involved
	
	TOC
	Main navigation
	Get Involved Secondaty Navigation
	

 */

/* Main navigation */
#nav
{
	list-style: none;
	margin-top: 10px;
	padding-left: 0px;
	margin-left: 10px;
}

#nav li
{
	width: 269px;
	height: 13px;
	margin: 8px;
	background-repeat:no-repeat;
	background-position:center;
}

#nav li img
{
	width: 100%;
	height: 100%;
	border: 0;
}

#preload
{
	display:none;
	width:0;
	height:0;
	border:0;
	margin:0;
	padding:0;
}

#about
{
	background-image:url(../imgs/nav-off/about.gif);
}

#about:hover
{
	background-image:url(../imgs/nav-on/about.gif);
}

#involved
{
	background-image:url(../imgs/nav-off/involved.gif);
}

#involved:hover
{
	background-image:url(../imgs/nav-on/involved.gif);
}

#news
{
	background-image:url(../imgs/nav-off/news.gif);
}

#news:hover
{
	background-image:url(../imgs/nav-on/news.gif);
}

#events
{
	background-image:url(../imgs/nav-off/events.gif);
}

#events:hover
{
	background-image:url(../imgs/nav-on/events.gif);
}

#artwork
{
	background-image:url(../imgs/nav-off/artwork.gif);
}

#artwork:hover
{
	background-image:url(../imgs/nav-on/artwork.gif);
}

#friends
{
	background-image:url(../imgs/nav-off/friends.gif);
}

#friends:hover
{
	background-image:url(../imgs/nav-on/friends.gif);
}

#contact
{
	background-image:url(../imgs/nav-off/contact.gif);
}

#contact:hover
{
	background-image:url(../imgs/nav-on/contact.gif);
}

#home
{
	background-image:url(../imgs/nav-off/home.gif);
}

#home:hover
{
	background-image:url(../imgs/nav-on/home.gif);
}


/* Get Involved Secondaty Navigation */


#navInvolved
{
	list-style: none;
	margin-top: 30px;
	margin-left: 18px;
}

#navInvolved img
{
	width: 100%;
	height: 100%;
	border: 0;
}



#getInvolved
{
	background-image:url(../imgs/nav-involved-off/get-involved.gif);
	width: 143px;
	height: 14px;
	margin: 0;
	background-repeat:no-repeat;
	background-position:center;
	float: left;
}

#individual
{
	background-image:url(../imgs/nav-involved-off/individual.gif);
	width: 186px;
	height: 14px;
	margin: 0;
	background-repeat:no-repeat;
	background-position:center;
	float: left;
}

#individual:hover
{
	background-image:url(../imgs/nav-involved-on/individual.gif);
	width: 186px;
	height: 14px;
	margin: 0;
	background-repeat:no-repeat;
	background-position:center;
	float: left;

}

#pipe1
{
	background-image:url(../imgs/nav-involved-off/pipe1.gif);
	width: 13px;
	height: 14px;
	float: left;
}

#school
{
	background-image:url(../imgs/nav-involved-off/school.gif);
	width: 137px;
	height: 14px;
	float: left;
}

#school:hover
{
	background-image:url(../imgs/nav-involved-on/school.gif);
	width: 137px;
	height: 14px;
	float: left;
}

#pipe2
{
	background-image:url(../imgs/nav-involved-off/pipe1.gif);
	width: 15px;
	height: 14px;
	float: left;
}

#community
{
	background-image:url(../imgs/nav-involved-off/community.gif);
	width: 171px;
	height: 14px;
	float: left;
}

#community:hover
{
	background-image:url(../imgs/nav-involved-on/community.gif);
	width: 171px;
	height: 14px;
	float: left;
}