#navigation {
	position: relative;
	width: 100%; /* force hasLayout in IE */
	height: 70px;
	margin: 10px 0 0 10px;
}

#navigation li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}


#nav-01 a,
#nav-02 a,
#nav-03 a,
#nav-04 a,
#nav-05 a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	border-bottom: 0;
}

#nav-01,
#nav-02,
#nav-03,
#nav-04,
#nav-05 {
	height: 30px; /* must touch second tier, equal to li ul top value */
	background: url(../img/nav.png) no-repeat;
}

/* tier 1 default state */
#nav-01 {width: 310px; background-position: 0 0;}
#nav-02 {width: 140px; background-position: -310px 0;}
#nav-03 {width: 140px; background-position: -450px 0;}
#nav-04 {width: 140px; background-position: -590px 0;}
#nav-05 {width: 140px; background-position: -730px 0;}


/* tier 1 at-state and disable hover state */
.sec-01 #nav-01, .sec-01 #nav-01:hover, .sec-01 #nav-01.hover {background-position: 0 -80px;}
.sec-02 #nav-02, .sec-02 #nav-02:hover, .sec-02 #nav-02.hover {background-position: -310px -80px;}
.sec-03 #nav-03, .sec-03 #nav-03:hover, .sec-03 #nav-03.hover {background-position: -450px -80px;}
.sec-04 #nav-04, .sec-04 #nav-04:hover, .sec-04 #nav-04.hover {background-position: -590px -80px;}
.sec-05 #nav-05, .sec-05 #nav-05:hover, .sec-05 #nav-05.hover {background-position: -730px -80px;}

/* tier 1 hover state */
#nav-01:hover, #nav-01.hover {background-position: 0 -40px;} 
#nav-02:hover, #nav-02.hover {background-position: -310px -40px;} 
#nav-03:hover, #nav-03.hover {background-position: -450px -40px;} 
#nav-04:hover, #nav-04.hover {background-position: -590px -40px;} 
#nav-05:hover, #nav-05.hover {background-position: -730px -40px;} 


/* turn off subsection by default */
#navigation li ul {
	display: none;
	margin: 0;
	position: absolute;
	top: 30px;
	left: 0;
	background: url(../img/gradient-80.png) repeat-x 0 -40px; /* equals background in parent to mask other tier 2 uls  */
	width: 960px; /* percent doesn't work with IE here, use px instead */
}

/* for all links in the list */
#navigation li ul li a {
	display: block;
	height: auto; /* override height from tier 1 anchors */
	line-height: 26px;
	padding: 9px 12px 5px 12px;
	font-size: 16px;
	font-weight: bold;
	text-indent: 0; /* override text-indent from tier 1 anchors */
	color: #af7d00;
}

.sec-01 #nav-01 ul,
.sec-02 #nav-02 ul,
.sec-03 #nav-03 ul,
.sec-04 #nav-04 ul, 
.sec-05 #nav-05 ul {
	display: block;
}

/* subsection rollovers */
#navigation li:hover ul, #navigation li.hover ul {
	display: block;
	z-index: 1000;
}

/* tier 2 highlighting */

.page-01-00 #nav-01-00 a,
.page-01-01 #nav-01-01 a,
.page-01-02 #nav-01-02 a,
.page-01-03 #nav-01-03 a,
.page-01-04 #nav-01-04 a,
.page-01-05 #nav-01-05 a,

.page-02-00 #nav-02-00 a,
.page-02-01 #nav-02-01 a,
.page-02-02 #nav-02-02 a,
.page-02-03 #nav-02-03 a,
.page-02-04 #nav-02-04 a,
.page-02-05 #nav-02-05 a,

.page-03-00 #nav-03-00 a,
.page-03-01 #nav-03-01 a,
.page-03-02 #nav-03-02 a,
.page-03-03 #nav-03-03 a,
.page-03-04 #nav-03-04 a,
.page-03-05 #nav-03-05 a,

.page-04-00 #nav-04-00 a,
.page-04-01 #nav-04-01 a,
.page-04-02 #nav-04-02 a,
.page-04-03 #nav-04-03 a,
.page-04-04 #nav-04-04 a,
.page-04-05 #nav-04-05 a,

.page-05-00 #nav-05-00 a,
.page-05-01 #nav-05-01 a,
.page-05-02 #nav-05-02 a,
.page-05-03 #nav-05-03 a,
.page-05-04 #nav-05-04 a,
.page-05-05 #nav-05-05 a {
	cursor: default;
	color: #970512;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/tier-2-bg.png) no-repeat 50% 100%;
}





/* Uber Navigation */

.uber-nav {
	position: relative;
	width: 100%; /* force hasLayout in IE */
	height: 22px;
	margin: 15px 0 0 0;
}

.uber-nav li {
	float: right;
	display: block;
	margin: 0 10px 0 0;
	padding: 0;
}

.nav-home a,
.nav-contact a,
.nav-ab a,
.nav-pm a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	border-bottom: 0;
}

.nav-home,
.nav-contact,
.nav-ab,
.nav-pm {
	height: 22px;
	background: url(../img/uber-nav.png) no-repeat;
}

/* default state */
.nav-home {width: 72px; background-position: 0 0;}
.nav-contact {width: 112px; background-position: -80px 0;}
.nav-ab {width: 192px; background-position: -200px 0;}
.nav-pm {width: 192px; background-position: -400px 0;}


/* hover and active states */
.nav-home:hover, .nav-home.hover, .nav-home.active {background-position: 0 -30px;} 
.nav-contact:hover, .nav-contact.hover, .nav-contact.active {background-position: -80px -30px;} 
.nav-ab:hover, .nav-ab.hover, .nav-ab.active {background-position: -200px -30px;} 
.nav-pm:hover, .nav-pm.hover, .nav-pm.active {background-position: -400px -30px;} 





/* Link List */

ul.link-list {
    list-style-type: none;
    border-top: solid 3px #d2b25b;
    border-bottom: solid 3px #d2b25b;
	font: 16px/18px Georgia, Times, 'Times New Roman', serif; 
}

ul.link-list li {
    margin: 0;
}

ul.link-list li a, ul.link-list li a:visited {
    display: block;
    padding: 7px 10px;
    background: #fef0c2;
    border-bottom: solid 1px #fff;
}
ul.link-list li a:hover {
    display: block;
    background: #fff;
    text-decoration: none;
}


/* Page Content Nav */

a.page-nav, a:visited.page-nav {
    display: block;
    height: 30px;
    margin: 20px 0;
	padding: 10px;
    background: #d2b25b;
    text-decoration: none;
	border: solid 2px #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
a:hover.page-nav {
    background: #fce48b;
}
a.page-nav-current, a:visited.page-nav-current {
    background: transparent;
}

/* color

very dark red: #610009
dark red: #750009
base red: #970512
light red: #c5000a
dark bronze: #924900
base bronze: #af7d00
light bronze: #d2b25b
background: #fce48b
----------------------------------------------------------------------------------------------------*/