/* CSS Document */

* {
	margin-top: 0;
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
p,
ul,
li,
ol,
dl,
dd,
dt,
a,
span,
img,
small,
cite,
hr
{
margin: 0px;
padding: 0px;
}

/* main nav */

#globalnavpositionmain {
	margin-top: 335px;
	width: 694px;
	position: absolute;
	margin-left: 165px;
}
	
ul
{
list-style-type: none;
}


/* MENU SECTION */
#menu a
{
position: relative;
height: 60px;
width: 694px;
}

#menu a span
{
display: none;
}

#menu a
{
display: block;
position: absolute;
top: 0px;
height: 60px;
background-image: url('/images/nav-revised-5.png');
background-repeat: no-repeat;
}

* html #menu a
{
background-image: url('/images/nav-revised-6.gif');
}

#home a
{
left: 0px;
width: 62px;
/* z-index: 1; */
background-position: 0px 0px;
}
#interactive a
{
left: 60px;
width: 134px;
/*z-index: 2; */
background-position: -60px 0px;
}
#madein a
{
left: 192px;
width: 142px;
/*z-index: 3;*/
background-position: -192px 0px;
}
#heritage a
{
left: 332px;
width: 85px;
/*z-index: 4;*/
background-position: -332px 0px;
}
#comm a
{
left: 415px;
width: 99px;
/*z-index: 5;*/
background-position: -415px 0px;
}
#travel a
{
left: 512px;
width: 71px;
/*z-index: 6;*/
background-position: -512px 0px;
}
#info a
{
left: 581px;
width: 112px;
/*z-index: 7;*/
background-position: -581px 0px;
}

#home a:hover,
#home.active a { background-position: 0px -60px; }

#interactive a:hover,
#interactive.active a { background-position: -60px -120px; }

#madein a:hover,
#madein.active a { background-position: -192px -60px; }

#heritage a:hover,
#heritage.active a { background-position: -332px -120px; }

#comm a:hover,
#comm.active a { background-position: -415px -60px; }

#travel a:hover,
#travel.active a { background-position: -512px -120px; }

#info a:hover,
#info.active a { background-position: -581px -60px; }

#menu a:hover
{
/*z-index: 8;*/
}
#menu .active a
{
/*z-index: 9;*/
}
/* END MENU */



/* map nav list */

#globalnavpositionmap {
	margin-top: 133px;
	width: 694px;
	position: absolute;
	margin-left: 165px;
}


ul
{
list-style-type: none;
}


/* MENU SECTION */
#menu a
{
position: relative;
height: 60px;
width: 694px;
}

#menu a span
{
display: none;
}

#menu a
{
display: block;
position: absolute;
top: 0px;
height: 60px;
background-image: url('/images/nav-revised-5.png');
background-repeat: no-repeat;
}

* html #menu a
{
background-image: url('/images/nav-revised-6.png');
}

#home a
{
left: 0px;
width: 62px;
z-index: 1;
background-position: 0px 0px;
}
#interactive a
{
left: 60px;
width: 134px;
z-index: 2;
background-position: -60px 0px;
}
#madein a
{
left: 192px;
width: 142px;
z-index: 3;
background-position: -192px 0px;
}
#heritage a
{
left: 332px;
width: 85px;
z-index: 4;
background-position: -332px 0px;
}
#comm a
{
left: 415px;
width: 99px;
z-index: 5;
background-position: -415px 0px;
}
#travel a
{
left: 512px;
width: 71px;
z-index: 6;
background-position: -512px 0px;
}
#info a
{
left: 581px;
width: 112px;
z-index: 7;
background-position: -581px 0px;
}

#home a:hover,
#home.active a { background-position: 0px -60px; }

#interactive a:hover,
#interactive.active a { background-position: -60px -120px; }

#madein a:hover,
#madein.active a { background-position: -192px -60px; }

#heritage a:hover,
#heritage.active a { background-position: -332px -120px; }

#comm a:hover,
#comm.active a { background-position: -415px -60px; }

#travel a:hover,
#travel.active a { background-position: -512px -120px; }

#info a:hover,
#info.active a { background-position: -581px -60px; }

#menu a:hover
{
z-index: 8;
}
#menu .active a
{
z-index: 9;
}
/* sub nav */

#pagenavigation
{
	position: absolute;
	top: 396px;
	left: 32px;
	width: 960px;
}

#subnav {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	width: 960px;
	text-align: center;
	height: 21px;
}

#subnav ul {
	list-style-type: none;
}

#subnav li {
display: inline;
}

#subnav a:link,
#subnav a:visited
{
	text-decoration: none;
	color: #909090;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 4px 10px 3px 10px;
	line-height: 21px;
	margin: 0px -2px 0px -2px;
}

#subnav .active a,
#subnav a:hover {
	background: url('/images/sub_nav_bg.gif');
	text-decoration: none;
	color: #000000 !important;
	border-right: 1px solid #999 !important;
	border-left: 1px solid #999 !important;
	background-position: bottom;
	margin: 0px -2px 0px -2px;
}

/* sub nav map */

#pagenavigationmap
{
	position: absolute;
	top: 190px;
	left: 32px;
	width: 960px;
}

#subnavmap {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	width: 960px;
	text-align: center;
	height: 21px;
}

#subnavmap ul {
	list-style-type: none;
}

#subnavmap li {
display: inline;
}

#subnavmap a:link,
#subnavmap a:visited
{
	text-decoration: none;
	color: #bfbfbf;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 4px 10px 3px 10px;
	line-height: 21px;
	margin: 0px -2px 0px -2px;
}

#subnavmap .active a,
#subnavmap a:hover {
	background: url('/images/sub_nav_map_bg.gif');
	text-decoration: none;
	color: #000000 !important;
	border-right: 1px solid #999 !important;
	border-left: 1px solid #999 !important;
	margin: 0px -2px 0px -2px;
}


/* sub nav timeline */

#pagenavigationtimeline
{
	position: absolute;
	top: 194px;
	left: 32px;
	width: 960px;
}

#subnavtimeline {
	font-family: Verdana;
	font-size: 12px;
	color: #666666;
	width: 960px;
	text-align: center;
	height: 21px;
}

#subnavtimeline ul {
	list-style-type: none;
}

#subnavtimeline li {
display: inline;
}

#subnavtimeline a:link,
#subnavtimeline a:visited
{
	text-decoration: none;
	color: #bfbfbf;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 4px 10px 3px 10px;
	line-height: 21px;
	margin: 0px -2px 0px -2px;
}

#subnavtimeline .active a,
#subnavtimeline a:hover {
	background: url('/images/sub_nav_bg.gif');
	text-decoration: none;
	color: #000000 !important;
	border-right: 1px solid #999 !important;
	border-left: 1px solid #999 !important;
	margin: 0px -2px 0px -2px;
}

/* tertiary nav */
#tertiarynav {
	left: 0px;
	clear: left;
	height: 21px;
	background: url('/images/tertiary_nav_bg.gif');
	display: block;
	width: 960px;
	font-family: Verdana;
	font-size: 11px;
	text-align: center;
}

#tertiarynav ul {
	list-style-type: none;
}

#tertiarynav li {
	display: inline;
	color: #666666;
}

#tertiarynav a:link,
#tertiarynav a:visited {
	color: #FFFFFF;
	text-decoration: none;
	line-height: 21px;
	padding: 4px 7px 4px 7px;
	margin: 0px -2px 0px -2px;
}

#tertiarynav .active a,
#tertiarynav a:hover {
	color: #ffd400 !important;
	text-decoration: none;
	background: url('/images/tertiary_nav_bg_hover.gif');
}

/* event listing for months */
#eventlistingmonth {
	display: block;
	text-align: center;
	clear: left;
	width: 706px;
	background-color: #000000;
	font-family: Arial;
	font-size: 11px;
	margin-top: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
}

#eventlistingmonth ul {
	list-style-type: none;
}

#eventlistingmonth li {
	display: inline;
}

#eventlistingmonth a:link,
#eventlistingmonth a:visited {
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
}

#eventlistingmonth .active a,
#eventlistingmonth a:hover {
	color: #ffd400;
	text-decoration: none;
	padding-left: 4px;
	padding-right: 4px;
}

/* timeline nav */

#timeline
{
position: relative;
height: 90px;
width: 900px;
margin-left: 30px;
margin-top: 13px;
}

#timeline a span
{
display: none;
}

#timeline a
{
display: block;
position: absolute;
top: 0px;
height: 90px;
background-image: url('/images/timeline_nav.gif');
background-repeat: no-repeat;
}

#early a
{
left: 0px;
width: 150px;
background-position: 0px 0px;
}

#sixteen a
{
left: 150px;
width: 150px;
background-position: -150px 0px;
}

#seventeen a
{
left: 300px;
width: 150px;
background-position: -300px 0px;
}

#eightteen a
{
left: 450px;
width: 150px;
background-position: -450px 0px;
}

#nineteen a
{
left: 600px;
width: 150px;
background-position: -600px 0px;
}

#twenty a
{
left: 750px;
width: 150px;
background-position: -750px 0px;
}

#early a:hover,
#early.active a { background-position: 0px -90px; }

#sixteen a:hover,
#sixteen.active a { background-position: -150px -180px; }

#seventeen a:hover,
#seventeen.active a { background-position: -300px -90px; }

#eightteen a:hover,
#eightteen.active a { background-position: -450px -180px; }

#nineteen a:hover,
#nineteen.active a { background-position: -600px -90px; }

#twenty a:hover,
#twenty.active a { background-position: -750px -180px; }