/* ----------------------------------------------------------------*/
/* >>>>>>>>>>>>> Styles specific to the homepage  <<<<<<<<<<<<<<<<-*/
/* ----------------------------------------------------------------*/ 

/* ---------- hex codes for colours -------- */
/* 	Green					#5ca038
	Yellow					#cc9933
	Black					#333333
	Light Blue				#0981a8
	Dakr blue 				#003366
	Light Grey				#eaeaea
	Med Grey				#b3b3b4
	
	Body Text				#333333
*/

#contentcontainer 
{
	width: 960px;
	margin-top: 7px;
}

h1 {position: absolute; left: -9999px;}


/* --- new design grid divs ---- */

a.headinglink, a.headinglink:visited, a.headinglink:hover, a.headinglink:active, a.headinglink:link {
	color: #fff;
}

#contentcontainer, #topleftbox, #rightbox, #activitiesforkids, #masterpromo
{
    margin-bottom: 15px;
}

#masterpromo
{
    height:236px;
    width:635px;
}

#whatson
{
    width:635px;
    overflow: auto;  
}

.whatsonbox, .latestnewsbox
{
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.whatsoncontents {
	height:170px;
	overflow:hidden;
}

#whatson p
{
	margin-left: 90px;
}

#whatson #events
{
    width:309px;
    float:left;    
    margin-right:15px;
    overflow: auto;  
	/*border-left: 1px solid #cccccc; */
}



#whatson #exhibitions
{
    width:309px;
    /*background-color:#5CA058;    */
    float:left;    
    overflow: auto;  
}

#topleftbox
{
    width:635px;
    margin-right:15px;
    float:left;
    overflow:auto;
}

#rightbox
{
    width:310px;
    float:right;
    overflow:auto;
}

#rightbox #open,
#rightbox #collections,
#rightbox .promo
{
    width:310px;
    margin-bottom:15px;
    float:right;
}

#rightbox .promo {
	overflow: hidden;
}

#latestnews
{
    width:310px;
    float:right;
    overflow:auto;
}

.latestnewscontents
{
	height: 345px;
	overflow: hidden;
}

#latestnews ul{
    /*border-left: 1px #cccccc solid;*/
    margin: 0 0 0 0;
	padding: 3px 17px 0px 17px;
}

#latestnews .newsnolink {
	color: #02799F;
}

#activitiesforkids
{
    width:310px;
    margin-right:15px;
    float:right;
    text-indent: -3000px;
}

a.homekahu {
	display: block;
	width: 310px;
	height: 168px;
	background: transparent url('../../../SiteCollectionImages/Homepage/Kahu-home.png') no-repeat;
}
a:hover.homekahu {
	background: transparent url('../../../SiteCollectionImages/Homepage/Kahu-home-hover.png') no-repeat;
}
a.homestoryplace {
	display: block;
	width: 145px;
	height: 96px;
	background: transparent url('../../../SiteCollectionImages/Homepage/StoryPlace-home.png') no-repeat;
	float: left;
}
a:hover.homestoryplace {
	background: transparent url('../../../SiteCollectionImages/Homepage/StoryPlace-home-hover.png') no-repeat;
}
a.homediscoverycentres {
	display: block;
	width: 165px;
	height: 96px;
	background: transparent url('../../../SiteCollectionImages/Homepage/Discovery-Centres-home.png') no-repeat;
	float: right;
}
a:hover.homediscoverycentres {
	background: transparent url('../../../SiteCollectionImages/Homepage/Discovery-Centres-home-hover.png') no-repeat;
}


#leftbox
{
    width:310px;
    margin-right:15px;
    float:left;
}

#links {
    border-bottom: 1px #cccccc solid;
	margin-bottom: 15px;
}

#blog, #links{
	padding: 0 17px 5px 17px;
	border-left: 1px #cccccc solid;
    background-color:#f5f5e7;
    float:left;
    width: 275px;
}

#blog ul{
	margin-left:0px;			
	padding-left:0px;
}

#blog ul li {
    background: #f5f5e7 url('img/blog_divider.gif') no-repeat center bottom;}
}

#links table {
	margin: 0 auto 15px auto;
}

#links table td {
	padding: 5px 5px 0 5px;
}

#links table td.nzmuseums {
	padding-left: 20px;
}

#links a img {
	position:relative;
	top:6px;
}

#sponsorcontainer {
/*	m-top: 15px; */
	color: #666;
	font-weight:bold;
	text-transform: uppercase;
	text-align:center;	
	float: left;
    width:310px;
}

#sponsors {
	height:100px;
    background-color:#5CA038;    
    float:left;
    width:310px;
}

#planyourvisit
{
    width:635px;
    float:left;
    background: #f5f5e7 url('img/panel-head-bgd-map.png') no-repeat;    
    border-bottom: 1px #cccccc solid;
	margin-bottom:20px;
}

/* New design heading styles */

h2 {
  font-weight: bold;
  font-size: 1.182em;
  text-transform: uppercase;
  padding: 1px 0 10px 17px;
  color: #ffffff;
}

.panel-head-link {
	float: right;
	text-transform: uppercase;
	padding: 2px 17px 0 0;
    font-size: 0.909em;
}

a.panel-head-link, a:link.panel-head-link, a:visited.panel-head-link, .panel-head-link a:active, .panel-head-link a:hover, .panel-head-link a:focus {
	color: #ffffff;
}


#whatson h2 {
	background: #ffffff url('img/panel-head-bgd-whatson.png') no-repeat;
}

#activitiesforkids h2 {
	background: #ffffff url('img/panel-head-bgd-kids.png') no-repeat;
}

#collections h2 {
	background: #ffffff url('img/panel-head-bgd-collections.png') no-repeat;
}

#latestnews h2 {
	background: #ffffff url('img/panel-head-bgd-news.png') no-repeat;
}

#leftbox h2 {
	background: #ffffff url('img/panel-head-bgd-blog.png') no-repeat;
}

#links h3, #blog h3 {
	border-bottom: 1px #656654 solid;
}

#whatson h3 {
	padding-left:17px;
}


/* ----- accordion, used for Events, Exhibitions and Latest news -----*/

.accordion {
	padding:0;
	list-style:none;
	margin: 0 17px 5px 17px;
}

.accordion li
{
	border-top: 1px solid #0283ac;
	padding-top: 2px;
	height:30px;
	overflow:hidden;
	background: transparent url('img/Plus-accordion.png') no-repeat scroll right top;
	line-height: 1.3;
}

.accordion li a, span.date {
	line-height: normal;  /* to fix the spacing between the date and the title */
}

.accordion li img {
	margin-top: 2px; /* to fix the image appearing too early in the news items in Firefox */
}

.whatsonimg {
	float:left; 
	overflow: hidden; 
	margin-right: 10px; 
	margin-bottom: 30px;
}


/* ------ OPEN ---------- */

#open img {
	float: left;
	margin-right: 5px;
}


/* ---- Collections random image ------ */

#collections .rndImage{
	border-left: 1px solid #cccccc;
	padding-bottom: 4px;
}

#collections .rndImageBox {
	text-align: center;
	padding-bottom: 2px;
}

#collections .rndLabelText {
	text-align: left;
	padding-left: 17px;
}

#collections .bottomline {
	padding: 2px 0 2px 17px;
	background: transparent url('/Style Library/TePapaResource/css/img/picture-library-bgd.png') no-repeat;
	color: #ffffff;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	text-align:left;
}

.bottomline a{
	color:#ffffff;
	font-size: 0.909em;
}


/********* Bottom sectionEnd links *********/

a.sectionEndLink, a.sectionEndLink:visited {
	display: block;
	text-align: right;
	padding: 17px 0px 3px 0px;
    color: #666;
	text-decoration: none;
	font-weight:bold;
	text-transform: uppercase;
}

a.sectionEndLink:hover, a.sectionEndLink:active, a.sectionEndLink:focus {
	text-decoration:underline;
	color: #02799F;
}

/************** Plan your visit box content *********************/

.greyborderleft {
	border-left: 1px #ccc solid;
	height: 258px;
}
#planyourvisit .planen, #planyourvisit .planma {
margin-left:17px;
float:left;
width: 142px;
display:block;
line-height: 1.3;
padding-bottom: 5px;
}

#planyourvisit .planma {
margin-left:15px;
margin-right: 200px;
}

#planyourvisit .greenline{
	margin: 5px 0px 0px 17px;
	border-top: solid 1px #5a932b;
	clear: left;
	width: 293px;
	height: 5px;
}

.addressicon, .emailicon, .phoneicon{
	border:0 none;
}

#planyourvisit .greenline .planen {
	margin-left: 0;
}

.addressicon{
	padding-left: 22px;	
	background: transparent url("/SiteCollectionImages/GenericSiteImages/PlanYourVisitIcons_Address.gif") no-repeat scroll left 3px;
	float:left;
}
.emailicon{
	height: 32px;
	background: transparent url("/SiteCollectionImages/GenericSiteImages/PlanYourVisitIcons_Mail.gif") no-repeat scroll left top;
	padding-left: 22px;	
	
}
.phoneicon{
	height: 20px;
	background: transparent url("/SiteCollectionImages/GenericSiteImages/PlanYourVisitIcons_Phone.gif") no-repeat scroll left top;
	padding-left: 22px;	
}

/******* Keep informed ***********/

span.oilspilllink {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	color: #fff;
	padding: 0px 5px 2px 5px;
	margin-bottom: 10px;
}

a.oilspilllink {
	color:#fff;
	background: #000;
	display: block;
}

#blog .sectionEndLink {
	padding-top: 0px;
}

.blogContainer {
	padding-bottom: 0;
}