.navbar {
	height:36px;
	}

.navbar ul.menu {
	position:relative;
	z-index:9999;
	}
	
.navbar ul.menu li {
	float:left;
	position:relative;
	height:auto;
	}
	
.navbar ul.menu li a {
	display:block;
	padding:10px 20px;
	}
	
.navbar ul.menu li.hover, 
.navbar ul.menu li:hover {
	position:relative;
	}
	
.navbar ul.menu ul {
	width:250px;
	position:absolute;
	visibility:hidden;
	display:none;
	top:100%;
	left:0;
	padding-bottom:10px;
	}
	
.navbar ul.menu ul li {
	float:none;
	}
	
.navbar ul.menu ul li a {
	padding: 7px 20px;
	}
	
.navbar ul.menu ul ul {
	left: 100%;
	top: 0;
	}
	
.navbar ul.menu li:hover > ul {
	visibility: visible;
	}
	
	
/*------------------------------
    MENU COLOR AND STYLING
------------------------------*/

.navbar {
	background-color:#a11335;
	border-top:1px solid #820f28;
	border-bottom:3px solid #efe8da;
	}

.navbar ul.menu {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:16px;
	}

.navbar ul.menu a {
	text-decoration:none;
	}
	
.navbar ul.menu ul {
	border-bottom:2px solid #6188b7;
	background-color:#DEE9F3;  /* light blue */
	}
	
.navbar ul.menu li.hover {
	background-color:#DEE9F3;  /* light blue */
	}
	
.navbar ul.menu ul li.hover {
	background-color:#6188b7;  /* dark blue */
	}
	
.navbar ul.menu li a {
	color:#EFE8DA;  /* light tan */
	}
	
.navbar ul.menu li.hover a {
	color:#a11335;  /* dark maroon */
	}
	
.navbar ul.menu ul li.hover a,
.navbar ul.menu li.hover ul li.hover a,					/* Gives second level correct hover color without disturbing other items */
.navbar ul.menu li.hover ul li.hover ul li.hover a {	/* Gives third level correct hover color without disturbing other items */
	color:#DEE9F3;  /* light blue */
	}
	
.navbar ul.menu ul li {
	background-color:#DEE9F3;  /* light blue */
	font-size:12px;
	border:none;
	}
	
.navbar ul.menu ul li a,
.navbar ul.menu li.hover ul li a,					/* Keeps the second level in non-hovered color while keeping first level in hover color */
.navbar ul.menu li.hover ul li.hover ul li a {		/* Keeps the third level in non-hovered color while keeping the second level in hover color */
	color:#222;  /* dark grey */
	}
	
.arrow {
	background:url('../images/menu_arrow.gif') no-repeat 225px 6px;
	}
	
.arrow.hover {
	background:url('../images/menu_arrow_hover.gif') no-repeat 225px 6px;
	}
	
	
/*--------------------------
    FOOTER MENU STRUCTURE
--------------------------*/

.footer ul.menu {
	clear: both;
	margin-bottom:20px;
	overflow:auto;
	float:left;
	}
	
.footer ul.menu li {
	float: left;
	width:125px;
	margin:0 0 5px 0;
	}
	
.footer ul.menu li ul {
	margin:5px 0 0 0;
	}
	
.footer ul.menu li a {
	margin:0 5px 10px 0;
	}
	
.footer ul.menu li ul li {
	float:none;
	}
	
.footer ul.menu li ul li ul {
	margin:3px 0 0 15px;
	display:none;
	}	
	
.footer ul.menu li ul li ul li {
	width:165px;
	}
	
	
/*--------------------------
    FOOTER MENU STYLE
--------------------------*/

.footer ul.menu li a {
	font-weight:bold;
	color:#828078;
	}
	
.footer ul.menu li ul li a {
	font-weight:normal;
	font-size:11px;
	}