/* CSS Document */

/*These are the id's for the main level nav indicators*/

#homeIndicator{
	position:absolute; 
	top:80px; 
	left:0px;
	background:url(../images/home_on.jpg) no-repeat;
	height:30px;
	width:84px;
}
#aboutIndicator{
	position:absolute; 
	top:80px; 
	left:84px;
	background:url(../images/about_on.jpg) no-repeat;
	height:30px;
	width:155px;
}
#mediaIndicator{
	position:absolute; 
	top:80px; 
	left:240px;
	background:url(../images/media_on.jpg) no-repeat;
	height:30px;
	width:91px;
}
#booksIndicator{
	position:absolute; 
	top:80px; 
	left:331px;
	background:url(../images/books_on.jpg) no-repeat;
	height:30px;
	width:87px;
}
#welcomeIndicator{
	position:absolute; 
	top:80px; 
	left:633px;
	background:url(../images/welcome_on.jpg) no-repeat;
	height:30px;
	width:156px;
}

/* These are the general subnav styles
---------------------------------------------------------------*/

#subnav ul{
	position:absolute;
	top:118px;
	left:1px;
	width:100%;
	height:12px;
	overflow:hidden;
	list-style:none;
	display:inline;
}

#subnav li{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:600;
	color:#a392a3;
	display:inline;
	list-style:none;
	margin:0 5px 0 0;
}

#subnav a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:600;
	color:#a392a3;
}

#subnav a:hover{
	color:#fff;
}

.subIndicator{
	color:#fff !important;
	cursor:pointer;
}