.topnav {
	font: bold 10px/10px arial,helvetica,sans-serif;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	height: 20px;
	clear: both;
	background: #fff url(/_img/nav_bg.gif) no-repeat;
	}

ul#nav { /*selector here needs to be ul#nav to work in IE - see ieHover.js */
	list-style: none;
	border:0; margin:0;
	text-align:center;
	}

ul#nav li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	line-height: normal;
	cursor: default;
	}

ul#nav li.first { margin-left:30px; }

ul#nav li.short { width:100px; }

ul#nav li.wide { width:150px; }


/* below is where you specify the height of the block and the display */

ul#nav li a {
		background:transparent;
		background-position:0 0;
		background-image:none;
		display: block;
		color: #17479e;
		text-align:center;
		text-decoration: none;
		padding:3px 0 2px 0;
		margin:2px 0 0 0;
		border:0;
		height:7px;
		}

		html>body ul#nav li a  {padding-bottom:8px;} 
		/* what we really want - IE 4/5/6 can't see */

ul#nav li.short a:hover, ul#nav li.short:hover a, ul#nav li.short.over a { /* this rule keeps tab selected as submenu is hovered over */
		background: url(/_img/toptab.gif) no-repeat 0 0;
		}

ul#nav li.short li a:hover, ul#nav li.short:hover li a, ul#nav li.short.over li a { /* this rule keeps tab selected as submenu is hovered over */
		background: none;
		}

ul#nav li.wide a:hover, ul#nav li.wide:hover a, ul#nav li.wide.over a { /* this rule keeps tab selected as submenu is hovered over */
		background: url(/_img/toptab-wide.gif) no-repeat 0 0;
		}

ul#nav li.wide li a:hover, ul#nav li.wide:hover li a, ul#nav li.wide.over li a { /* this rule keeps tab selected as submenu is hovered over */
		background: none;
		}

	ul#nav li a:hover, ul#nav li:hover a, ul#nav li.over a { /* this rule keeps tab selected as submenu is hovered over */
		background-position: 0 0;
		color: #fff;
		display: block;
		}
	
	html>body ul#nav li a:hover {
		background-position: 0 -20px;
		}
		
	ul#nav li#active a {
		color: #fff;
		text-align: center;
		background-position: 0 -18px;
		border-color: #000;
		}

	ul#nav li#active li a:hover {
		color: #fc0;
		}
		
	ul#nav li.wide#active a {
		background-image: url(/_img/toptab-wide.gif);
		}
	
	ul#nav li.wide#active li a, ul#nav li.wide#active li a, ul#nav li.wide#active.over li a { /* this rule keeps tab selected as submenu is hovered over */
			background: none;
			}
		
	ul#nav li.short#active a {
		background-image: url(/_img/toptab.gif);
		}

	ul#nav li.short#active li a li, ul#nav li.short#active li a, ul#nav li#active.short.over li a { /* this rule keeps tab selected as submenu is hovered over */
			background: none;
			}

/* DROP DOWN MENU */

ul#nav li li {
	display: block;
	float: none;
	border: 0;
	border-top: 1px solid #fff;
	margin: 0;
	padding: 8px 10px 6px !important; /* ie padding in own stylesheet */
	}

#nav li li a {
	display: block;
	text-align: left !important;
	color: #fff;
	margin: 0;
	padding: 0;
	}

ul#nav li li.topli {
	border-top: none;
	}

ul#nav li li a:hover {
	color: #17479e;
	text-align: left;
	}

.topnav li ul { /* selector here needs to be .topnav to work in IE */
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	font-weight: normal;
	background-color: #879dc4;
	padding: 0;
	margin: 0;
	}

.topnav li#active ul {
	background-color: #103b8a;
	}

.topnav li>ul {
	top: auto;
	left: auto;
	}

.topnav li:hover ul, li.over ul {
	display: block;
	z-index: 200;
	}


/* SIDE NAV */


	#sidenav h2 {
		text-align:right;
		border-bottom:1px solid #fc0;
		margin:3em 0 0 0; padding-right:5px;
		color:#333;
		}

		#sidenav h2 a { text-decoration:none; color:#333; }
		#sidenav h2 a:hover { color:#f60; }
		
	#sidenav {
		font: normal 11px/11px arial,helvetica,sans-serif;
		text-transform:uppercase;
		margin:0; padding:0;
		border-right:1px solid #fc0; 
		float:left;
		width:160px;
		clear:both;
		}
	
	
	#sidenav ul {
		list-style: none;
		border:0; margin:1em 0 0 0; padding:0;
		}
			
	#sidenav li {
		list-style-type: none;
		list-style-image:none;
		margin:.6em 0 0 0; padding:0;
		text-align:right;
		width: 160px;
		}
	
	/* below is where you specify the height of the block and the display */
			
	#sidenav li a {
			color: #17479e;
			text-decoration: none;
			padding:4px 6px;
			height:12px;
			display:block;
			clear:both;
			}

	
		#sidenav li a:hover {
			color:#fff;
			background:url(/_img/sidetab.gif) no-repeat;
			background-position: 0 0;
			}
	
		#sidenav li#subactive a {
			background:url(/_img/sidetab.gif) no-repeat;
			background-position: 0 -20px;
			color:#fff;
			}
		
		#sidenav li#subactive ul li { margin-top:0; }
		
		#sidenav li#subactive li a {
			text-align:right;
			font-size:10px; line-height:15px;
			color:#ce8e27; text-decoration:none;
			background:none;
			height:auto;
			}
		
		#sidenav li#subactive li a:hover, #sidenav li#subactive li#teractive a {
			text-decoration:underline;
			}