/* CSS Document */

/* ------------------------------------------------
	
	Copyright 2008 Museum of New Zealand Te Papa Tongarewa
	Design by Flightless - www.flightless.co.nz 
	
	
	Version 1.0 - 13.11.08 (GLOBAL STYLE SHEET) 
	

	 =GLOBAL RESETS 
	 =GLOBAL STYLES
	 
	 =GLOBAL LAYOUT
	 
	 =GLOBAL NAVIGATION
	 
	 =HOMEPAGE LAYOUT
	 =SECTIONS LAYOUT
	 =ARTICLES LAYOUT
	 
	 =ADDITIONS
	 
	 =FOOTER 

--------------------------------------------------- */	 
/* =GLOBAL RESETS 
--------------------------------------------------- */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #333;
	background: #000;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
button { 
	cursor: pointer;
}
img {
	border: none;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

/* =GLOBAL STYLES 
--------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background: url(../images/background-gradient-tile.jpg) repeat-x top left #000;
}
a, a:link { 
	color: #ff3333;
	text-decoration: none;
}
a:visited {
	color: #000;
}
a:hover, a:focus, a:active {
	color: #ff6666;
	text-decoration: underline;
}
a.current {
	color: #333;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666;
}
.uppercase {
	text-transform: uppercase;
}

/* =GLOBAL LAYOUT
--------------------------------------------------- */

#outerWrapper {	
	height: 100%;
	background: url(../images/background-water-tile.jpg) repeat-x top center;
}
#innerWrapper { 
	margin: auto;
	width: 960px;
	height: 100%;
	background: url(../images/homepage-water.jpg) no-repeat top left;
}
#main {
	width: 960px;
	height: 100%;
}
#headerHolder {
	width: 960px;
	height: 260px;
	background-color: #333;
}

/* interactive layout */
body#interactive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	background: #000;
}
#interactive #outerWrapper {	
	height: 100%;
	background: none;
}
#interactive #innerWrapper { 
	margin: auto;
	width: 960px;
	height: 100%;
	background: none;
}

/* header background images */
.home { background: url(../images/headers/home.jpg) no-repeat top left #333; }

.anatomy-banner { background: url(../images/headers/anatomy.jpg) no-repeat top left #333; }

.the-deep-banner { background: url(../images/headers/the-deep.jpg) no-repeat top left #333; }

.the-squid-files-banner { background: url(../images/headers/the-squid-files.jpg) no-repeat top left #333; }

.build-a-squid-banner { background: url(../images/headers/build-a-squid.jpg) no-repeat top left #333; }
	
.exhibition-banner { background: url(../images/headers/exhibition.jpg) no-repeat top left #333; }

.resources-banner { background: url(../images/headers/resources.jpg) no-repeat top left #333;	}

.about-banner { background: url(../images/headers/about.jpg) no-repeat top left #333;	}

.kids-stuff-banner { background: url(../images/headers/kids-stuff.gif) no-repeat top left #333; }

.default-banner { background: url(../images/headers/default.jpg) no-repeat top left #333; }

/* header logos positioning */
.logosHolder {
	width: 905px;
	height: 155px;
	padding: 40px 25px 0px 30px;
}
.logosHolder .tepapaLogo {
	float: left;
	width: 57px;
	height: 116px;
	/*background: url(../images/divider-tile-header.gif) repeat-y top right; NB: Now burnt into header image */
	padding: 0px 20px 0px 0px;
}
.logosHolder .tepapaLogo a {
	display: block;
	width: 57px;
	height: 116px;
	/*background: url(../images/tepapa-logo-header.png) no-repeat top left; NB: Now burnt into header image */
	text-indent: -3000px;
}
.logosHolder .exhibitionLogo {
	float: left;
	width: 152px;
	height: 116px;
}	
.logosHolder .exhibitionLogo h1 {
	padding: 3px 0px 0px 15px;
}
.logosHolder .exhibitionLogo a {
	display: block;
	width: 152px;
	height: 113px;
	/*background: url(../images/exhibition-logo-header.png) no-repeat top left; NB: Now burnt into header image */
	text-indent: -3000px;
}

/* =GLOBAL NAVIGATION
--------------------------------------------------- */	

#navigation {
	width: 960px;
	height: 55px;
}
#navigation ul { 
	width: 960px;
	height: 55px;
	background: url(../images/navigation.gif) no-repeat;
}
#navigation li { 
	display: inline; 
	list-style-type: none;
}
#navigation li a { 
	float: left;
	background: url(../images/navigation.gif) no-repeat;
	height: 55px;
	text-indent: -3000px;
}

/* global navigation background positioning */
#navigation li.anatomy a { background-position: 0px 0px; width: 160px; }

#navigation li.the-deep a { background-position: -160px 0px; width: 161px; }

#navigation li.the-squid-files a { background-position: -321px 0px; width: 160px; }

#navigation li.build-a-squid a { background-position: -481px 0px; width: 160px; }

#navigation li.exhibition a { background-position: -641px 0px; width: 161px; }

#navigation li.resources a { background-position: -802px 0px; width: 158px; }

/* global navigation hover & current state */
#navigation li.anatomy a:hover, #navigation li.anatomy a.current { background-position: 0px -55px; width: 160px; }

#navigation li.the-deep a:hover, #navigation li.the-deep a.current { background-position: -160px -55px; width: 161px; }

#navigation li.the-squid-files a:hover, #navigation li.the-squid-files a.current { background-position: -321px -55px; width: 160px; }

#navigation li.build-a-squid a:hover, #navigation li.build-a-squid a.current { background-position: -481px -55px; width: 160px; }

#navigation li.exhibition a:hover, #navigation li.exhibition a.current { background-position: -641px -55px; width: 161px; }

#navigation li.resources a:hover, #navigation li.resources a.current { background-position: -802px -55px; width: 158px; }


/* =HOMEPAGE LAYOUT
--------------------------------------------------- */	

#main.homepage .intro {
	background-color: #FFF;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 20px 0px;
	width: 960px;
}
#main.homepage .intro .col01 {
	float: left;
	padding: 0px 10px 0px 20px;
	margin: 30px 0px 0px 0px;
	width: 660px;
	
}
#main.homepage .intro .col02 {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 0px 0px;
	width: 270px;
	background: url(../images/divider-tile-black.gif) repeat-y top left;
}
h2.welcome {
	font-size: 26px;
	text-transform: uppercase;
	padding: 0px 0px 10px 0px;
	color: #333;
}
.intro .exhibitionIntro {
	padding: 0px 10px 0px 0px;
}

.intro .exhibitionIntro p {
	font-size: 14px;
	line-height: 20px;
}
.intro .exhibitionIntro p.exhibitionDates {
	font-size: 14px;
	font-weight: bold;
}

/* homepage promos */
.homepagePromosHolder {
	width: 660px;
	padding: 20px 0px 0px 0px;
}
.homepagePromosHolder h3.promosTitle {
	font-size: 18px;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	color: #333;
}
.homePromo {
	float: left;
	width: 330px;
	padding: 10px 0px 10px 0px;
}
.homeImageHolder {
	width: 320px;
	height: 130px;
	padding: 0px 0px 6px 0px;
}
.homeImageHolder a, .homeImageHolder a:link, .homeImageHolder a:visited {
	border: 3px solid #FFF;
	width: 314px;
	height: 124px;
	display: block;
}
.homeImageHolder a:hover, .homeImageHolder a:focus, .homeImageHolder a:active {
	border: 3px solid #FF6666;
}
h4.promoTitle {
	font-size: 15px;
	color: #333;
	padding-left: 2px;
}
.intro .homePromo p {
	font-size: 12px;
	line-height: 16px;
	padding-left: 2px;
}

/* side widget */
.sideWidgetHolder {
	padding: 0px 20px 0px 20px;
}
.quickLink {
	padding: 0px 0px 18px 0px;
}
h5.homeDates {
	width: 200px;
	height: 47px;
	text-indent: -3000px;
	background: url(../images/h5-home-dates-icon.gif) no-repeat top left;
}
h5.homeWorks {
	width: 200px;
	height: 47px;
	text-indent: -3000px;
	background: url(../images/h5-home-works-icon.gif) no-repeat top left;
}
h5.homeStore {
	width: 200px;
	height: 47px;
	text-indent: -3000px;
	background: url(../images/h5-home-store-icon.gif) no-repeat top left;
}
h5.homeLatest {
	width: 200px;
	height: 47px;
	text-indent: -3000px;
	background: url(../images/h5-home-latest-icon.gif) no-repeat 0px 0px;
}
h5.homeInfo {
	width: 200px;
	height: 47px;
	text-indent: -3000px;
	background: url(../images/h5-home-info-icon.gif) no-repeat top left;
}
h5.homeLatest a, h5.homeInfo a, h5.homeDates a, h5.homeStore a, h5.homeWorks a {
	display: block;
	width: 200px;
	height: 47px;
} 
.intro .sideWidgetHolder p {
	font-size: 12px;
	line-height: 16px;
	padding: 6px 0px  5px 12px;
}
.sidePromosHolder {
	padding: 2px 20px 20px 20px;
}

/* homepage sponsors */
.sponsorsHolder {
	padding: 0px 20px 0px 20px;
}
.intro p.thanksText {
	font-size: 12px;
	text-transform: uppercase;
	color: #333;
	line-height: 16px;
	padding: 10px 0px 10px 10px;
}
ul.sponsorsLogos {
	width: 230px;
}
ul.sponsorsLogos li { 
	display: inline; 
	list-style-type: none;
	width: 230px;
	padding: 0px;
	margin: 0px;
}

/* =SECTIONS LAYOUT
--------------------------------------------------- */	

#main .intro {
	background-color: #FFF;
	margin: 10px 0px 10px 0px;
	width: 960px;
}
.intro .col01 {
	float: left;
	padding: 35px 30px 0px 30px;
	width: 420px;
}
.intro .col02 {
	float: left;
	padding: 10px 0px 10px 0px;
	width: 480px;
	/*height: 255px;*/
}
.intro p {
	font-size: 13px;
	line-height: 18px;
	color: #333;
	padding: 0px 0px 10px 0px;
}
.intro a, .intro a:visited { 
	color: #FF6666;
}

/* intro promo */
.intro .col02 .introPromo {
	background: #FF6666;
	width: 470px;
	height: 90px;
	padding: 165px 0px 0px 0px;
}
#exhibitionPromo .introPromo {
	background: url(../images/heros/exhibition-intro.jpg) no-repeat top left #FF6666;
	width: 470px;
	height: 90px;
	padding: 165px 0px 0px 0px;
}
#resourcesPromo .introPromo {
	background: url(../images/heros/resources-intro.jpg) no-repeat top left #FF6666;
	width: 470px;
	height: 90px;
	padding: 165px 0px 0px 0px;
}
.introPromo .textBlock {
	background: #333;
	height: 80px;
	padding: 0px 15px 0px 15px;
}
.introPromo .textBlock p {
	color: #FFF;
	font-size: 12px;
	line-height: 16px;
}
h3.introPromoTitle {
	font-size: 18px;
	color: #FFF;
	padding: 15px 0px 10px 0px;
	text-transform: uppercase;
}
.textBlock a {
	color: #FF6666;
}

/* section page headings */
.pageHeading {
	padding: 0px 0px 8px 0px;
}
.pageHeading h2, .pageHeading h2.anatomy, .pageHeading h2.the-deep, .pageHeading h2.the-squid-files, .pageHeading h2.build-a-squid, .pageHeading h2.exhibition, .pageHeading h2.resources, .pageHeading h2.error {
	font-size: 44px;
	line-height: 40px;
	color: #333;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0px;
	text-indent: -3000px;
}
.pageHeading h2.anatomy {
	background: url(../images/h2-anatomy.gif) no-repeat top left;
	height: 53px;
}
.pageHeading h2.the-deep {
	background: url(../images/h2-the-deep.gif) no-repeat top left;
	height: 53px;
}
.pageHeading h2.the-squid-files {
	background: url(../images/h2-the-squid-files.gif) no-repeat top left;
	height: 53px;
}
.pageHeading h2.build-a-squid {
	background: url(../images/h2-build-a-squid.gif) no-repeat top left;
	height: 53px;
}
.pageHeading h2.exhibition {
	background: url(../images/h2-exhibition.gif) no-repeat top left;
	height: 53px;
}
.pageHeading h2.resources {
	background: url(../images/h2-resources.gif) no-repeat top left;
	height: 53px;
}
.pageHeading h2.error {
	background: url(../images/h2-error.gif) no-repeat top left;
	height: 53px;
}

/* error page holder */
#main .errorHolder {
	background-color: #FFF;
	margin: 10px 0px 10px 0px;
	width: 960px;
}
.errorHolder .col01 {
	padding: 45px 30px 45px 30px;
	width: 420px;
}
.errorHolder p {
	font-size: 13px;
	line-height: 20px;
	color: #333;
}
.errorHolder a {
	color: #FF6666;
}

/* interactive launch buttons (section index page) */

.launchImage {
	margin: 0px 0px 2px 0px;
	width: 470px;
	height: 200px;
	background-color: #333;
}
.launchImage a {
	display: block;
	width: 470px;
	height: 200px;
}
.launchButton {
	background: url(../images/interactive-nolaunch-caption.gif) no-repeat 0px 0px;
	width: 470px;
	height: 54px;
	text-indent: -3000px; 
}

.launchButton a {
	width: 470px;
	height: 54px;
	display: block;
	text-indent: -3000px;
}

.launchButton a.anatomy { background: url(../images/launch-btn-anatomy.gif) no-repeat 0px 0px; }

.launchButton a.anatomy:hover { background: url(../images/launch-btn-anatomy.gif) no-repeat 0px -54px; }

.launchButton a.the-deep { background: url(../images/launch-btn-the-deep.gif) no-repeat 0px 0px; }

.launchButton a.the-deep:hover { background: url(../images/launch-btn-the-deep.gif) no-repeat 0px -54px; }

.launchButton a.the-squid-files { background: url(../images/launch-btn-the-squid-files.gif) no-repeat 0px 0px; }

.launchButton a.the-squid-files:hover { background: url(../images/launch-btn-the-squid-files.gif) no-repeat 0px -54px; }

.launchButton a.build-a-squid { background: url(../images/launch-btn-build-a-squid.gif) no-repeat 0px 0px; }

.launchButton a.build-a-squid:hover { background: url(../images/launch-btn-build-a-squid.gif) no-repeat 0px -54px; }

/* block styles */
.blocksHolder {
	width: 960px;
}
.blockRow {
	background: url(../images/block-tile.gif) repeat-y top left;
	width: 960px;
	margin: 0px 0px 10px 0px;
	position: relative;
}
.blockLeft, .blockLeftKids {
	float: left;
	width: 450px;
	padding: 10px;
	background-color: #FFF;
}
.blockRight, .blockRightKids {
	float: right;
	width: 460px;
	padding: 10px;
	background-color: #FFF;
}
.blockRightKids, .blockLeftKids {
	background: url(../images/kids-stuff-promo.gif) no-repeat top right #f5e242;
}	
.imageHolder {
	float: left;
	width: 110px;
	height: 110px;
	padding: 0px 10px 0px 0px;
}
.imageHolder a, .imageHolder a:link, .imageHolder a:visited {
	border: 3px solid #666;
	width: 104px;
	height: 104px;
	display: block;
}
.imageHolder a:hover, .imageHolder a:focus, .imageHolder a:active {
	border: 3px solid #FF6666;
}
.blocksHolder p {
	color: #333;
}
.blockContent {
	float: left;
	width: 330px;
}
h3.blockTitle, h3.blockTitleKids  {
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	padding:  5px 0px 5px 0px;
}
h3.blockTitle  a, h3.blockTitle a:link, h3.blockTitleKids  a, h3.blockTitleKids a:link {
	color: #333;
}	
h3.blockTitle a:hover, h3.blockTitle a:focus, h3.blockTitle a:active, h3.blockTitleKids a:hover, h3.blockTitleKids a:focus, h3.blockTitleKids a:active {
	color: #FF6666;
	text-decoration: none;
}
h3.blockTitle a:visited, h3.blockTitleKids a:visited {
	color: #000;
}
.blockRightKids .blockContent { width: 340px; padding: 0px 0px 0px 3px; }

.blockLeftKids .blockContent { width: 330px; padding: 0px 0px 0px 3px; }

p.blockText { padding: 0px 0px 0px 2px; }

.kidsPromo {
	float: right;
	width: 100px;
	right: 10px;
	margin: -10px -10px -10px 0px;
	text-indent: -3000px;
}
.kidsPromo a {
	display: block;
	width: 110px;
	height: 130px;
}
p.blockText a, p.blockText a:link {
	color: #FF6666;
}	
p.blockText a:visited {
	color: #FF9999;
	text-decoration: none;
}
p.blockText a:hover, p.blockText a:focus, p.blockText a:active {
	color: #FF6666;
	text-decoration: underline;
}

/* blog promo large */
.blogPromoLarge a, .blogPromoLarge a:link {
	display: block; 
	background: url(../images/blog-promo-large.gif) no-repeat top left;
	width: 960px;
	height: 67px;
	text-indent: -3000px;
}
.blogPromoLarge a:hover, .blogPromoLarge a:active {
	background: url(../images/blog-promo-large.gif) no-repeat 0px -67px; 
}

/* resources */
.resourcesHolder {
	background-color: #FFF;
	padding: 15px 30px 0px 30px;
	margin: 0px 0px 10px 0px;
}
.resourcesHolder .col01 {
	float: left;
	width: 420px;
	margin: 0px 50px 30px 0px;
}
.resourcesHolder .col02 {
	float: left;
	width: 430px;
	margin: 0px 0px 30px 0px;
}
h4.resourceTitle {
	font-size: 24px;
	padding: 15px 0px 5px 0px;
	color: #333;	
}
.resourcesHolder p {
	line-height: 16px;
	padding: 0px 0px 10px 0px;
	color: #333;
}
.source {
	font-style: italic;
	color: #999;
}
.resourcesHolder ul {
	padding: 0px 0px 15px 0px;
}
.resourcesHolder li {
	padding: 0px 0px 5px 0px; 
	line-height: 15px;
}
.resourcesHolder .divider {
	background: url(../images/divider-tile-black.gif) repeat-x bottom left;
	padding: 0px 0px 15px 0px;
}
.raquo {
	color: #FF6666;
}
li.resourcesEducation {
	padding: 10px;
	margin: 10px 0px 0px 0px;
	background-color: #FFcccc;
}

/* interactive layout */
.interactiveHolder {
	height: 600px;
	width: 960px;
	margin: 0px 0px 0px 0px;
}
#interactiveHTML a {
	height: 600px;
	width: 960px;
	background: url(../images/you-need-flash.jpg) no-repeat top left;
	text-indent: -3000px;
	display: block;
}

/* =ARTICLES LAYOUT
--------------------------------------------------- */	

.pageHolder { 
	margin: 10px 0px 0px 0px;
	width: 960px;
}
.sideColumn {
	float: left;
	width: 180px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}
.pageColumn {
	float: left;
	position: relative;
	width: 710px;
	padding: 40px 20px 50px 40px;
	background-color: #FFF;	
}

/* sub nav headings */
h4.anatomy, h4.the-deep, h4.the-squid-files, h4.build-a-squid, h4.exhibition, h4.resources, h4.kids-stuff, h4.about {
	padding: 0px 10px 10px 10px;
	text-indent: -3000px;
	height: 18px;
}

h4.anatomy { background: url(../images/h4-anatomy.gif) no-repeat 10px 0px; }

h4.the-deep { background: url(../images/h4-the-deep.gif) no-repeat 10px 0px; }

h4.the-squid-files { background: url(../images/h4-the-squid-files.gif) no-repeat 10px 0px; }

h4.build-a-squid { background: url(../images/h4-build-a-squid.gif) no-repeat 10px 0px; }

h4.exhibition { background: url(../images/h4-exhibition.gif) no-repeat 10px 0px; }

h4.resources { background: url(../images/h4-resources.gif) no-repeat 10px 0px; }

h4.about { background: url(../images/h4-about.gif) no-repeat 10px 0px; }

h4.kids-stuff { background: url(../images/h4-kids-stuff.gif) no-repeat 10px 0px; }

/* sub nav */
.subNavHolder {
	background: #FFF;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
}
.subNav { width: 180px; padding: 0px 0px 20px 0px; }

.subNav li { display: inline; }

.subNav li a, .subNav li a:link, .subNav li a:visited {
	display: block;
	width: 150px;
	margin: 0px;
	padding: 7px 10px 7px 20px;
	color: #000;
	line-height: 15px;
	background: url(../images/list-icon.gif) no-repeat 11px 12px;
}
.subNav li a:hover, .subNav li a:active, .subNav li a:focus, .subNav li a.current, .subNav li a.current:visited {
	background: url(../images/list-icon-pink.gif) no-repeat 11px 11px #ff6666;
	color: #FFF;
	text-decoration: none;
}

/* kids sub nav hover state */
#kids-stuff li a:hover, #kids-stuff li a:active, #kids-stuff li a:focus, #kids-stuff li a.current, #kids-stuff li a.current:visited {
	background: url(../images/list-icon-yellow.gif) no-repeat 11px 11px #f5e242;
	color: #000;
}

/* interactive promo */
.interactivePromo {
	width: 160px;
	padding: 10px 10px 14px 10px;
	margin: 0px;
	background: url(../images/interactive-tile.png) repeat-y top left;
}
.promoImage {
	width: 160px;
	height: 94px;
	padding: 0px 0px 10px 0px;
}
.promoImage a, .promoImage a:link, .promoImage a:visited {
	border: 2px solid #333;
	width: 156px;
	height: 90px;
	display: block;
}
.promoImage a:hover, .promoImage a:focus, .promoImage a:active {
	border: 2px solid #FFF;
}

h5.anatomy, h5.the-deep, h5.the-squid-files, h5.build-a-squid, h5.anatomy a, h5.the-deep a, h5.the-squid-files a, h5.build-a-squid a {
	padding: 0px 0px 0px 0px;
	width: 160px;
	height: 40px;
	text-indent: -3000px;
	display: block;
	background: none;
}
h5.anatomy a { background: url(../images/h5-anatomy.png) no-repeat top left; }

h5.the-deep a { background: url(../images/h5-the-deep.png) no-repeat top left; }

h5.the-squid-files a { background: url(../images/h5-the-squid-files.png) no-repeat top left; }

h5.build-a-squid a { background: url(../images/h5-build-a-squid.png) no-repeat top left; }

.interactivePromo p {
	padding: 10px 0px 10px 2px;
	color: #FFF;
}
.interactivePromo a.promoLink {
	padding: 0px 0px 0px 2px;
	margin: 0px;
	text-transform: uppercase;
	color: #FF6666;
	display: block;
}
.interactivePromo a.promoLink:visited {
	padding: 0px;
}

/* blog promo small */
.blogPromoSmall a, .blogPromoSmall a:link {
	display: block; 
	background: url(../images/blog-promo-small.gif) no-repeat top left;
	width: 180px;
	height: 112px;
	text-indent: -3000px;
	margin: 10px 0px 0px 0px;
}
.blogPromoSmall a:hover, .blogPromoSmall a:active {
	background: url(../images/blog-promo-small.gif) no-repeat 0px -112px; 
}

/* article page styles + kid page styles */
h2.pageTitle {
	width: 460px;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
	color: #333;
}
h2.kidsPageTitle {
	width: 460px;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
	color: #333;
}
.columnsHolder {
	background: url(../images/divider-tile-black.gif) repeat-x top left;
	width: 710px;
	margin: 15px 0px 0px 0px;
	padding: 20px 0px 0px 0px;	
}
.kidsColumnsHolder {
	background: url(../images/divider-tile-black.gif) repeat-x top left;
	width: 710px;
	margin: 5px 0px 0px 0px;
	padding: 20px 0px 0px 0px;	
}
.contentColumn {
	float: left;
	width: 430px;
	margin: 0px 40px 0px 0px;
}
.galleryColumn, .informationColumn {
	float: left;
	width: 240px;
}

/* content styles */
#content p {
	padding: 0px 0px 10px 0px;
	font-size: 13px;
	line-height: 24px;
	color: #333;
}
#content a, #content a:link {
	text-decoration: underline;
	font-weight: bold;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	padding: 14px 0px 10px 0px; color: #333; font-weight: bold;
}	 
#content h1 { font-size: 26px; }
#content h2 { font-size: 22px; }
#content h3 { font-size: 18px; }
#content h4 { font-size: 16px; }
#content h5 { font-size: 14px; }
#content h6 { font-size: 12px; }

#content ul, #content ol {
	color: #333;
	line-height: 18px;
	padding: 0px 10px 10px 10px;
}
#content ol {
	list-style: decimal outside;
	color: #333;
	line-height: 18px;
	padding: 0px 10px 10px 30px;
}
#content ol li {
	background: none;
	padding: 5px 0px 5px 2px;
}
#content li {
	padding: 5px 0px 5px 15px;
	background: url(../images/list-bullet.gif) no-repeat 0px 9px;
	line-height: 15px;
}
#content blockquote {
	line-height: 20px;
	color: #666;
	padding: 6px 20px 12px 20px;
}
#content blockquote p {
	font-size: 18px;
	line-height: 24px;
	color: #666;
}

/* inline link image + video icons */
span.imageLink {
	background: url(../images/link-image-icon.gif) no-repeat top right;
	margin: 0px 2px 0px 0px;
}
span.imageLink a {
	padding: 0px 20px 0px 0px;
}
span.videoLink {
	background: url(../images/link-video-icon.gif) no-repeat top right;
	margin: 0px 2px 0px 0px;
}
span.videoLink a {
	padding: 0px 18px 0px 0px;
}

/* exhibition section inline video links */
#content ul.exhibitionVideoList {
	padding-top: 10px;
}
#content ul.exhibitionVideoList li {
	list-style: none;
	background: none;
	padding-left: 0px;
}
ul.exhibitionVideoList li span.videoLink {
	background: url(../images/link-video-icon.gif) no-repeat top left;
	margin: 0px 0px 0px 0px;
}
#content ul.exhibitionVideoList li span.videoLink a {
	padding: 0px 0px 0px 20px;
	text-decoration: none;
}
#content ul.exhibitionVideoList li span.videoLink a:hover {
	text-decoration: underline;
}
#content h4.videoSectionTitle, #content h5.exhibitionPageTitle {
	line-height: 20px;
}
#content p.videoIntro {
	line-height: 20px;
}
.dividerLine {
	background: url(../images/divider-tile-black.gif) repeat-x 0px 10px;
	height: 15px;
	padding: 0px 0px 0px 0px;
	line-height: 1px;
	margin: 0px;
}

/* related articles */
#content .relatedArticles {
	padding: 20px 0px 0px 0px;
}
#content #kids-links {
	padding: 20px 0px 20px 50px;
}

#content .relatedArticles h6 {
	background: url(../images/h6-related-articles.gif) no-repeat top left;
	width: 150px;
	height: 15px;
	text-indent: -3000px;
}
#content #kids-links h6 {
	background: url(../images/h6-related-articles-kids.gif) no-repeat top left;
	width: 156px;
	height: 26px;
	text-indent: -3000px;
}
#content .relatedArticles ul {
	padding: 0px;
}
#content .relatedArticles ul li {
	background: none;
	padding: 0px 0px 5px 0px;
}
#content .relatedArticles a, #content .relatedArticles a:link {
	text-decoration: none;
	font-size: 12px;
}
#content .relatedArticles a:hover, #content .relatedArticles a:active, #content .relatedArticles a:focus, #content .relatedArticles a:visited {
	text-decoration: underline;
} 

/* gallery styles */
.galleryHolder, .downloadsHolder, .informationHolder {
	background-color: #eaeaea;
	width: 240px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 20px 0px;
}
h4.gallery {
	background: url(../images/h4-gallery.gif) no-repeat 10px 14px #FF6666;
	text-indent: -3000px;
	height: 45px;
	width: 240px;
}	
h4.downloads {
	background: url(../images/h4-downloads.gif) no-repeat 10px 14px #FF6666;
	text-indent: -3000px;
	height: 45px;
	width: 240px;
}
h4.resourcespink {
	background: url(../images/h4-resources-pink.gif) no-repeat 10px 14px #FF6666;
	text-indent: -3000px;
	height: 45px;
	width: 240px;
}
h4.information {
	background: url(../images/h4-information.gif) no-repeat 10px 14px #FF6666;
	text-indent: -3000px;
	height: 45px;
	width: 240px;
}
h4.kids-gallery {
	background: url(../images/h4-gallery-kids.gif) no-repeat 10px 14px #f5e242;
	text-indent: -3000px;
	height: 45px;
	width: 240px;
}	
h4.kids-downloads {
	background: url(../images/h4-downloads-kids.gif) no-repeat 10px 14px #f5e242;
	text-indent: -3000px;
	height: 45px;
	width: 240px;
}		
h5.images, h5.videos, h5.pdfs {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0px 10px 12px;
}
h6.galleryTitle {
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 10px 12px;
}
h6.galleryTitleBelow {
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0px 10px 12px;
}
.galleryHolder p, .downloadsHolder p, .informationHolder p {
	font-size: 11px;
	padding: 10px 10px 10px 12px;
	color: #333;
}
.downloadsHolder ul {
	padding: 0px 10px 0px 12px;
	color: #333;
}
.downloadsHolder ul li {
	padding: 0px 0px 5px 8px;
	font-size: 11px;
	line-height: 13px;
	background: url(../images/list-icon-downloads.gif) no-repeat 0px 4px;
}
.downloadsHolder ul li a {
	padding: 0px 5px 0px 0px;
}
.downloadSize {
	color: #666;
	font-size: 10px;
}
.kidsStuffPromoHolder {
	background: url(../images/kids-texture.gif) repeat-y bottom left #f5e242;
	width: 240px;
	padding: 0px 0px 14px 0px;
	position: relative;
}
h4.kidsStuffPromo a { 
	display: block;
	background: url(../images/h4-kids-stuff-promo.gif) no-repeat top left;
	width: 240px;
	height: 57px;
	text-indent: -3000px;
}
.kidsStuffPromoHolder h5.articleTitle {
	font-size: 14px;
	padding: 5px 80px 0px 16px;
	line-height: 16px;
	font-style: italic;
}
.kidsStuffPromoHolder h5.articleTitle a {
	color: #000;
}
.kidsStuffPromoHolder p {
	font-style: italic;
	color: #000;
	padding: 10px 70px 10px 16px;
}
.kidsStuffPromoHolder p a {
	color: #FF3333;
	font-weight: bold;
}
.kidsSquidPromo {
	background: url(../images/kids-squid-01.png) no-repeat top right;
	width: 90px;
	height: 218px;
	position: absolute;
	top: -10px;
	right: 0px;
}
.kidsSquidHeader {
	background: url(../images/kids-squid-01.png) no-repeat top right;
	width: 90px;
	height: 218px;
	position: absolute;
	top: 15px;
	right: 30px;
}
.kidsSquidFooter {
	background: url(../images/kids-squid-02.png) no-repeat top right;
	width: 70px;
	height: 230px;
	position: absolute;
	top: 0px;
	left: -20px;
}
.kidsSquidHolder {
	position: relative;
}

/* multibox */
.multibox {	padding: 0px 0px 0px 11px; }

.multibox a, .multibox a:link, .multibox a:visited {
	border: 3px solid #999;
	width: 63px;
	height: 63px;
	display: block;
	float: left;
	margin: 0px 5px 5px 0px;
}
.multibox a:hover, .multibox a:focus, .multibox a:active {
	border: 3px solid #FF6666;
}
.multiBoxDesc {
	display: none;
	font-size: 12px;
	line-height: 14px;
}

/* =ADDITIONS 
--------------------------------------------------- */



/* =FOOTER 
--------------------------------------------------- */

.footer {
	width: 950px;
	color: #FFF;
	padding: 10px 0px 20px 10px;
}
.footer .tepapaLogo { 
	float: left;
	background: url(../images/tepapa-logo-footer.png) no-repeat top left;
	width: 85px;
	height: 126px;
	margin: 8px 0px 0px 0px;
}
.footer .tepapaLogo a, .footer .tepapaLogo a:link {
	display: block;
	width: 85px;
	height:126px;
	text-indent: -3000px;
}
.footer a, .footer a:link, .footer a:visited {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover, .footer a:active {
	color: #FF6666;
	text-decoration: underline;
}
.linksHolder {
	float: left;
	padding: 15px 10px 0px 0px;
	width: 855px;
}
.homeLink {
	background: url(../images/divider-tile-black.gif) repeat-x bottom left;
	padding: 0px 0px 10px 3px;
	margin: 0px 0px 10px 0px;
}
.copyrightLink {
	padding: 10px 0px 0px 0px;
	font-size: 11px;
}
.sectionLinks {
	float: left;
	font-size: 11px;
	padding: 0px 0px 0px 3px;
}
.sectionLinks ul {
	float: left;
	width: 120px;	
}
.govtLinks {
	float: right;
	padding: 0px 10px 0px 0px;
	text-align: right;
	font-size: 11px;
}
.footer ul li {
	padding: 0px 0px 5px 0px; 
}

/* =FIXES 
--------------------------------------------------- */

.spacer { height: 0.01px; clear: both; font-size: 0.01px; line-height: 0.01px; }