html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px; line-height: 16px; color:#000000;
}

/* Home Page */
#homeContainer { width: 959px; height: 800px; float: left;
	background: url(assets/index5.jpg) no-repeat 59px bottom; }
#copyrightIndex { width: 755px; float: right; text-align: left; padding-top: 20px;
  font-size:9px; color:#999999;
}


/* Structure */
#wrapper { width:884px; float: left; }

#navigation { width:426px; height:987px; float:left;
	background: url(images/navigation/bg-navigation.jpg) no-repeat left top;}
#contentWrapper { width:458px; float: right; }
	#contentBanner { width: 458px; padding-top: 15px; }
	#subNav { width: 458px; margin-bottom: 30px; text-align: left; }
	#contentBody { width:458px; padding-bottom:40px; }
		.contentBodyHalf { width: 229px; float: left; }
		
#footer {
	width: 458px; height: 65px;
	padding: 86px 0 0 426px;
	font-size: 9px;
	text-align:right; clear:both;
	background-image:url(assets/footer.gif);
}
#footerBlank {
	width: 458px; height: 65px;
	padding: 86px 0 0 426px;
	font-size: 9px;
	text-align:right; clear:both;
}
#noJS {
	width: 100%;
	margin: 0 auto;
	padding-top: 50px;
	text-align: center;
}




/* Navigation */
body#home li.home a span,
body#galleryGo li.gallery a span,
body#itineraryGo li.itinerary a span,
body#itineraryProposedBlack li.itinerary a span,
body#itineraryCurrentBlack li.itinerary a span,
body#itineraryHistoricalBlack li.itinerary a span,
body#itineraryProposedSilver li.itinerary a span,
body#itineraryCurrentSilver li.itinerary a span,
body#itineraryHistoricalSilver li.itinerary a span,
body#itineraryPublic li.public a span,
body#aboutGo li.about a span,
body#resourceGo li.resource a span,
body#mediaGo li.media a span,
body#videoGo li.video a span,
body#travellingGalleryGo li.travelling a span,
body#peopleGo li.people a span,
body#merchandiseGo li.merchandise a span,
body#donationsGo li.donate a span,
body#faqGo li.faq a span,
body#contactGo li.contact a span
{ background-position: right top; }

#navigation a {	border: none; }
#mainLogo {
	width: 140px; height: 205px; margin-left: 127px;
	background: url(images/navigation/mainLogo.jpg) no-repeat left top; }
#mainLogo:hover { background: right top; }

#navigation ul { width:426px; height:400px; margin-top: 37px; }
#navigation li { display: block; width: 426px; } /* needed in ie8 */ 
#navigation li a span {
	display: block; width: 426px; height: 22px;
	left: 0; top: 0; position: absolute; cursor: pointer;
}
li.home a, li.home a span {
	background: url(images/navigation/nav-home.jpg) no-repeat left top; }
li.gallery a, li.gallery a span {
	background: url(images/navigation/nav-gallery.jpg) no-repeat left top; }
li.itinerary a, li.itinerary a span {
	background: url(images/navigation/nav-itinerary.jpg) no-repeat left top; }
li.public a, li.public a span {
	background: url(images/navigation/nav-public.jpg) no-repeat left top; }
li.about a, li.about a span {
	background: url(images/navigation/nav-about.jpg) no-repeat left top; }
li.resource a, li.resource a span {
	background: url(images/navigation/nav-resource.jpg) no-repeat left top; }
li.media a, li.media a span {
	background: url(images/navigation/nav-media.jpg) no-repeat left top; }
li.video a, li.video a span {
	background: url(images/navigation/nav-video.jpg) no-repeat left top; }
li.travelling a, li.travelling a span {
	background: url(images/navigation/nav-travelling.jpg) no-repeat left top; }
li.people a, li.people a span {
	background: url(images/navigation/nav-people.jpg) no-repeat left top; }
li.merchandise a, li.merchandise a span {
	background: url(images/navigation/nav-merchandise.jpg) no-repeat left top; }
li.donate a, li.donate a span {
	background: url(images/navigation/nav-donate.jpg) no-repeat left top; }
li.faq a, li.faq a span {
	background: url(images/navigation/nav-faq.jpg) no-repeat left top; }
li.contact a, li.contact a span {
	background: url(images/navigation/nav-contact.jpg) no-repeat left top; }

#navigation li a {
	width: 406px; height: 22px;
	padding-left: 20px;
	position: relative;
	display: block;
	overflow: hidden;
}
#navigation li a:hover span { background-position: right top; }

/* Navigation Sub */
body#itineraryProposedBlack #proposedBlack,
body#itineraryCurrentBlack #currentBlack,
body#itineraryHistoricalBlack #historicalBlack,
body#itineraryProposedSilver #proposedSilver,
body#itineraryCurrentSilver #currentSilver,
body#itineraryHistoricalSilver #historicalSilver,
body#itineraryPublic #public
{ color: #000000; border-bottom: thin dotted #E20A16; }



/* Misc divs */
.playButtonContainer { width: 458px; margin-top: 6px; }
.playButtonTitle { height: 40px; padding: 40px 20px 0px 0px; font-size: 9px; line-height:22px; color: #E20A16; float: left; }
.playButton { width: 73px; height: 80px; background: url(assets/playButton.jpg) no-repeat left top;	float: left; }
	.playButton:hover {	background-position: right top; }
.peopleBox { width: 458px; margin-bottom: 30px; }
	.peopleBox img { padding-right: 20px; float: left; }
.galleryBox { width: 228px; float: left; }
a.facebook {
	width: 85px; height: 26px;
	border: 0px; background: url(assets/facebook-logo.gif) no-repeat;
	float: right; display: block;
}
a.twitter {
	width: 85px; height: 31px; margin-top: 4px;
	border: 0px; background: url(assets/twitter-logo.gif) no-repeat;
	float: right; display: block; clear: right;
}



/* Misc uls + lis */
.itinerary ul {	width: 458px; }
	.itinerary li {	display: block; margin-bottom: 5px; border-bottom: thin dotted #CCCCCC; }
	.first { margin-top: 12px; }


/* Misc Classes */
.backtotop { width: 458px; margin-top: 15px; padding-bottom: 40px; text-align: right; }
.subNavDivider { display: inline; padding: 0 7px 0 7px; }
.clear { clear: both; }
.clear-left { clear: left; }
.float-left { float: left; }
.float-right { float: right; }
.noBorder { border: none; text-decoration: none; }
.itinerarySubNav { width: 458px; margin-bottom: 30px; padding-top: 6px; text-align: left; }
.noPad { padding: 0; }
.noPadBottom { padding-bottom: 0; }
.noPadTop { padding-top: 0; }
.noMar { margin: 0; }
.indent { padding-left: 30px; }
.center { text-align: center; }
.topPad-10 { padding-top: 10px; }
p.bookText { margin: 125px 36px 0 90px; }
p.cnzLogo { margin: 25px 36px 0 90px; }
	p.cnzLogo img { margin-top: 4px; }
	
/* Text */
h1 { display: block; padding: 50px 0 30px 0; font-size:32px; line-height: 32px; font-weight:bold; color:#E20A16; }
h2 { font-size: 16px; line-height: 18px; padding: 30px 0 12px 0; font-weight: bold; color: #E20A16; }
h3 { font-weight: bold; padding: 12px 0 4px 0; }
strong { font-weight: bold; }
.bold {	font-weight: bold; }
.normal { font-weight: normal; font-style: normal; }
em { font-style:italic; }
.italic {	font-weight: bold; }
.smallText { font-size: 9px; }
p.itineraryFeedback { font-size: 9px; color: #666666; line-height: 14px; margin: 2px 0px 4px 0px; }
p.caption { font-size:9px; padding-top: 6px; }
p { padding-bottom: 4px; }
.text-16 { font-size: 16px; line-height: 20px; }
.red { color: #E20A16; }
.grey { color: #999999; }
.black { color: #000; }
p.headline { font-size: 14px; line-height: 17px; padding: 6px 0 12px 0; color: #000; }
p.quote { margin: 12px 0 12px 36px; }



/* Links */
a { color:#E20A16; border-bottom: thin dotted #E20A16; text-decoration: none; }
a:hover { color:#000000; }

a.toggleLink { font-size: 9px; border: none; }
a.toggleLink:hover { color: #999; }

a.smallLink { font-size: 9px; border: none; }
a.smallLink:hover { color: #000; }

#subNav a { line-height: 20px; color:#999999; border-bottom: thin dotted #999999; }
#subNav a:hover { color:#000000; border-bottom: thin dotted #E20A16; }



















/* YE OLDE - need to clean */








.captionRed {
	font-family:Arial, Helvetica, sans-serif;
  	font-size:9px; color:#E20A16; line-height:22px;
}
	a.captionRed:link {
		font-family:Arial, Helvetica, sans-serif;
  		font-size:9px; color:#E20A16; line-height:22px;
  		border-bottom: thin dotted #E20A16;
		text-decoration: none;
	}
	a.captionRed:visited {
		font-family:Arial, Helvetica, sans-serif;
  		font-size:9px; color:#E20A16; line-height:22px;
  		border-bottom: thin dotted #E20A16;
		text-decoration: none;
	}
	a.captionRed:hover, a.caption:active {
		font-family:Arial, Helvetica, sans-serif;
  		font-size:9px; color:#000000; line-height:22px;
		border-bottom: thin dotted silver;
		text-decoration: none;
}
/* Styles - Media - Start */
#vid-458 {
	width: 458px;
	text-align: left;
	margin: auto;
}



#article {
	width:458px;
	font-family:Arial, Helvetica, sans-serif;
  	font-size:11px; color:#999999;
}
#shopWrapper {
	width:390px; height:235px;
	overflow:scroll;
}	
/* Text styles - Shopping Cart */	
.shopHeading {
	font-family:Arial, Helvetica, sans-serif;
  	font-size:16px; font-weight:bold; line-height:20px; color:#E20A16;
}
.navMain {
	font-family:Arial, Helvetica, sans-serif;
  	font-size:16px; font-weight:normal; line-height:16px; color:#E20A16;
}
.navSub {
	font-family:Arial, Helvetica, sans-serif;
  	font-size:10px; font-weight:normal; color:#999999;
}
/* Text styles - Common */

.headSubNoLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; color:#E20A16; line-height:16px;
}