/*NOTE: #navigation is the root <ul> tag's id*/
/*defines the style of the links within the navigation bar*/
#navigation a
{
	text-decoration: none;
	color: #555555;
}

/*as above but for the hovered versions*/
#navigation a:hover 
{
	color: #C18F2F;
}

/*style for all the <ul> tags - culls the special formatting*/
#navigationdiv ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
}
  
/*defines the style for all <li> tags - float: left; makes the <li></li> tags arrange themselves in a 
left-to-right order*/
#navigationdiv li 
{
	float: left;
	position: relative;
	height: 14px;
	padding: 5px 10px;
	background-color: #C9C9C9;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #C4C4C4;	
}

/*makes the 'buttons' light up when rolled over*/
#navigationdiv li:hover, li.over
{
	background-color: #DBDBDB;
	color: #777777;
}

/*defines the style of the <ul> tags serving as sub menus (ul within li; hence li ul) - display: none; sets 
the default display mode to off*/
#navigationdiv li ul 
{
	display: none;
	position: absolute;
	top: 25px;
	left: -1px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}

/*reset the top and left properties for all but IE browsers - seemingly without this IE displays the dropdown 
in a really fucked up way*/
li > ul 
{
	top: auto;
	left: auto;
}

/*tells the browser to change the display mode of a ul tag within a li tag to block (visible) when the li is hovered over
li.over works with javascript to make the dropdown work in IE by temporarily adding the 'over' class to a li tag being 
hovered over, hence invoking this css style*/
#navigationdiv li:hover ul, li.over ul
{ 
	display: block; 
}

/*sets the style for li tags within li tags (i.e. the <li> items in the submenus)*/
#navigationdiv li li
{
	width: 170px;
	background-color: #DBDBDB;
	border-right: none;
	border-bottom: none;
}



#bottomdiv #bottomnav
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 726px;
	height: 17px;
	border-left: 1px solid #777777;
}

#bottomdiv ul li
{
	float: left;
	position: relative;
	padding: 2px 5px;
	margin: 0;
	border-right: 1px solid #777777;
	color: #777777;
}