/* Murray Little & Angel Share Music Main CSS Styles*/

/* ............................................. * Layout Stlyes */

*{padding:0; margin:0;}
body 	{	
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/bg1.jpg);
	background-repeat: repeat-y repeat-x; 
	margin: 20px 0 0 0;
	}
		
#website {
	width:795px;
	text-align:left;
	position:relative;
	padding-top: 0;
	}	

#header {	
	background-image:url(../images/header.gif);
	background-repeat:no-repeat;
	width: 795px;
	height: 190px;
	padding-top: 0;
	}


/* ............................................. /* Tab Menu Styles */
     .tab_menu {	
	width: 795px;
	}

     .tab_menu ul {	
	  padding: 0px 0 0 275px;
	  list-style-type: none;
	}

     .tab_menu li {
     	 list-style-type: none;
	}

/* br 	{
 	clear:both;
	} */

/* ............................................. /* Menu Styles */

#menu 	{	
	background-image:url(../images/menu.gif);
	background-repeat:no-repeat;
	width: 795px;
	height: 54px;
	}


/* ............................................./* Content Stlyes */

#content	{
	width: 795px;
	background-image:url(../images/body.gif);
	background-repeat:repeat-y;
	padding-top: 1px;
	}

#center_text {
	font-size:12px;
	line-height:16px;
	color: #000000;
	text-align: justify;
	padding: 0px 75px 0 75px;
	}

#center_text_h {
	font-size:12px;
	color: #000000;
	text-align: justify;
	padding: 5px 45px 0px 45px;
	}

.caption{font-style:italic;color:#887;}
.demo{position:relative;margin-top:2em;}

.galleria{list-style:none;width:750px}
.galleria_wrapping img{border:15px; solid#ff0000;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
	#main_image{margin:0 auto 60px auto;height:438px;width:700px;background:#FEF1D8;}
	#main_image{margin:0 auto 60px auto;height:394px;width:630px;background:#FEF1D8;}
	#main_image img{margin-bottom:10px;}

.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; text-align: center; font-weight:bold;}



/* ............................................. /* Text Stlyes */

h2 	{
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	font-style: italic;
	letter-spacing: 0.15em;
	color:#6a4c42;
	border-bottom: 2px solid #6a4c42;
	margin: 20px 75px 5px 75px;
	text-align: left;
	}


h3
	{
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-family: "trebuchet ms", sans-serif;
	font-style: normal;
	text-align: center;
	font-size: 1.1em;
	}

ol	{
	font-size: 13px;
	color: #ff000;
	margin: 0 0 0 260px;
	}

   ol a:link {font-size: 13px; color:#005826;}
   ol a:visited {font-size: 13px; color:#EA9016;}
   ol a:hover {font-size: 13px; color:#1368AA;}  

   .left_text {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #443a05;
	line-height: 20px;
	padding: 0px 20px 0 35px;
	}

   .left_header {
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.25em;
	font-family: "trebuchet ms", sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #005826;
	line-height: 20px;
	border-bottom: 2px solid #005826;
	}


      .may_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#1368AA;
	padding: 0 0 0 150px;
	}

p 	{
	font-family:verdana;
	font-size:12px;
	line-height:16px;
	color: #291a05;
	color: #000000;
	text-align: justify;
	margin: 0 75px 10px 75px;
	}

li	{text-align: left;
	margin: 0 0 0 80px;
	}

      .text_1 	{
	font-weight: bold;
	font-style: italic;
	color: #235b68;
	text-align: justify;
	}

      .text_2 	{
	font-weight: bold;
	font-style: italic;
	color: #6a4c42;
	text-align: left;
	}

       .left_headings {
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	color: #0E4875;
	padding:28px 20px 0px 35px;
	}

      .quote_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#7B5C33;
	padding: 0px 20px 10px 40px;
	}

      .contact {
	font-size:12px;
	line-height:12px;
	color: #291a05;
	text-align: justify;
	}

      .music_headings {
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	color: #EA9016;
	}

      .dates {
	font-size:14px;
	font-weight:bold;
	color: #1368AA;
	}

      .note {
	font-size:12px;
	font-style:italic;
	text-align: justify;
	line-height:16px;
	color: #291a05;
	}

      .cd_desc {
	font-size:13px;
	line-height:16px;
	text-align: left;
	color: #291a05;
	}

     .header_grn {
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	color: #005826;
	}

      .table_header {
	font-size:14px;
	font-weight:bold;
	line-height: 14px;
	color:#005826;
	}

      .table_header_small {
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	color: #533711;
	}

      .schedule {
	font-size:13px;
	line-height:18px;
	color: #291a05;
	text-align: justify;
	}


      .subtitle_org{
	font-size:14px;
	font-weight:bold;
	color: #EA9016;
	margin: 0px 75px 20px 75px;
	}

      .subtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#235b68;
	margin-bottom: 15px;
	}

      .subtitle_blue {
	font-size:14px;
	line-height:16px;
	color: #1368AA;
	}

      .subtitle_red{
	font-size:14px;
	line-height:16px;
	color: #EE1C23;
	}

      .gallery_numbers{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	}

      .quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	color:#7B5C33;
	padding: 10px 20px 10px 20px;
	}

      .justify {
	text-align: justify;
	}

a:link {
	font-family:verdana;
	font-size:12px;
	line-height:16px;
	font-weight: bold;
	color: #7B5C33;
	color: #005826;
	color: #EA9016;
	text-decoration: none;
	}

a:visited {
	font-family:verdana;
	font-size:12px;
	font-weight: bold;
	line-height:16px;
	text-decoration: none;
	color: #EA9016;
	color: #005826;
	}

a:hover {
	font-family:verdana;
	font-size:12px;
	line-height:16px;
	font-weight: bold;
	text-decoration: none;
	color: #1368AA;
	}

      .subtitle_blue a  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	color: #7B5C33;
	text-decoration: none;
	}

      .subtitle_blue a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	text-decoration: none;
	color: #EA9016;
	}

      .subtitle_blue a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:16px;
	text-decoration: none;
	color: #EE1C23;
	}


/* ............................................. /* Misc  Stlyes */

      .pic	{
	margin: 0 0 0 10px;
	}

      .pic2	{
	margin: 0 20px 5px 0 ;
	}

     .mp3 {
	margin: 13px 0 0 0;
	}

/* ............................................. /* Footer Stlyes */

#footer 	{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #235b68;
	text-indent: 30px;
	line-height: 35px;
	background-image:url(../images/footer_e.gif);
	background-repeat:no-repeat;
	width: 795px;
	height: 54px;
	margin: 0 0 0 0;
	}

      .footer_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #235b68;
	letter-spacing: 0.1em;
	margin: 0 0 0 0px;
	}

      .footer_text a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #6a4c42;
	}

      .footer_text a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #235b68;
	text-decoration:none;
	}

     .footer_text a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8a8021;
	text-decoration:none;
	}