/* CSS Stylesheet | Digital Texts 2.0 | stylesheets/nav.css | Creative Creature (www.creativecreature.ca) */

/* TOP NAV */
	div#top_nav {
		float: left;
		margin: 0;
		width: 60%;
		padding: 6px 0 0 0;
	}
	div#top_nav a img, div#top_nav a:link img, div#top_nav a:visited img, div#top_nav a:hover img, div#top_nav a:active img {
		float: left;
		padding: 0;
		margin: 0 2px 0 0;
	}
	div#top_nav a {
		color: #FFFFFF;
	}
	div#top_nav p {
		float: left;
		color: #FFFFFF;
		font-size: 11px;
	}

/* HEADER NAV */
	div#header ul li {
		display: inline;
		list-style-type: none;
		padding: 0;
		margin: 0;
		text-align: left;
	}
	/* TABS */
	div#header ul#tabs_nav {
		margin: 0 0 0 13px;
		padding: 0;
		width: 600px;
		height: 34px;
		z-index: 0;
	}
	div#header ul#tabs_nav li a:link, div#header ul#tabs_nav li a:visited {
		background-image: url("../images/nav/tab.png");
		background-repeat: no-repeat;
		padding: 11px 10px 4px 15px;
		margin: 0 0 0 -20px;
		float: left;
		display: block;
		height: 19px;
		width: 80px;
		font-size: 16px;
		color: #FFF; 
		text-decoration: none;
		outline: none;
	}
	div#header ul#tabs_nav li a:hover, div#header ul#tabs_nav li a:active { background-image: url("../images/nav/tab_hover.png"); }
	div#header ul#tabs_nav li a.current { background-image: url("../images/nav/tab_current.png"); }
	div#header ul#tabs_nav li a.current:hover { color: #FFF; }
	
	/* SECTIONS */
	div#header div#sections_nav {
		margin: 0 0 -5px -8px;
		padding: 0 10px 0 9px;
		width: 620px;
		height: 40px;
		background-image: url("../images/nav/sections_bg.png");
		background-repeat: no-repeat;
	}
	div#header div#sections_nav ul {
		margin: 0;
		padding: 0;
		z-index: 10;
	}
	div#header div#sections_nav ul li a:link, div#header div#sections_nav ul li a:visited {
		padding: 5px 8px 5px 8px;
		height: 26px;
		margin: 0;
		float: left;
		display: block;
		font-size: 12px;
		color: #FFF; 
		text-decoration: none;
		outline: none;
	}
	div#header div#sections_nav ul li a:hover, div#header div#sections_nav ul li a:active { 
		background-image: url("../images/nav/section_hover.png"); 
		background-repeat: repeat-x;
	}
	div#header div#sections_nav ul li a.current, div#header div#sections_nav ul li a.current:hover { 
		background-image: url("../images/nav/section_current.png"); 
		background-repeat: repeat-x;
	}