﻿/*body {
	background: #ffffff url('ADayInPompeii/background.jpg') repeat-x;
	font-family: arial, helvetica, sans-serif; 
}*/

/*links*/
a 			{color: #CC9900;}  /* Pompeii orange */
a:link 		{color: #CC9900;}
a:active 	{color: #CC9900;}
a:visited 	{color: #D16B21;}
a:hover 	{color: #E37425; text-decoration: underline;} /* medium gray*/

.header {
	background: #3a2800 url("Paperskin/Paperskin-header-background.jpg") no-repeat left top;
	border-bottom: 0px;
	margin-bottom: 0px;
}



/* ------------------------------------------*/
/* >>>>>>>>>>>>> HEADER     <<<<<<<<<<<<<<<<-*/
/* ------------------------------------------*/ 
/*.header {
	background: #3a2800 url("ADayInPompeii/Pompeii.header.background.jpg") no-repeat left top;
	border-bottom: 0px;
	margin-bottom: 0px;
}

.header .logo{
	background: transparent url("ADayInPompeii/tepapa-logo.png") no-repeat left top;
}

.headerinner {
	background: transparent;
	height:112px;
}
.header .searchintranet {
margin-top: 76px; *//* needs to be updated because we are hiding the gloablnav. Makes the search move up */
/*}*/

/* ------------------------------------------*/
/* >>>>>>>>>>>>> MAIN NAV   <<<<<<<<<<<<<<<<-*/
/* ------------------------------------------*/ 
/*	#mainnav li a {
		background: #e7e7e7 url("ADayInPompeii/mainnavItem.gif") no-repeat 0 0;	
		}
	#mainnav li a.selected {
		background: #e7e7e7 url("ADayInPompeii/mainnavItem.gif") no-repeat 0 -60px;	
	}
	
	#mainnav li a:hover {			
		background: #e7e7e7 url("ADayInPompeii/mainnavItem.gif") no-repeat 0 -60px;	
	}
*/
/* -----------------------------------*/
/* >>>>>>>>>>>>> Breadcrumb <<<<<<<<<<<<<<<<-*/
/* -----------------------------------*/ 

.breadcrumb {
	background: transparent none repeat scroll 0 0;
	border-bottom: 0px;
}
.breadcrumb li {
	color: #333333;
	/*background:transparent url("ADayInPompeii/breadcrumbArrowPompeii.jpg") no-repeat scroll right center;*/
}
.breadcrumb li.last {color: #000000; font-weight: bold;}
.breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited {
color:#333333;
text-decoration:none;
}

/* -----------------------------------*/
/* >>>>>>>>>>>>> subnav  <<<<<<<<<<<<<<<<-*/
/* -----------------------------------*/ 
td.sidenav,
.sidenav  {
	padding-top: 113px;
	background: transparent url('ADayInPompeii/ADayInPompeii.nav.logo.png') no-repeat scroll left top;
}

td.sidenav ul, .sidenav ul {
	border-top: 0px;
}

td.sidenav li li,
	.sidenav li li {
		padding-left: 18px;
		background: transparent url('ADayInPompeii/Pompeii-leftnav.png') repeat-y top left;
		margin-top: 2px;
		margin-left: -20px;
}
td.sidenav a.selected,
.sidenav a.selected {color: #FFFFFF; cursor: default; font-weight: bold; background: transparent url('ADayInPompeii/Pompeii-leftnav-parent-active.jpg') repeat-y top -18px; }

td.sidenav li,
.sidenav li {
	list-style-type: none;
	border-bottom: 0px solid #e7e7e7;
	padding-left: 14px;
	background: transparent url('ADayInPompeii/Pompeii-leftnav-parent-active.jpg') repeat-y;
	margin-top: 1px;
	line-height: 1.3em;
	padding-bottom: 3px;
}
	td.sidenav li a,
	.sidenav li a {
		color:#fff;
	}
	
	.sidenav li a:hover,
	.sidenav li a:visited:hover,
	.sidenav li a:hover:visited,
 {
		color:#E37425;
		background: transparent url('ADayInPompeii/Pompeii-leftnav-parent-active.jpg') repeat-y top -18px;
	}

	.sidenav li a:visited {
		color: #fff;
	}


/* -----------------------------------*/
/* >>>>>>>>>>>>> Content <<<<<<<<<<<<<<<<-*/
/* -----------------------------------*/ 

h1, h2, h3 {
	font-family: Georgia, 'Times New Roman', Serif;
}
h2.title {
	font-size: 2em; /* 24px */
	color:#e38025; /* Pompeii orange */
	font-weight: normal;
	font-style:italic;
	margin-bottom: 13px;
	padding-bottom: 0px;
	border-bottom: 1px #e38023 solid;
}
h2.topmargin {
	clear: left;
	padding-top: 8px;
}
h1 { /*hiding the title of pages, so that we can put quotes above. We have to use the h2 to fake h1 in the page 
because the h1 title is not differentiated */
	display: none;			
}

h2 {
	color: #BD5123;
	font-size: 1.6em;
	padding-bottom: 7px;
}

h3 {
	color: #372800;
	font-size: 1.3em;
	padding-bottom: 0px;
	font-weight: normal;
}

h3 a {
	font-family: Georgia, 'Times New Roman', Serif;
	color: #372800;
	text-decoration: none;
}  /* Pompeii orange */
h3 a:link 		{color: #372800; text-decoration: none;}
h3 a:active 	{color: #372800; text-decoration: none;}
h3 a:visited 	{color: #372800; text-decoration: none;}
h3 a:hover 	{color: #E37425; text-decoration: underline;}

h4 {
	color: #000000;
	font-size: 1em;
	font-weight: bold;
}

table.pompeii td {
	background-color: #F6DFBD;
}

#MSO_ContentTable table td, #MSO_ContentTableFull table td  {border: 2px solid #FFF; padding: 8px 10px 0px 10px; }

.whatsOnRollup li {
	padding:0 0 2px;
}

/******** landing page **********/

.yellowhalf {
	background-color: #f6dfbd;
	padding: 15px;
	float: left;
	width: 201px;
}

.whitehalf {
	padding: 15px;
	float: left;
	width: 201px;
}


/*********** events page *************/

.listItem {
	background-color: #F6DFBD;
	padding: 9px 9px 0px 9px;
}

.listItem p {font-size: 1em; margin-bottom: 0px;}
.listItem img {
	padding: 2px;
	margin-right: 10px;
	border: 1px solid #eaeaea;
	float: left;
}
.listItemLink {
	font-family: Georgia, 'Times New Roman', Serif;
	margin-bottom: 5px;
}
.listItemLink a, .listItemLink a:link, .listItemLink:active, .listItemLink:visited {
	text-decoration: none;
}
.listItemLink a, .listItemLink a:link, .listItemLink:active {
	color: #372800;
}
.listItemLink:hover {
	text-decoration: underline;
}

.eventLocationTime {
	margin-bottom: 0px;
	font-weight: bold;
}

/********** object pages ***********/

.thumbnails img {
	border: 6px solid #F6DFBD;
	margin-right: 3px;
	margin-bottom: 3px;
}

/********** gladiators ************/

.gladiator {
	width: 400px;
	background-color: #F6DFBD;
	padding: 10px;
	display: none;
}


/* ---------------------------------------------*/
/* >>>>>>>>>>>>> Right sidebar <<<<<<<<<<<<<<<<-*/
/* ---------------------------------------------*/ 


.webpart {
	margin-top: 0px;
	margin-bottom: 0px;
}

.webpart p, .webpart a {
	background-color: #fff;
	padding: 0px;
}

.webpart a {
	text-decoration: underline;
}

.webpart h3 {
	margin-top: 0;
}

.mediawebpart, .mapwebpart {
	padding: 0 9px 10px 9px; /* reduced padding for IE6 compatibility */
	background: #F6DFBD;
	width: 230px;
	margin-bottom: 10px;
	padding: 9px;
}

.mediawebpart h3, .mapwebpart h3 {
	border-top: 0px;
	background: transparent none;
	color: #3a3003;
	padding-left: 0;
}

.mediawebpart img {
	margin-left: -14px;
}
.mediawebpart a, .mediawebpart p, .mapwebpart a, .mapwebpart p {
	background: #F6DFBD;
	padding-left: 0px;
}

.insidewebpart, .eventsItemContainer {
	padding: 0 9px 10px 9px; /* reduced padding for IE6 compatibility */
	border: 1px #7f7f7f solid;
	background: #FFFFFF;
	width: 230px;
	margin-bottom: 10px;
}

.insidewebpart {
	margin-top: 0px;
}

.insidewebpart h3, .eventsItemContainer h3  {
	padding-bottom: 2px;
	border-top: 0px solid #5ca038;
	padding-left: 10px;
	margin-left: -9px;
	margin-right: -9px;
	margin-bottom: 8px;
	background: #e58028 url('ADayInPompeii/h3.standard.background.png') repeat-y left top;
	color: #3a3003;
}

.insidewebpart h3 a:link,
	.insidewebpart h3 a:hover, 
	.insidewebpart h3 a:active, 
	.insidewebpart h3 a:visited {
	color: #3a3003;
	text-decoration: none;
	background: transparent none;
}

.imageWebpart {border-top: none; margin-left: 0; margin-right: 0; width: auto;}
.imageWebpart img {
	/*margin: 10px 0 5px 0;*/
	max-width: 250px;
}
.imageWebpart div{color: #666; font-size: 1em; margin-top: 0px; margin-bottom: 10px; }

/************** Specific webparts on the homepage ******************/

.eventsItemContainer h3 {
	background: #e58028 url('ADayInPompeii/h3.events.text.background.png') repeat-y left top;
	text-indent: -3000px;
}
span.date {
	font-size: 1em;
	color: #000;
	font-weight: bold;
	margin-bottom: 0px;
}
.eventsItemContainer p {
	font: normal 1em/1.5 Arial, Helvetica, sans-serif;
	color: #333;
}

.insidewebpart h3.sponsors {
	background: #ffffff url('ADayInPompeii/h3.sponsors.text.background.png') no-repeat right top;
	height: 34px;
	position: relative; 
  	top: -6px; 
  	display: block;
  	padding-top: 6px;
  	text-indent: -3000px;
}
.insidewebpart h3.followusonline {
	background: #e38025 url('ADayInPompeii/h3.followusonline.text.background.png') repeat-y left top;
	text-indent: -3000px;
}



/********* Map webpart on objects pages ****************/
/*.mapwebpart {
	border: 1px #7f7f7f solid;
	background: #FFFFFF;
	width: 250px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.mapwebpart h3 {
	padding-bottom: 2px;
	border-top: 0px solid #5ca038;
	padding-left: 10px;
	background: #fffefd url('ADayInPompeii/h3.standard.background.png') repeat-y left top;
	color: #3a3003;
}
.mapwebpart p {
	padding-left: 10px;
}
*/

/* -----------------------------------*/
/* >>>>>>>>>>>>> Footer <<<<<<<<<<<<<<<<-*/
/* -----------------------------------*/ 

.footer {
	background: #5ca038 url(img/footerBG.gif) repeat-x left top;
	float: left;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 10px;
	position: relative;
}

.footer {
	background: #27080B url("ADayInPompeii/Pompeii-footer-background.png") no-repeat center top;
}
.footerflourish, .footerflourishhome  {
  display: none; 
}
.footer .nzgovt {
	background: url("ADayInPompeii/nzgovt.logo.orange.matte.jpg") no-repeat left top;
}
.footer li {
	border-right: 1px solid #e1c4c6;
}


