/* CSS for the top links and sub links */

div.navMenu{
	margin: 0px;
	display: block;
	float: left;
	width: 100%;
	background-color: #555555;
}


/*--------------------------------------------------------*/
/*					TOP NAVIGATION MENU					  */
/*--------------------------------------------------------*/
div.topNav{
	height: 50px;
}
.topNav li {
	width:90px;
	height: 36px;
	text-align: center;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	float: left;
	padding-top: 15px;
}
.topNav ul{
	width: 810px;
	height: 50px;
	margin: 0px auto;
}

/* Hide preloaded images */
img.preload {
	display: none;
}


/* Home styles */
.topNav li#homeButton{
	background-image: url(../images/navigation/red_button_desat.jpg);
}
.topNav #homeButton a{
	color: #ffffff;	
}
.topNav #homeButton a:hover, .topNav #homeButton a:active{
	color: #0000ff;
}
.home .topNav li#homeButton{
	background-image: url(../images/navigation/red_button_bright.jpg);
}
.home .topNav #homeButton a{
	color: #0000ff;	
}

/* Science styles */
.topNav li#scienceButton{
	background-image: url(../images/navigation/blue_button_desat.jpg);
}
.topNav #scienceButton a{
	color: #ffffff;	
}
.topNav #scienceButton a:hover, .topNav #scienceButton a:active{
	color: #ffff00;
}
.science .topNav li#scienceButton{
	background-image: url(../images/navigation/blue_button_bright.jpg);
}
.science .topNav #scienceButton a{
	color: #ffff00;	
}

/* Philosophy styles */
.topNav li#philosophyButton{
	background-image: url(../images/navigation/yellow_button_desat.jpg);
}
.topNav #philosophyButton a{
	color: #ffffff;	
}
.topNav #philosophyButton a:hover, .topNav #philosophyButton a:active{
	color: #116D1C;
}
.philosophy .topNav li#philosophyButton{
	background-image: url(../images/navigation/yellow_button_bright.jpg);
}
.philosophy .topNav #philosophyButton a{
	color: #116D1C;	
}

/* publications styles */
.topNav li#publicationsButton{
	background-image: url(../images/navigation/purple_button_desat.jpg);
}
.topNav #publicationsButton a{
	color: #ffffff;	
}
.topNav #publicationsButton a:hover, .topNav #publicationsButton a:active{
	color: #007700;
}
.publications .topNav li#publicationsButton{
	background-image: url(../images/navigation/purple_button_bright.jpg);
}
.publications .topNav #publicationsButton a{
	color: #007700;	
}

/* CV styles */
.topNav li#cvButton{
	background-image: url(../images/navigation/green_button_desat.jpg);
}
.topNav #cvButton a{
	color: #ffffff;	
}
.topNav #cvButton a:hover, .topNav #cvButton a:active{
	color: #007700;
}
.cv .topNav li#cvButton{
	background-image: url(../images/navigation/green_button_bright.jpg);
}
.cv .topNav #cvButton a{
	color: #007700;	
}

/* Music styles */
.topNav li#musicButton{
	background-image: url(../images/navigation/orange_button_desat.jpg);
}
.topNav #musicButton a{
	color: #ffffff;	
}
.topNav #musicButton a:hover, .topNav #musicButton a:active{
	color: #550055;
}
.music .topNav li#musicButton{
	background-image: url(../images/navigation/orange_button_bright.jpg);
}
.music .topNav #musicButton a{
	color: #550055;	
}

/* Art styles */
.topNav li#artButton{
	background-image: url(../images/navigation/lightblue_button_desat.jpg);
}
.topNav #artButton a{
	color: #ffffff;	
}
.topNav #artButton a:hover, .topNav #artButton a:active{
	color: #aa0000;
}
.art .topNav li#artButton{
	background-image: url(../images/navigation/lightblue_button_bright.jpg);
}
.art .topNav #artButton a{
	color: #aa0000;	
}

/* Downloads styles */
.topNav li#downloadsButton{
	background-image: url(../images/navigation/darkgreen_button_desat.jpg);
}
.topNav #downloadsButton a{
	color: #ffffff;	
}
.topNav #downloadsButton a:hover, .topNav #downloadsButton a:active{
	color: #FFFF00;
}
.downloads .topNav li#downloadsButton{
	background-image: url(../images/navigation/darkgreen_button_bright.jpg);
}
.downloads .topNav #downloadsButton a{
	color: #FFFF00;	
}

/* Contact styles */
.topNav li#contactButton{
	background-image: url(../images/navigation/pink_button_desat.jpg);
}
.topNav #contactButton a{
	color: #ffffff;	
}
.topNav #contactButton a:hover, .topNav #contactButton a:active{
	color: #aa0000;
}
.contact .topNav li#contactButton{
	background-image: url(../images/navigation/pink_button_bright.jpg);
}
.contact .topNav #contactButton a{
	color: #aa0000;	
}

/* -------------------------------------------------------
					SUB NAVIGATION MENU
   -------------------------------------------------------*/
div.subNav{
	width: 100%;
	height: 25px;
	float: left;
	background-color: #777777;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
}

div.subNav li{
	float: left;
	padding-left: 10px;
	color: #000000;
}

div.subNav ul{
	width: 750px;
	height: 20px;
	margin: 5px auto;
}

/* Default colour for sub links */
.subNav li a {
	color: #ffffff;
}
.subNav li a:hover, .subNav li a:active{
	color: #ffff00;
}

/* Home */
.home .subNav li a.selected{
	color: #ffff00;	
}

/* Science */
.science .subNav li a.selected{
	color: #aaaaff;	
}

/* Philosophy */
.philosophy .subNav li a.selected{
	color: #ffff66;	
}

/* Publications */
.publications .subNav li a.selected{
	color: #00ff00;	
}

/* CV */
.cv .subNav li a.selected{
	color: #ff66ff;	
}

/* Music */
.music .subNav li a.selected{
	color: #ff9909;	
}

/* Art */
.art .subNav li a.selected{
	color: #00ffff;	
}

/* Downloads */
.downloads .subNav li a.selected{
	color: #78b726;	
}

/* Contact */
.contact .subNav li a.selected{
	color: #ffff66;	
}