

body {
  background-color: #bb9977;
}

.who {
	color: #000;
	font-family: Georgia, "Book Antiqua", palatino, serif;
	font-weight: bold;
	font-size: 14pt;
}

.H1a {
	font: italic bold normal 30px Georgia, "Times New Roman", Times, serif;
	color: #951;
	text-shadow: #555 0.05em 0.05em 0.01em;
}

.H2a {
	font: italic bold normal 25px Georgia, "Times New Roman", Times, serif;
	color: #951;
	text-shadow: #555 0.05em 0.05em 0.01em;
}

.H3a {
	font: italic bold normal 20px Georgia, "Times New Roman", Times, serif;
	color: #951;
	text-shadow: #555 0.05em 0.05em 0.01em;
}

.H4a {
	font: italic bold normal 1.2em Georgia, "Times New Roman", Times, serif;
	color: #951;
}

div.music-header {
   text-align: center;
   padding-bottom: 10px;
}

span.music-yr {
   font-family: Georgia, sans-serif;
   font-size: 34px;
   font-weight: bold;
   color: #951;
	text-shadow: #555 0.05em 0.05em 0.01em;
}

span.music-txt {
   font-family: Georgia, sans-serif;
   font-size: 30px;
   font-weight: bold;
   color: #951;
	text-shadow: #555 0.05em 0.05em 0.01em;
}

.promote {
	font: italic bold normal 60px Georgia, "Times New Roman", Times, serif;
	color: #951;
	text-shadow: #555 0.05em 0.05em 0.01em;
}


.bold {
	font: bold;
}

td.back {
  background-image:url('http://wonderlandranch.com/images/wlban3.gif');
}

 .bodytext {
 	text-align: justify;
 }

#top {
	padding:5px 12px 11px;
	margin:0;
}

#top ul {
	background-color: #951;
	list-style-type:none;
	margin:0;
#	padding:0 0 1px 0;
}

#top li {
	padding:0 12px;
	float:center;
	display:inline;
	font:bold 18px/28px Arial, Helvetica, sans-serif;
	margin:0;
	color:#3C72B0;
	background-color:transparent;
}


#top li a {
	color:#FFF;
	background-color:transparent;
	text-decoration:none;
	font-size: 16px;
}

.links A:link {font-weight:bold; color: #006600;}
.links A:visited {font-weight:bold; color: #006600;}
.links A:active {font-weight:bold; color: #006600;}
.links A:hover {font-weight:bold; font-size: 20; color: #af1e2d;}
/*.links A:hover {font-weight:bold; font-size: 20; color: #4466ee;}*/

.bands A:link {font-weight:bold; color: #951; text-decoration:none;}
.bands A:visited {font-weight:bold; color: #951; text-decoration:none;}
.bands A:active {font-weight:bold; color: #951; text-decoration:none;}
.bands A:hover {font-weight:bold; font-size: 20; color: #951; text-decoration:underline;}

td.sponsor {
   color: #000000;
   font-size: 16px;
	font-weight: bold;
}

a.sponsor {
   color: #2b2b2b;
   font-size: 16px;
	font-weight: bold;
   text-decoration: underline;
}

a.sponsor:hover {
   color: #951;
   font-size: 16px;
	font-weight: bold;
   text-decoration: underline;
}

.textbox {
	color: #000;
	font-weight: bold;
	font-size: 18px;
}

.answerbox {
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 10px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -300px; top: -400;

}

#dek {
  position: absolute; visibility: hidden; Z-INDEX:800;
  font-weight: bold;
  font-size: 22pt;
}

/* CSS Document */



/* mksite - All client specific. Typically  except Meerkat footer */
#mksite { width:800px; background-color: #ffffff; text-align: left; font-size: 10pt; }


/* mkbanner - Top banner */
#mkbanner { background-color: #b0b9be; color: #000000;  font-size: 14pt; margin-left: 0px; }

/* mktopnav - Top level navigation */
#mktopnav {background-color: #020202;margin-left: 0px; margin-right: 0px; width: 100%; }
#mktopnav ul { color:#eeeeee; vertical-align:middle;
          font-family:Verdana,Arial,Sans-Serif; font-size:12px; font-weight:bold;                   text-decoration:none;
          cursor:"hand"; margin:1px 1px 2px 2px; 
}
#mktopnav li {text-align:left; display:inline; margin-left: 30px; padding-left: 10px; padding-right: 10px;}
#mktopnav a {text-decoration:none; font-size:14px; color:#eeeeee; border:none;}
#mktopnav li a:hover { text-decoration:none; color: yellow; border:none; }
#mktopnav li.selected {color:#ffffff; background: #4E615F;  }




/* mkmain - All between top banner and footer */
#mkmain {width: 800px; min-height: 500px;}

/* mkleftnav - Left navigation. */

#mkleftnav {
	color: black;
	/*
   width: 150px;
	min-width: 150px;
	max-width: 150px;
   */
	background: ##bb9977;
	float: left;
	height: 100%;
	font-size: 10pt;  
}

#mkleftnav ul {
	padding-left: 10px;
   padding-right: 10px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	list-style: none;	
	
}
#mkleftnav li {
	padding-left: 0px;
	margin-top: 10px; 
	padding-bottom: 10px;
	/*border-bottom: 2px solid #8B97A8;*/
}

#mkleftnav li a:hover {
	padding-left: 0px;
	margin-top: 10px;  
	text-decoration:none;
	border-bottom: 2px dotted #336666; color: #af1e2d;
}

#mkleftnav li a {
	/*color: #00412d;*/
	color: #006600;
	text-decoration:none;
	font-weight: bold;
	font-size: 18px;
}

#mkleftnav li.selected a {color: #af1e2d;}

#mkleftnav li.selected {padding-left: 0px;
	margin-top: 10px; list-style: square inside;}

#mkleftnav h1 {font-size: 1.2em;
	padding-left: 10px;
	padding-right: 10px;
}

.mkleftnavsub li {margin-left: 10px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	list-style: disc;
}

#mkleftnav h2 {font-size: 9pt;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
}

#mkleftnav p {
  font-size: 8pt;	
  padding-left: 10px;
  padding-right: 10px;
}




#subsection2vis { display: none;}



/* mkbreakout - Optional breakout box. Typically News/current events or second column */
#mkbreakout {float: right; width: 180px; border: 1px solid #ccc;
padding: 5px;}
#mkbreakout h1 {background: #fff;
	color: #338d8d;
	border: 1px solid #338d8d;
	margin: 5px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	padding: .1em;
	text-align: center;
	
}


/* mkcontent - The core section where most user content is displayed  */
#mkcontent {margin-left: 10px; margin-right: 10px; font-size: 10pt; color: #000000;}

#mkcontent h1 {
	font-size: 18pt;
	font-family: Times New Roman, Times, serif;
	font-weight: bold;
	color: #4E615F;
}


#mkcontent h1old {
	font-size: 2em;
	padding: .5em;
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	background: #627875; 
	color: #fff;
	
}

#mkcontent h2 {font-size: 12pt; color: #4E615F; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;}
#mkcontent h3 {font-size: 10pt; color: #4E615F; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold;}
#mkcontent h4 {}
#mkcontent em {font-weight: bold; color: #d0412d;}
#mkcontent p {}
#mkcontent ul {}
#mkcontent li {}
#mkcontent a {color: #c0353d; text-decoration:none; border-bottom: 1px dotted #c0353d;}
#mkcontent a:hover {color: #c0353d; text-decoration:none; border-bottom: 1px solid #c0353d;}

.announcementbox {background: #e2e2e2;margin-left:10px; padding: 10px; border: #4E615F 3px solid;float: right; width: 250px; margin-bottom: 15px;}


/* mkcontent - The organization footer  */
#mkfooter {font-size: 10pt;background-color: #627875;text-align: center; font-family: Georgia, "Times New Roman", Times, serif; clear: both;}


#mksponsorbanners {
  width: 200px;
  float: right;
  background-color: red;
}



#totalwrapper {width: 1005px; margin: 0px auto; }
#corewrapper {float: left;}
#rightads {width: 200px;  float: right;}

#rightads {text-align: center; margin-left: 0px;}
#rightads ul {margin-left: 0px;}
#rightads li {list-style: none; margin-bottom: 10px;}
#rightads img {border: 0px; }
#rightads a.textlink   {display: none;}



/* ********* SPONSOR PAGE *************** */


.sponsorlist ul {vertical-align: middle;}
.sponsorlist li {list-style: none; margin-bottom: 10px;margin-left: 80px; padding-left: 10px; padding-right: 10px;  }
.sponsorlist .textlink A {font-size: 18pt;}

.sponsorlist li img {border: 0px; margin-right: 30px;}
.sponsorlist li img a {text-decoration:none;}




/*  ***********  HOME PAGE  *********************/

.hometext {
	FONT-SIZE: 11pt; COLOR: #5e7774; FONT-FAMILY: Verdana,Arial,Sans-Serif;}


#SeasonSchedule {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 300px;	
}

#SeasonSchedule p {
	font-size: 12pt;
	font-weight: bold;
}

#SeasonSchedule .title{
     font-family: Verdana, Arial, Sans-Serif; 
     font-weight:bold; 
     color:#BB082E;font-size: 11pt;	
}

#SeasonSchedule .date{
     font-family: Verdana, Arial, Sans-Serif; 
     color:#444444;	     
}

#SeasonSchedule .artist{
     font-family: Verdana, Arial, Sans-Serif; 
     color:navy;	
     font-weight: bold;
}

#SeasonSchedule table {
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 9pt;
}

#SeasonSchedule .abbrevline {
        font-family: Verdana, Arial, Sans-Serif;
        font-size: 9pt;
}


#SeasonSchedule .header a {
	font-size: 9pt;
	  color: blue;
}

#seasonSchedule .artist a {
	  color: navy;
	  font-weight: bold;
}


#SeasonSchedule .artistpast {
	 FONT-WEIGHT: normal; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Sans-Serif
}

#SeasonSchedule .artistpast A {
	  FONT-WEIGHT: normal; COLOR: #666666; FONT-FAMILY: Verdana, Arial, Sans-Serif
}

#mkeventdetail .eventname {
	font-family:Verdana,Arial,Sans-Serif; 
        color:#5E7774; 
        font-size:18pt; 
        font-weight:600;
}

#mkeventdetail .eventdate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color:#5E7774;
}

#mkeventdetail .eventlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

#mkeventdetail .eventshortdesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	text-align: justify;
}

td.photo
{
  padding: 10px 5px 10px 5px;
  text-align: center;
  vertical-align: bottom;
}

td.photo-title
{
  padding: 2px 5px 20px 5px;
  text-align: center;
}

div.photo-title, a.photo-title
{
  font-family: Arial, "Arial Black", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  text-decoration: none;
}

a.photo-title:hover, a.credit:hover
{
  text-decoration: underline;
  color: #006600;
}

a.photo
{
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #F5EDC9;
  text-decoration: none;
}

img.brdr
{
  /*border-color: #464646;*/
  border-color: #666666;
  border-style: ridge;
  border-width: 2px;
}

a.credit
{
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-variant: normal;
  font-size: 10px;
  text-align: right;
  color: #006600;
  text-decoration: none;
  padding: 5px 5px 0px 0px;
}

.abbrevline .eventdate {width: 60px; float: left; clear: both;}
.abbrevline .eventlink A{width: 230px; float: left;}
.abbrevline A:hover {
	background-color: #EEEEEE; BORDER-BOTTOM: #c0353d 1px solid; TEXT-DECORATION: none;}
