/*
Spikes 2009
/css/main.css
main site structure and common stylesheet
author: Chris Armstrong, thoughtbubble Ltd
created: 16 January 2009
*/

/* top nav */

#navigation_list {
	list-style:none;
	color:#FFFFFF;
	height:32px;
	margin:-3px 0 3px 0;
	padding:0;
	display:block;
	z-index:200;
	font-size:1.4em;
}

#navigation_list img { border:0px; margin:0px; padding:3px 0 0 0; }

#navigation_list li {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	position:relative;
	z-index:200;
}

#navigation_list li.nav_divide { padding:0 7px 0 7px; }

#navigation_list li a:link, #navigation_list li a:visited {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	z-index:200;
	height:32px;
	padding:0 0 0 0;
}

#navigation_list li a:hover, #navigation_list li a.nav_link_on:link, #navigation_list li a.nav_link_on:visited, #navigation_list li a.nav_link_on:hover {
	text-decoration:none;
	color:#F0CC00;
}

* html #navigation_list li a:link, * html #navigation_list li a:visited { display:inline-block; }

/* sub navigation */

#navigation_list li ul {
	display: none;
	position: absolute; 
	top: 32px;
	left: -5px;
	list-style:none;
	margin:0;
	padding:0;
	background-color:#322E2F;
	z-index:200;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	font-size:0.6em;
	font-weight:bold;
}

/* reset the top and left properties on all but IE browsers: */
#navigation_list li > ul {
	top: 32px;
	left: -5px;
}

#navigation_list li ul li {
	display:inline;
	margin:0;
	padding:0;
	height:auto;
	z-index:2000;
}

#navigation_list li:hover ul, #navigation_list li.over ul { /* lists nested under hovered list items */
	display: block;
	width:200px;
}


/* nav link styles */
#navigation_list li ul li {
	border-top:1px solid #000000;
}

#navigation_list li ul li a:link, #navigation_list li ul li a:visited {
	display:block;
	width:195px;
	#width:200px;
	height:auto;
	padding:5px 0px 2px 5px;
	color:#FFFFFF;
	background-color:#322E2F;
	text-decoration:none;
	border-bottom:0px;
	z-index:2000;
}
#navigation_list li ul li a:hover, #navigation_list li ul li a.nav_link_on:link, #navigation_list li ul li a.nav_link_on:visited, #navigation_list li ul li a.nav_link_on:hover { 
	background-color:#000000; color:#FFFFFF; 
}

/* footer nav */

#footerNavigation a:link, #footerNavigation a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
#footerNavigation a:hover, #footerNavigation a.nav_link_on:link, #footerNavigation a.nav_link_on:visited, #footerNavigation a.nav_link_on:hover {
	color:#F0CC00;
	text-decoration:none;
}