#nav_bar{
	margin-left: auto;
	margin-right: auto;
	background: #FBE86D;
	width: 755px;
	height: 35px;
	border: 1px solid white;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial;
}

#nav_bar form, #nav_bar input{
	display: inline;
}

#nav_bar a{
	text-decoration: none;
	color: #64a6c5;
}

#nav_bar a:hover{
	text-decoration: underline;
//	color: #FFC222;
	color: white;
}

#nav_bar a:hover div{
	background-color: #64a6c5;
}

#nav_bar td{
	padding: 0px;
	text-align: center;
}

#nav_bar div{
	border-left: 1px solid #64a6c5;
	padding: 4px 4px 4px 4px;
}

#nav_bar td.no_left div{
	border-color: #FBE86D;
	padding: 4px 4px 4px 4px;
}

#nav_bar td.no_left a:hover div{
	background-color: #64a6c5;
}

#nav_bar td.search{
	padding-left: 12px;
	text-align: left;
}

#left_nav{
	width: 160px;
	font-family: Arial;
}

#left_nav a{
	/* 145px is the entire width an <a> can take. */
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	display: block;
	background: #FBE86D;
	padding: 7px 3px 7px 12px;
	border-bottom: 1px solid #64a6c5;
	color: #64a6c5;

	/* 
		The line below is supposed to be a comment, but IE stupidly doesn't respect an "underline" comment. 
		Voila! IE-specific width. Forgive me for using a browser hack.
	*/
	_width: 160px;
}

#left_nav a.first{
	border-top: 1px solid #64a6c5;
}

#left_nav a:hover, #left_nav a.active, #left_nav a.sub{
	color: white;
	background: #64a6c5;
}

#left_nav a.active, #left_nav a.active:hover{
	background: left no-repeat url('/shared/images/double_arrows.gif') #64a6c5;
	padding-left: 24px;
}

#left_nav a:hover{
	text-decoration: underline;
}

#left_nav a.sub, #left_nav a.sub:hover{
	font-size: 12px;
	padding-left: 26px;
	background: url('/shared/images/bullet.gif') center left no-repeat #64a6c5;
}

#left_nav div.categories{
	padding: 0px 3px 3px 12px;
	font-weight: bold;
	font-size: 11pt;
}