body {
 font-size:62.5%;
 font-family:Arial, Helvetica, sans-serif;
 background: url(../images/bg_new.jpg) top left repeat #d7d7d7;
 color:#000;
 padding:0;
 margin:0;}
 
hr {
 display:none;}

/*td.body {
	font-size:1.5em;}*/

/* GLOBAL
-----------------------------------------------------------------------------------------*/
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

.imgreplace {
  display:block;
  text-indent:-99999px;
 }
  

/* LINKS
--------------------------------------------------------------------------------------*/
a img{
 border:none;}

a:focus{
 outline:none;}

a,a:visited{
 color:#EC2932;
 font-weight:bold;
 text-decoration:none;
 cursor:pointer !important;}
 
.quicklinks a, .quicklinks  a:visited{
 color:#f16e9a;}
 
a:hover{
  color:#9561a8;
  text-decoration:underline;}

/* HEADINGS
--------------------------------------------------------------------------------------*/
b, strong {
	color:#006b6e;}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #9561a9;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #d31145;
}

h3 {
    position:relative;
  z-index:1000;}
h3.title-epsonews {
  background:url(../images/title_epso_news.png) no-repeat;
  width:107px;
  height:32px;}

h3.title-upcomingevents {
  background:url(../images/title_upcoming_events.png) no-repeat;
  width:153px;
  height:38px;}

h3.title-featmus {
  background:url(../images/title_featured_musician.png) no-repeat;
  width:153px;
  height:33px;}

h3.title-quicklinks {
  background:url(../images/title_quick_links.png) no-repeat;
  width:105px;
  height:23px;}
  
h3.title-cats {
	background:url(../images/title_cats_events.png) no-repeat;
	width:107px;
	height:34px;
}

h3.title-epsonl {
  background:url(../images/title_epso_newsletter.png) no-repeat;
  width:107px;
  height:17px;
  padding:0;
  margin:0;}

h3.title-knowbefore {
  background:url(../images/title_know_before_you_go.png) no-repeat;
  width:139px;
  height:12px;
  padding:0;
  margin:0;}

/* PAGE LAYOUT
--------------------------------------------------------------------------------------*/
#container {
  width:1072px;
  margin:0 auto;}

#wrapper {
  background:url(../images/bg-bottom.jpg) no-repeat bottom;
  width:750px;
  margin:0 auto;
  padding:0 0 12px 0;}

#header {
  background:url(../images/bg-header.jpg) repeat-y;
  padding:10px 15px 0 15px;}

#maincontent {
  background:url(../images/bg-header.jpg) repeat-y;
  padding:20px 15px 0 15px;
  z-index: 9999;}

#footer {
  padding:10px 0;
  width:750px;
  margin:0 auto;}

/* HEADER */
#header a.logocontent {
  background:url(../images/logo_new.png) no-repeat;
  width:349px;
  height:105px;
  display:block;
  margin:0 0 0 5px;}
  
 /* FIX LEFT PADDING IN IE*/
/*html*#header a.logocontent {
  margin:0 0 0 100px;
  padding:0 0 0 50px;}*/

#header ul#mainnav {
  padding:7px 0 14px 0px;
  margin:0;}

#header ul#mainnav li {
  list-style:none;
  margin:0;
  padding:0;
  display:block;
  float:left;
}

#header ul#mainnav li a {
  text-indent:-9999px;
  display:block;
  height:20px;
  float:left;
  margin-left: 2px;}

#header ul#mainnav li a.navseason {
  background:url(../images/nav_season.jpg) no-repeat 0% 0%;
  width:57px;
  margin-left: 3px}

#header ul#mainnav li a.navseason:hover {
  background:url(../images/nav_season.jpg) no-repeat 0% 100%;}

#header ul#mainnav li a.navseason-current {
  background:url(../images/nav_season.jpg) no-repeat 0% 100%;
  width:57px;}

#header ul#mainnav li a.navevents {
  background:url(../images/nav_events.jpg) no-repeat 0% 0%;
  width:50px;}

#header ul#mainnav li a.navevents:hover {
  background:url(../images/nav_events.jpg) no-repeat 0% 100%;}
  
#header ul#mainnav li a.navevents-current {
  background:url(../images/nav_events.jpg) no-repeat 0% 100%;
  width:50px;}

#header ul#mainnav li a.navtickets {
  background:url(../images/nav_tickets.jpg) no-repeat 0% 0%;
  width:55px;}

#header ul#mainnav li a.navtickets:hover {
  background:url(../images/nav_tickets.jpg) no-repeat 0% 100%;}
  
#header ul#mainnav li a.navtickets-current {
  background:url(../images/nav_tickets.jpg) no-repeat 0% 100%;
  width: 55px;}

#header ul#mainnav li a.navsponsors {
  background:url(../images/nav_sponsors.jpg) no-repeat 0% 0%;
  width:66px;}

#header ul#mainnav li a.navsponsors:hover {
  background:url(../images/nav_sponsors.jpg) no-repeat 0% 100%;}
  
#header ul#mainnav li a.navsponsors-current {
  background:url(../images/nav_sponsors.jpg) no-repeat 0% 100%;
  width: 66px;}

#header ul#mainnav li a.navmusicians {
  background:url(../images/nav_musicians.jpg) no-repeat 0% 0%;
  width:74px;}

#header ul#mainnav li a.navmusicians:hover {
  background:url(../images/nav_musicians.jpg) no-repeat 0% 100%;}

#header ul#mainnav li a.navmusicians-current{
  background:url(../images/nav_musicians.jpg) no-repeat 0% 100%;
  width: 74px;}
  
#header ul#mainnav li a.navmedia {
  background:url(../images/nav_media.jpg) no-repeat 0% 0%;
  width:49px;}

#header ul#mainnav li a.navmedia:hover {
  background:url(../images/nav_media.jpg) no-repeat 0% 100%;}

#header ul#mainnav li a.navmedia-current{
  background:url(../images/nav_media.jpg) no-repeat 0% 100%;
  width: 49px;}

#header ul#mainnav li a.navnews {
  background:url(../images/nav_news.jpg) no-repeat 0% 0%;
  width:43px;}

#header ul#mainnav li a.navnews:hover {
  background:url(../images/nav_news.jpg) no-repeat 0% 100%;}
  
#header ul#mainnav li a.navnews-current {
  background:url(../images/nav_news.jpg) no-repeat 0% 100%;
  width: 43px;}
 
#header ul#mainnav li a.navabout {
  background:url(../images/nav_about.jpg) no-repeat 0% 0%;
  width:45px;}

#header ul#mainnav li a.navabout:hover {
  background:url(../images/nav_about.jpg) no-repeat 0% 100%;}
  
#header ul#mainnav li a.navabout-current {
  background:url(../images/nav_about.jpg) no-repeat 0% 100%;
  width:45px;}

#header ul#mainnav li a.navgetinvolved {
  background:url(../images/nav_get_involved.jpg) no-repeat 0% 0%;
  width:86px;}

#header ul#mainnav li a.navgetinvolved:hover {
  background:url(../images/nav_get_involved.jpg) no-repeat 0% 100%;}
  
#header ul#mainnav li a.navgetinvolved-current {
  background:url(../images/nav_get_involved.jpg) no-repeat 0% 100%;
  width:86px;}

#header ul#mainnav li a.naveducation {
  background:url(../images/nav_education.jpg) no-repeat 0% 0%;
  width:70px;}

#header ul#mainnav li a.naveducation:hover {
  background:url(../images/nav_education.jpg) no-repeat 0% 100%;}
  
#header ul#mainnav li a.naveducation-current {
  background:url(../images/nav_education.jpg) no-repeat 0% 100%;
  width:70px;}

#header ul#mainnav li a.navfaqs {
  background:url(../images/nav_faqs.jpg) no-repeat 0% 0%;
  width:36px;}

#header ul#mainnav li a.navfaqs:hover {
  background:url(../images/nav_faqs.jpg) no-repeat 0% 100%;}
  
#header ul#mainnav li a.navfaqs-current {
  background:url(../images/nav_faqs.jpg) no-repeat 0% 100%;
  width:36px;}

#header ul#mainnav li a.navcontact {
  background:url(../images/nav_contact.jpg) no-repeat 0% 0%;
  width:61px;}

#header ul#mainnav li a.navcontact:hover {
  background:url(../images/nav_contact.jpg) no-repeat 0% 100%;}
  
#header ul#mainnav li a.navcontact-current {
  background:url(../images/nav_contact.jpg) no-repeat 0% 100%;
  width:61px;}

#header .bannercontent {
  margin:0 auto;
  width:720px;
  height:226px;
  z-index: 0;
  }
  
#header .topbarcontent {
  margin:0 auto;
  width:720px;
  height:116px;}

/* MAIN CONTENT */
#maincontent .lside {
  padding:0 0 0 35px;
  width:450px;
  float:left;}

#maincontent .lside .top {
  background:url(../images/bg-sectleft.gif) repeat-y left;
  width:450px;}

#maincontent .lside .box {
  float:left;
  width:174px;}
  
#maincontent .subpage {
  padding:0 0 0 35px;
  width:650px;
  float:left;}
  
#maincontent .block {
  margin-bottom:10px;
  min-height:32px;
  height:auto !important;
  height:32px;
  padding:0 0 0 25px;}

#maincontent .block h3 {
  padding:0 0 3px 0;
  margin:0;}

#maincontent .block h4 {
  padding:0 0 2px 0;
  margin:0;
  color:#0083a9;
  font-weight:normal;
  font-size:1.1em;}

#maincontent .block p {
  color:#000;
  font-size:1em;
  padding:0 0 2px 0;
  margin:0;}

#maincontent .block p span {
  display:block;}
 
#maincontent .lside .news {
  background:url(../images/icon-music1.jpg) left top no-repeat;}

#maincontent .lside .events {
  background:url(../images/icon-music2.jpg) left top no-repeat;}

#maincontent .lside .box2 {
  float:left;
  width:205px;}

#maincontent .lside .featmus {
  background:url(../images/icon-music3.jpg) left top no-repeat;}

#maincontent .lside .quicklinks {
  background:url(../images/icon-music4.jpg) left top no-repeat;}

#maincontent .lside .quicklinks a {
  display:block;
  padding:0 0 2px 0;}
  
#maincontent .lside .cats {
  background:url(../images/icon-music5.jpg) left top no-repeat;
  width:72px;
  height:12px;}
  
.outer_a{
	overflow:hidden;
	padding:0px;
	margin:0px;
	}
  
#maincontent .subpage p {
	font-size:1.2em;
	}
#maincontent .subpage table tbody tr td {
	font-size:1.1em;
	}
#maincontent .subpage table tbody tr td p {
	font-size:1.1em;
	}

#maincontent .subpage .title {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 2em;
	font-weight: normal;
	color: #b32317;
}

#maincontent .subpage .subtitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #0071bc;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}


#maincontent .subpage .bottom .text p {
  padding:15px 0 0 0;
  font-size:1em;
  margin:0;}
  
#maincontent .subpage form select.txtbox {
  padding:2px;
  margin:0;
  font-size:1em;
  background:#87b2e9;
  border:1px solid #2a190c;
  width:300px;
/*  float:left;*/
  margin-right:3px;}
  
#maincontent .subpage form input.txtbox {
  padding:2px;
  margin:0;
  font-size:1em;
  background:#c69c6d;
  border:1px solid #2a190c;
/*  float:left;*/
  margin-right:3px;}

.txtbox_global {
  padding:2px;
  margin:0;
  font-size:1em;
  background:#c69c6d;
  border:1px solid #2a190c;
/*  float:left;*/
  margin-right:3px;}
  
#maincontent .subpage form textarea.txtbox {
  padding:2px;
  margin:0;
  font-size:1em;
  background: url(../images/bg_new.jpg);
  border:1px solid #2a190c;
  width:300px;
/*  float:left;*/
  margin-right:3px;}
  
#maincontent .blocksignup {
  width:430px;
  float:right;
  clear:both;
  border-top:1px solid #c69c6d;
  border-bottom:1px solid #c69c6d;
  padding:15px 0;
  margin:15px 0;}

#maincontent .blocksignup p {
  padding:3px 0 ;
  margin:0;}

#maincontent .blocksignup form {
  padding:5px 0;
  margin:0;}

#maincontent .blocksignup form input.txtbox {
  padding:2px;
  margin:0;
  font-size:1em;
  background: url(../images/bg_main.jpg);
  border:1px solid #2a190c;
  width:114px;
  float:left;
  margin-right:3px;}

#maincontent .blocksignup form a.btnsignup {
  background:url(../images/btn-signup.jpg) no-repeat 0 0%;
  width:58px;
  height:19px;
  display:block;
  float:left;}

#maincontent .blocksignup form a.btnsignup:hover {
  background:url(../images/btn-signup.jpg) no-repeat 0 100%;}
  
#maincontent .blocksignup form a.btnsignup2 {
  background:url(../images/btn-signup2.jpg) no-repeat 0 0%;
  width:58px;
  height:19px;
  display:block;
  float:left;}

#maincontent .blocksignup form a.btnsignup2:hover {
  background:url(../images/btn-signup2.jpg) no-repeat 0 100%;}
  
  
#maincontent .subpage form {
  padding:5px 0;
  margin:0;}

#maincontent .subpage form input.txtbox {
  padding:2px;
  margin:0;
  font-size:1em;
  background:url(../images/bg_new.jpg);
  border:1px solid #2a190c;
  width:114px;
  float:left;
  margin-right:3px;}


  
#maincontent .subpage form a.btnsignup {
  background:url(../images/btn-signup.jpg) no-repeat 0 0%;
  width:58px;
  height:19px;
  display:block;
  float:left;}

#maincontent .subpage form a.btnsignup:hover {
  background:url(../images/btn-signup.jpg) no-repeat 0 100%;}
  
#maincontent .subpage form a.btnsend {
  background:url(../images/btn-send.jpg) no-repeat 0 0%;
  width:46px;
  height:19px;
  display:block;
  float:left;}

#maincontent .subpage form a.btnsend:hover {
  background:url(../images/btn-send.jpg) no-repeat 0 100%;}

#maincontent .blocksignup .nlbox {
  width:215px;
  background:url(../images/bg-divider.jpg) right 5px no-repeat;
  float:left;}

/* overridden by next styles */
/*#maincontent .blocksignup .kbox {
  float:right;
  width:205px;}
*/
/* Remove this if you put the EPSO newsletter box back on the index page */
#maincontent .blocksignup .kbox {
  width:215px;
  background:url(../images/bg-divider.jpg) right 5px no-repeat;
  float:left;}

#maincontent .subpage .kbox {
  float:right;
  width:205px;
  margin-top:15px;}
  
#maincontent .subpage .kbox p .signup {
	font-size:11px;}

#maincontent .bottom {
  width:430px;
  float:right;
  padding:10px 0 15px 0;}
  

#maincontent .bottom  .logos {
  width:250px;
  float:left;}

#maincontent .bottom  .logos a {
  display:block;
  float:left;
  padding:0 18px 0 0;
  margin:0;
  text-indent:-9999px;}

#maincontent .bottom  .logos a.logonational {
  background:url(../images/logo-national.jpg) no-repeat;
  width:44px;
  height:75px;}

#maincontent .bottom  .logos a.logotexas {
  background:url(../images/logo-texas.jpg) no-repeat;
  width:48px;
  height:74px;}

#maincontent .bottom  .logos a.logotexas2 {
  background:url(../images/logo-muse.jpg) no-repeat;
  width:100px;
  height:22px;
  margin-top:10px;}

#maincontent .bottom .text {
  float:right;
  margin: 0 0 10px 0;
  width:175px;}

#maincontent .bottom .text p {
  padding:0 0 0 0;
  margin:0;}

#maincontent .rside {
  float:right;
  width:226px;
  /*z-index: 9999;*/
  }

#maincontent .rside h4 {
  width:226px;
  height:308px;
  position:relative;
  top:-50px;
  background:url(../images/logo-sarah.png) no-repeat;
  z-index: 100 !important;}
  
/* FIX TOP OF SARAH HEIGHT IN IE*/
html*#maincontent .rside {
  padding-top:13px;
}
/*html*#maincontent .rside textcontent p.textblock {
  padding-top:10px;
}*/
#maincontent .rside .textcontent {
  position:relative;
  top:-80px;
  left:65px;
  display:block;
  z-index:1000 !important;}

#maincontent .rside .textcontent p.textblock {
  padding:0 0 0 5px;
  margin:0;
  color:#c69c6d;}

#maincontent .rside .textcontent p.textblock2 {
  padding:3px 0;
  margin:0 ;}

#maincontent .rside .textcontent p.textblock2 a {
  color:#006b6e;
  font-weight:normal;}

#maincontent .rside .textcontent p.textblock2 a:hover {
  color:#fff;}
  
  
.img_left {
	margin: 0 15px 15px 0;
	float:left;}
.img_right {
	margin: 0 0 15px 15px;
	float:right;}

/* FOOTER */
#footer p {
  color:#0083a9;
  margin:0;
  padding:0;}
  
#footer p.ltext {
  float:left;
  width:500px;}

#footer p.rtext {
  float:right;}

#footer p.rtext a {
  color:#8d8b00;}

#footer p.rtext a:hover {
  color:#e78b23;
  text-decoration:underline;}
  
.dontfillmeout {
	display:none;
}

/* MUSIC PLAYER STYLES */
.music_player_container {
	margin-top:15px;
}