@charset "UTF-8";
/* CSS Document */


#navigation {
	padding: 0px;
	width: 800px;
	background-image: url(../slices/main_nav.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 25px;
	margin: 0px;
}

#navigation ul {
	padding: 0px;
	margin-top: 3px;
	float: right;
	list-style-type: none;
	top: 140px;
	left: 585px;
	word-spacing: 0.26em;
}

#navigation li {
	display: inline;
	margin-right: 15px;
	margin-left: 6px;
	list-style-type: none;
}

#navigation a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
}



/* subnav div and ul styles */
#subnav {width:640px; background-color:#f2e8da; padding: 3px; height: 50px; float: left; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#b5b5b5; margin-top:0px;}
#subnav ul {list-style:none; margin:0px; padding:0px; width:100%; float:left;}

/* controls the size of the navigation links and rollovers, as well as color etc */
#subnav a {color:#333333; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:12px; font-weight:normal; text-decoration:none; padding:15px 10px; display:block; width:10.2em; text-align:center;}
#subnav ul li ul li a{height:auto; text-align:left;}
#subnav a:hover {color:#a00; background:#fff;} /* change these colors when done testing */

/* controls the functionality of the rollovers, hiding sub lists until parent is hovered */
#subnav li {position: relative; float:left; margin-left:1em;}
#subnav li li{margin-left:0em; background-color: #f2e8da;}
#subnav li li li{margin-left:0em; background-color: #f2e8da;}
#subnav ul ul {position:absolute; z-index:500;}
#subnav ul ul ul {top:0; left:100%;}
#subnav ul ul, #subnav ul li:hover ul ul, #subnav ul ul li:hover ul ul{display: none;}
#subnav ul li:hover ul, #subnav ul ul li:hover ul, #subnav ul ul ul li:hover ul{display: block;}
