/* main navigation */
#mainnav {
	position: relative;
	left: 20px;
	width: 160px;
}

#mainnav h1 { margin: 4px 0px 4px 0px; padding:0px 0px 4px 0px; border-bottom: 1px dotted #000 }
#mainnav h1 a { color: #a60000; font-size: 13px; text-decoration: none; background-repeat: no-repeat; margin: 0px }
#mainnav h1 a:hover { color: #ff6319 }
#mainnav h1.act a { color: #ff6319; font-size: 13px; text-decoration: none; background-repeat: no-repeat; margin: 0px }

#mainnav h2 { color: #a60000; font-weight: normal; font-size: 13px; margin: 0px 0px 5px 18px }
#mainnav h2 a { color: #a60000; text-decoration:none }
#mainnav h2 a:hover {	color: #ff6319; text-decoration:underline }
#mainnav h2.act a { color: #ff6319 }

div.seperator {
	margin: 4px 0px 4px 0px;
	border-bottom: 1px dotted #000;
}

/* IE hack for dotted border */
* html #mainnav h1 {
	border-bottom: none;
	background: url(../img/basics/dotted.gif) repeat-x bottom;	
}

/* IE hack for dotted border */
* html div.seperator {
	padding-top: 1px;
	border-bottom: none;
	background: url(../img/basics/dotted.gif) repeat-x bottom;	
}