/*
	Main navigation
*/

#main-nav {
	font-size: 10pt;
	font-weight: bold;
	list-style: none;
	padding: 0;
	top: 30px;
	position: absolute;
	margin: 0;
	left: 130px;
}

#main-nav li {
	float: left;
	margin: 0 0.2em 0 0;
	display: block;
	background-image: url("images/tab-left.gif");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #44aee8;
}

html>body #main-nav li {
	background-image: url("images/tab-left.png");
}

#main-nav li a {
	background-image: url("images/tab-right.gif");
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #44aee8;
	color: #336699;
	text-decoration: none;
	display: block;
	width: 10.5em;
	padding: 0.4em 0.4em 0.4em 0;
	margin: 0 0 0 8px;
	text-align: center;
}

html>body #main-nav li a {
	background-image: url("images/tab-right.png");
}

#main-nav li a:hover {
	color: #ffffff;
}


#main-nav li ul {
	position: absolute;
	left: -130px;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	color: #336699;
	width: 774px;
 	z-index: 2;
	padding-right: 5px;
	background-image: url("images/tab-right.gif");
	background-position: top right;
	background-repeat: no-repeat;
	background-color: #336699; 	
	display: none;
	border-bottom: 2px solid #c6c6c6;
}

html>body #main-nav li ul {
	background-image: url("images/tab-right.png");
}

#main-nav li ul li {
	float: right;
	background: #336699 url("images/bullet-white.gif") no-repeat center left;	
	padding: 0 0 0 0.9em;
}

#main-nav li ul li.last {
	background: #336699 none;	
	padding-left: 0;
}

#main-nav li ul li a {
	color: #ffffff;
	text-decoration: none;
	padding: 0.4em 0;
	margin: 0 0.5em 0 0;
	background: #336699;
	text-align: left;
	width: auto;
}

/*
	Bottom navigation
*/

#bottom-nav {
	text-align: left;
	margin: 3px 0px 0px 0px;
	padding: 0;
	list-style: none outside;
	width: 500px;
	float: left;
}

#bottom-nav li {
	margin: 0;
	padding: 0px 2px 0px 10px;
	display: inline;
	background: url("images/round-bullet.gif") no-repeat center left;	
}

#bottom-nav li.first {
	padding-left: 0px;
	background: none;	
}

#bottom-nav li.last {
	padding-right: 0px;
}

#bottom-nav a {
	color: #336699;
	font-size: 9pt;
	text-decoration: none;
}

#bottom-nav a:hover {
	color: #44aee8;
	text-decoration: none;
}



/*
	Previous - next navigation
*/

.previous {
	float: left;
}

.next {
	float: right;
}

.previous, .next {
	font-size: 8pt;
}

#content .previous a, #content .next a {
	color: #cc0000;
}

#content .previous a:hover, #content .next a:hover {
	color: #000000;
}