/* 
-----------------------------------
-----------------------------------
Site:       www.musicinparks.co.nz
CSS author: Pauline Standen
Created:    24 November 2009
Updated by: 
-----------------------------------
-----------------------------------
*/

/* 
-----------------------------------
global
-----------------------------------
*/

body
{
 margin: 0;
 padding: 0;
 /*font: 81.25%/1.25 Arial, Helvetica, sans-serif;*/
 font: 75%/1.4 Arial, Helvetica, sans-serif;
 color: #333;
/* background-color: #fff;*/
background-color: #f9f9f9;
}

a:link { color: #6fb344; text-decoration:none;}
a:visited { color: #6fb344;  text-decoration:none;}
a:hover { color: #196533; text-decoration:underline; }
a:active, a:focus { color: #6fb344; text-decoration:none;}

img { border: none; }

h1.home{
 margin: 0 0 .5em;
 color: #fff;
 background-color:#196533;
 display: block;
 font-size:115%;
 padding:2px 20px;
}
h1{
 margin: 0 0 1px;
 color: #fff;
 background-color:#6fb344;
 display: block;
 font-size:115%;
 padding:2px 20px;
}
h2{
 margin: 0 0 .5em;
 color: #fff;
 background-color:#196533;
 display: block;
 font-size:110%;
 padding:2px 20px;
 clear:left;
}
h3{
 font-size:110%;
 padding-left: 20px;
}
h4, h5{
 font-size:100%;
 padding-left: 20px;
 font-weight: bold;
}
h5{
 margin-bottom: 0;
}
.clearBoth{
 clear: both;
 height: 1px;
}
p {padding-bottom: .5em}

#accesskeys{
	display:none;
}
/* 
-----------------------------------
wrapper
-----------------------------------
*/

#wrapper
{
 width: 980px;
 /*padding: 10px 25px;*/
 padding: 0;
 margin: 0 auto;
 background: #fff;

}
/* 
-----------------------------------
header
-----------------------------------
*/

#header { 
 position: relative;
 height: 144px;
 width:980px;
 padding:0;
 margin:0;
 background-color: #fff;
 
 }
 
 /* 
-----------------------------------
Navigation
-----------------------------------
*/
#navigation {
 width: 978px;
 background-color: #dae79c;
 border: 1px solid #c2db5d;
   overflow: auto;
}

#navigation ul{
 margin: 0;
 padding: 0;
/* float: left;*/
}

#navigation ul li{
 display: inline;
 list-style-type: none;
 font-size:120%
}

#navigation ul li a{
 float: left;
 display: block;
 color: #196533;
 text-decoration: none; 
 margin: 0;
 font-weight:bold;
}

#navigation ul li a:hover{
 color: #fff;
 background-color: #6fb344;
/* text-decoration: underline;*/
}
#navigation ul li a:hover span{
 background-color: #6fb344;
 border: 1px solid #6fb344;
}

#navigation ul li a span{
 display: block;
 padding: 5px 20px;
 background-color: #dae79c;
 border-top:1px solid #c2db5d;
 border-bottom:1px solid #c2db5d;
 border-left:1px solid #c2db5d;
 border-right:1px solid #eaf3c0;
}

#navigation ul li.current a{
 color: #fff;
}

#navigation ul li.current a:hover{
 color: #fff;
}

#navigation ul li.current a span { 
   background-color:#6fb344; 
 border: 1px solid #5f9f36;
}
/*
#navigation ul li.language a{
 background: none;
 padding-top: 6px;
 padding-left: 25px;
 color: #fff;
}
#navigation ul li.language2 a{
 background: none;
 padding-top: 6px;
 padding-right: 35px;
 color: #fff;
}
*/
 /* 
-----------------------------------
Breadcrumbs
-----------------------------------
*/
#breadcrumbs {
 clear:both;
 width: 900px;
 padding:4px 2px 1px 20px;
 font-size: 80%;
}

 /* 
-----------------------------------
content
-----------------------------------
*/

#content
{
 float: left;
 width: 700px;
 min-height: 700px;
 margin: 5px 0;
 /*padding: 15px 20px 0 20px;*/
 background: #fff;
 overflow:hidden;
}

#content p, #content ul{
 margin: 4px 0 4px 20px;
}

#content div.homeTwitter{
	float: left;
	width: 300px;
	background-color: #fff;
	margin:0;
	padding:0
}

#content div.homeFeature p, #content div.homeFeature ul {
 padding-right: 10px;

}
#content div.homeNews {
	float: left;
	width: 398px;
	margin: 0 2px 0 0;
	/*background-color: #d1e6f7;*/
	background-color: #fff;
}

#content div.featuredEvents {
 width: 698px;
  background-color: #fff;

}
#content div.searchResults {
 width: 688px;
  background-color: #fff;
}

#content div.searchResults div.listing {
 width: 688px;
 min-height: 120px;
 border-bottom: 3px solid #6fb344;
 margin-bottom: 8px;
 padding-bottom: 6px;
 margin-left: 12px;
 clear:both;
 overflow: auto;
 padding-right: 0;
 position: relative;
}
#content div.searchResults div.jazzattherotunda{
	 border-bottom: 3px solid #006899;
} 
#content div.searchResults div.summersounds{
	 border-bottom: 3px solid #ce5027;
} 
#content div.searchResults div.theculturegarden{
	 border-bottom: 3px solid #dcb406;
} 
#content div.searchResults div.moviesinparks{
	 border-bottom: 3px solid #852d69;
} 
#content div.searchResults div.image {
 float: left;
 width: 110px;
 margin: 2px 0 2px 0;
}
#content div.searchResults div.details {
 float: left;
 width: 420px;
 margin: 2px 2px 2px 0;
 padding-left: 0;
}
#content div.searchResults div.details h4{
	color:#196533;
}
#content div.searchResults div.details p.moreLink a.jazzattherotunda{
	color:#004c6c;
}
#content div.searchResults div.details p.moreLink a.summersounds{
	color:#a63011;
}
#content div.searchResults div.details p.moreLink a.theculturegarden{
	color:#ae8306;
}
#content div.searchResults div.details p.moreLink a.moviesinparks{
	color:#4d3363;
}
#content div.searchResults div.details h4.jazzattherotunda{
	color:#004c6c;
}
#content div.searchResults div.details h4.summersounds{
	color:#a63011;
}
#content div.searchResults div.details h4.theculturegarden{
	color:#ae8306;
}
#content div.searchResults div.details h4.moviesinparks{
	color:#4d3363;
}

#content div.searchResults div.buttons {
 float: right;
 width: 138px;
 margin: 2px 0 2px 0;
 text-align: right;
 padding: 0;
 position: absolute;
 right: 0px;
 bottom: 2px;
}

#content div.homeNews h2{
 padding-left: 12px;
}


#content div.homeNews div.listing, #content div.featuredEvents div.listing {
 width: 330px;
 min-height: 120px;
 border-bottom: 3px solid #6fb344;
 margin-bottom: 8px;
 margin-left: 8px;
 padding-bottom: 6px;

}
#content div.homeNews div.listing {
 width: 370px;
  margin-left: 20px;

}
#content div.featuredEvents div.listing {float: left; margin-left: 12px;}


#content div.homeNews div.noBorder, #content div.featuredEvents div.noBorder{ border-bottom: 0 solid #6fb344; padding-bottom: 2px;}

#content div.homeNews div.listing img, #content div.featuredEvents div.listing img, #content div.searchResults div.listing img {
 border: 1px solid #196533;
 margin: 2px 8px 2px 0px;
 float: left;
} 
#content div.searchResults div.buttons img{border:none; margin-right:0; padding-right:0; float:right;}

#content div.homeNews div.listing h4, #content div.featuredEvents div.listing h4{
 margin: 0 4px 2px 14px;
}
#content div.searchResults div.details h4 {margin: 0 4px 2px 0}

#content div.homeNews div.listing p, #content div.featuredEvents div.listing p, #content div.searchResults div.listing p{
 margin-top: 2px;
 margin-bottom: 2px;

}
p.moreLink{
 text-align: right;
 font-weight: bold;
 margin-right: 6px;
 padding-bottom: 0;
}

#content div.eventDetails{
 width: 686px;
 margin-bottom: 2px;
 padding-bottom: 2px;
 margin-left: 12px;
clear: both;
 overflow: auto;
 padding-right: 0;
/*position: relative;*/
}
#content div.eventDetails div.galleryImages{
	width: 340px;
	float: left;
	 margin: 2px 0px 2px 0;
	
	
}
#content div.eventDetails div.listingdetails{
		width: 334px;
	   float: left;
	    margin: 2px 2px 0 0;
}
#content div.tiles {
	margin: 0 0 0 20px;
}
#content div.tiles img {
	border: none;
	margin: 1px;
}
#content img.mainImg {
	margin-left: 6px;
	margin-bottom: 6px;
}
 /* 
-----------------------------------
search 
-----------------------------------
*/
/*div.searchBox{width:680px;}*/

div.searchBox form{
	margin: 0 0 8px 20px;
	padding: 2px;
	background-color: #dcdcdc;
	border: 1px solid #b9b868;
	
}



 /* 
-----------------------------------
Promo column
-----------------------------------
*/

#promo{
 float: left;
 width: 255px;
 margin: 5px 0 5px 25px;
 padding:0;
 
}
#promo h2 {padding-left:10px;}

#promo div.find{
 margin: 0 0 4px 0;
 padding: 0;
 width: 253px;
 border: 1px solid #9b9a9a;
 background-color: #dcdcdc;
 color: #196533;
}

#promo div.find form{
 margin:0 0 6px 0;
 padding:0;
}

#promo div.find h4{
 color: #196533;
 margin: 0 0 2px 14px;
 padding: 0;

}
#promo div.find p{
 margin: 0 14px 0 0;
}

#promo div.listing {
 width: 254px;
 min-height: 120px;
 background-color: #e2f0da;
 /*padding: 4px;*/
 margin-bottom: 4px;
  overflow: hidden;
}

#promo div.listing img {
 border: 1px solid #196533;
 margin: 8px;
 float: left;
} 
#promo div.listing h4{
 margin: 2px 4px 2px 14px;
 padding-top: 6px;

}
#promo div.listing p{
 margin-top: 2px;
 margin-bottom: 1px;

}

#promo p.moreLink{
 text-align: right;
 font-weight: bold;
 margin-right: 6px;
}

#promo img.socialLogo{

	margin: 0 16px 6px 10px;
	
}

 /* 
-----------------------------------
Footer
-----------------------------------
*/

#footer {
 clear:both;
 width: 980px;
 border: 1px solid #c7c6c6;
 background-color: #dcdcdc;
 color: #a5a5a5;
 height:24px;
 font-size:95%;
 margin: 10px 0;
}

#footer a:link { color:#a5a5a5; text-decoration:none;}
#footer a:visited { color:#a5a5a5;  text-decoration:none;}
#footer a:hover { color:#a5a5a5; text-decoration:underline; }
#footer a:active, a:focus { color:#a5a5a5; text-decoration:none;}

#footer div.left{
 float: left;
 width:440px;
 padding: 4px 5px 5px 20px;
}
#footer div.right{
 float:right;
 width:410px;
 padding: 4px 5px 5px 5px;
 background: url(/images/template/footerlogo2.jpg) no-repeat top right;
}



 /* 
-----------------------------------
Misc
-----------------------------------
*/

div.noBorder{border: 0px}
p, ul{
	font-weight: normal;
}

div#twitter_div ul
{
list-style-type: none;
margin-left: 0px;
padding: 2px 2px 2px 2px;
}
 
div#twitter_div ul li
{
list-style-type: none;
margin-left: 0px;
padding: 6px 0;
border-bottom: 3px solid #6fb344;
}
/*
--------------------------------------
email to a friend page
--------------------------------------
*/
#wrapperEmail{
	 width: 400px;
 /*padding: 10px 25px;*/
 padding: 0;
 margin: 0 auto;
 background: #fff;
}
#email{
	 float: left;
     width: 400px;
      min-height: 480px;
      margin: 5px 0;
	background-color:#ffffff; 
	border:1px solid #6fb344;
}

#email form{
	border: none;
	padding: 20px;
}

#email form input{
	width: 350px;
}
#email form input.chkBox{
	width: 20px;
}
#email form textarea {
	width: 350px;
}
#email form input.btnSubmit{
   width: 120px;
   float: right;
   margin-right: 4px;
	
}

.missing{
	background-color: #ecdbb4;
}

.important {
	color: #f00;
}

div.message{
	margin: 20px  20px 0  20px;
}
.userdata {
	color: #6fb344;
}

#content div.youTubeLeft{
  margin-left: 20px; 
}

#content div.youTubeRight{
  float:right;
  margin-left: 20px; 
  width: 340px;
}

/*maps*/

 .directions-form-container  h2 {
	border-bottom: 3px solid #6fb344;
}

.directions-form-container input, .directions-form-container select {
	border: 1px solid #196533;
}

.directions-output {
	border-top: 3px solid #6fb344;
}

 /*Logos*/
div.logos h5, div.logos p, div.logos img{
 padding-left: 0px;
}

#content div.logos p{
 margin-left: 0;
}
div.logos{

}
div.logosleft{width:130px;margin-left:20px; float:left;}
div.logosmiddle{width:300px; float:left; margin-left:10px;}
div.logosright{width:198px; float:left;margin-left:10px;}