@charset "utf-8";
@import url("reset.css");
/* CSS Document */

/* Medford Jazz Main Style  */

/* --FONTFACE-- */

    .ff { font: 16px/15px times new roman, serif; color: #584631; font-weight: 600; } 
    .fff { font-family: times new roman, serif; font-size: 27px; color: #c9ad75; text-align: center;}


/* --Page Stytes-- */
body { background: #000 url(../images/re-header.jpg) repeat-x;}


a.oac img { border-right: #fff 1px solid; padding-right:60px; margin-right:45px;}
a.flyer img { border-left: #fff 1px solid; padding-left:60px; margin-left:45px;}


img.sched { margin-left:28px;}
p.para >img {float:left; margin: 0 15px 15px 15px;}
p.para >img.rgh {float:right; margin: 0 15px 15px 15px;}

div#nojs { background: #ffe597; padding:10px; position:absolute; z-index:999; width:930px; margin:-180px 0 0 140px; font-size:10pt;}

#nojs > ol { margin-top:5px;}
#nojs > ol li {margin-top:5px;}

/* --Main Divs-- */
div#wrapper {background: url(../images/bg1.jpg) no-repeat; margin:0 auto; width: 1095px; min-height: 900px;}
div#header {height: 210px;}
div#content {height:375px;}
div#top {padding-left: 38px;}
div#footer {}

/* --Main Styles-- */
h1 a.logo {float: left;display: block; width:157px; height:170px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; margin-top: 8px; margin-left: 110px;}

/* --Top Nav-- */
ul#nav {float: left; width: 610px; height: 85px; margin-top: 30px; margin-left: 80px;}
ul#nav li a { float: left;}
.eni {background: url(../images/nav.png) no-repeat; height: 85px; width:123px; background-position: 0 0; text-indent: -9999px; }
.eni:hover {background-position: 0 -85px; text-indent: -9999px; }
.eni:active {background-position: 0 -85px; text-indent: -9999px; }
.au {background: url(../images/nav.png) no-repeat; height: 85px; width:85px; background-position: -123px 0; text-indent: -9999px; }
.au:hover {background-position: -123px -85px; text-indent: -9999px; }
.cu {background: url(../images/nav.png) no-repeat; height: 85px; width:108px; background-position: -208px 0; text-indent: -9999px; }
.cu:hover {background-position: -208px -85px; text-indent: -9999px; }
.vr {background: url(../images/nav.png) no-repeat; height: 85px; width:99px; background-position: -316px 0; text-indent: -9999px; }
.vr:hover {background-position: -316px -85px; text-indent: -9999px; }
.ms {background: url(../images/nav.png) no-repeat; height: 85px; width:112px; background-position: -415px 0; text-indent: -9999px; }
.ms:hover {background-position: -415px -85px; text-indent: -9999px; }
.ss {background: url(../images/nav.png) no-repeat; height: 85px; width:83px; background-position: -527px 0; text-indent: -9999px; }
.ss:hover {background-position: -527px -85px; text-indent: -9999px; }

#nav { float: right;}
#nav li { float: left; position: relative; }
#nav li a { display: block;}
#nav li ul { display: none; padding-top:85px; position: absolute; left: 0; width: 134px; height:254px; background: url(../images/drpdwn.png) no-repeat;}
#nav li:hover ul { display: block; }
#nav li ul li { float: none; margin-top: 2px; }
#nav li ul li:first-child {font-size: 20px;}
#nav li ul li a { display: inline-block; float: none; margin-left: -5px; text-decoration: none; text-align: center;}
#nav li ul li a:hover {text-decoration: underline; }
#nav li ul li a { display: block; }

/* --Sub Nav-- */
ul.subnav {float: left; width: 600px; height: 48px; margin-top: 22px; margin-left: 107px;}
ul.subnav li a { float: left; margin-right: 10px;}
.sub1 {background: url(../images/submenu.png) no-repeat; height: 48px; width:135px; background-position: 0 0; text-indent: -9999px; }
.sub1:hover {background-position: 0 -48px; text-indent: -9999px; }
.sub2 {background: url(../images/submenu.png) no-repeat; height: 48px; width:135px; background-position: -135px 0; text-indent: -9999px; }
.sub2:hover {background-position: -135px -48px; text-indent: -9999px; }
.sub3 {background: url(../images/submenu.png) no-repeat; height: 48px; width:135px; background-position: -270px 0; text-indent: -9999px; }
.sub3:hover {background-position: -270px -48px; text-indent: -9999px; }
.sub4 {background: url(../images/submenu.png) no-repeat; height: 48px; width:135px; background-position: -405PX 0; text-indent: -9999px; }
.sub4:hover {background-position: -405px -48PX; text-indent: -9999px; }


/* --Content Section-- */
a.signup{background: url(../images/sprite_email_new.png) no-repeat; background-position: 0 0; height: 249px; width: 170px; margin-left: 960px; margin-top: -640px; display: block;}
a.signup:hover {background-position: 0 -249px; height:309px;}

ul.social {width: 103px; min-height: 42px;}
ul.social li a {}
.fb {margin-top:10px;margin-bottom: 15px;display: block;background: url(../images/sprite.png) no-repeat; height: 42px; width:102px; background-position: 0 0; text-indent: -9999px; }
.tr {margin-bottom: 15px;display: block;background: url(../images/sprite.png) no-repeat; height: 42px; width:102px; background-position: 0 -42px; text-indent: -9999px; }
.yt {display: block;background: url(../images/sprite.png) no-repeat; height: 42px; width:102px; background-position: 0 -84px; text-indent: -9999px; }

div#panel {width:717px; float: left; height:293px; margin-left: 162px; margin-top: -115px; position: relative;}
div#panel h3 a {width:717px; height:293px; display: block; text-indent: -9999px; background: url(../images/panel_2011.jpg) no-repeat;}

/* -- Band Slider-- */
div#band {padding:0px;}
div#fade {background: url(../images/fade.png) repeat-y; height:300px; z-index: 12; width: 1095px; position:absolute; margin-top: 250px;}
div#lineup { background: url(../images/lineup.png) no-repeat; width: 186px; height: 278px; z-index: 24; position: absolute; margin-left: 853px; margin-top: 83px; padding-top: 83px; padding-left:26px;}

a.flyer{ background: url(../images/flyer.png) no-repeat; width: 151px; height: 228px; z-index: 24; 
position: absolute; margin-left: 960px; margin-top: -810px; padding-top: -150px; display: block; }

ul.bandpic {height:287px; width:700px;margin-top: 0px; margin-left:150px;}
ul.bandpic li {width:155px; float: left; margin-right: 10px;}
.nfo-wrap {width: 717px;}
.left { float: left;}
.right {width: 315px; float: left; margin-left: 20px; padding-top: 10px;}
.right span.a { background: url(../images/flourish.jpg) no-repeat; width:315px; height: 27px; display: block;}
.right span.b {position: absolute; top:225px; background: url(../images/flourish.jpg) no-repeat; width:315px; height: 27px; display: block; background-position: 0 -27px;}
.nfo {color: #c9ad75; font-size: 14px; line-height: 14px; width: 305px; margin-top: 5px; margin-left:5px;}
.right a.fff {position: absolute; top:250px; color: #c9ad75; font-size: 25px; width: 315px;text-decoration: none;}
.right a:hover {text-decoration: underline;}

/* Most common stuff you'll need to change */

	.coda-slider-wrapper { padding: 0px 0 }
	.coda-slider {}
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 1095px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 1095px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {}
	
	/* Tab nav */
	.coda-nav ul li a.current { background: #39c }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding:5px 20px 20px 20px; }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	
	.coda-nav ul li.tab1 a {background: url(../images/sprite.png) no-repeat; width:110px; height: 23px; display: block; text-indent: -9999px; background-position: 0px -126px;}
	.coda-nav ul li.tab1 a:hover {background-position: 0px -233px;}	
	.coda-nav ul li.tab2 a {background: url(../images/sprite.png) no-repeat; width:110px; height: 23px; display: block; text-indent: -9999px; background-position: 0px -149px;}
	.coda-nav ul li.tab2 a:hover {background-position: 0px -256px; width:110px; height: 23px;}	
	.coda-nav ul li.tab3 a {background: url(../images/sprite.png) no-repeat; width:110px; height: 23px; display: block; text-indent: -9999px; background-position: 0px -172px;}
	.coda-nav ul li.tab3 a:hover {background-position: 0px -279px;}	
	.coda-nav ul li.tab4 a {background: url(../images/sprite.png) no-repeat; width:110px; height: 38px; display: block; text-indent: -9999px; background-position: 0px -195px;}
	.coda-nav ul li.tab4 a:hover {background-position: 0px -302px;}	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left;margin: 0 auto; }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left {}
	.coda-nav-right {}
	.coda-nav-left a {background: url(../images/la.png) no-repeat; display: block; text-indent:-9999px; width:60px; height:161px; position: absolute; z-index: 999; margin-top:90px; margin-left:120px; }
    .coda-nav-right a {background: url(../images/ra.png) no-repeat; display: block;text-indent:-9999px; width:60px; height:161px; margin-top:87px; position: absolute; z-index: 23; margin-left:808px;  }
/* -------------------NSIDE PAGES ----------------------------------------------------------------------------------------------- */

div#nwrapper {background: url(../images/nside_bg.jpg) no-repeat; margin:0 auto; width: 1095px; min-height: 900px;}
div#paper {background: url(../images/paper_rpt.jpg) repeat-y;width:785px; float: left; min-height:570px; margin-left: 131px; margin-top: 0px; position: relative;}
#pgt { background: url(../images/pg-top.jpg) no-repeat; padding-top:51px; width:776px; height:42px; margin-left: 130px;display:block; margin-top: -156px; }
h2 span#pgt{ color:#eee4d5; font-size: 24px; font-weight:600; text-align:center;text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
#pgb { background: url(../images/pg-bot.jpg) no-repeat; width:776px; height:73px; margin-left: 131px;display:block; margin-bottom:20px;}
a.hide { display:none; text-indent:-9999px;}

#phz { background: url(../images/jzphoto.jpg) no-repeat; width:778px; height:850px; margin-left: 130px;display:block; margin-top: -156px; }
#maps { background: url(../images/jazzmap.jpg) no-repeat; width:778px; height:850px; margin-left: 170px;display:block; margin-top: -156px; margin-bottom:20px; }
#paper h2{ color:#403631; font-size: 24px; text-align:center; margin-bottom:15px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
#paper h2.red{ color:#eee4d5;background: url(../images/h2bg.jpg) no-repeat;padding-top:7px; height:30px; margin-top:35px; font-size: 24px; text-align:center; margin-bottom:15px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
#paper h4{ color:#403631; font-size: 20px; text-align:center; margin-bottom:15px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
#paper h5{ color:#403631; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
#paper h5.red {color:#a90e11;}
#paper h6{padding: 0 50px 0 40px; color:#403631; font-size: 14px; text-align:center; margin-bottom:15px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
#paper h3{ color:#403631; font-size: 15px; text-align:center; margin-bottom:15px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
#paper h3.tk{ color:#a90e11; font-size: 18px; text-align:left; margin-bottom:5px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
#paper h3.warn{ color:#f6f0e9; background: url(../images/redbg.png) repeat-y; padding:8px; font-size: 15px; text-align:center; margin-bottom:15px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
#paper p{margin-bottom:10px; font-family: Times New Roman, Garamond, serif;}
#paper p.para{ padding: 0 50px 0 40px; color:#443a2b; font-size:14px; font-weight:200; margin-bottom:10px;}
#paper p.parac{ padding: 0 50px 0 40px; color:#443a2b; font-size:12px; font-weight:200; margin-bottom:10px; text-align:center;}
#paper a {color:#a90e11;}
p.quote {font-style:italic; font-size:20px; font-weight:600; margin-bottom:5px; padding:0 40px 0 45px;}
p.quote acronym { margin-top:-5px; padding-left:5px; color:#a90e11;}
.sm {font-size:11px; font-weight:bold; padding: 0 25px 0 40px;}

#paper h6.lower {text-transform:lowercase;}
a.pf {background: url(../images/photobg.jpg) no-repeat;float:left; width: 394px; height:424px; text-indent:-9999px; display:block; margin-left:0px; background-position: 0px 0px; }
a.pd {background: url(../images/photobg.jpg) no-repeat; float:left; width: 382px; height:424px; text-indent:-9999px; display:block; background-position: -394px 0px; }

div.yp h6 {color:#a90e11;}
div.yp p{padding: 0 50px 0 40px; font-size:16px; text-align:center;}
.bold {font-weight:bold;}
#paper .lod {padding: 0 10px 0 40px;}
#paper .lod  h4, #paper .lod  h3 {text-align:center;}
#paper .lod  {float:left; width:250px;} 
#paper .lodp {float:left; width:430px; font-size:16px; padding: 0px 20px 0 0; margin-bottom:10px;} 
div.tickets{
	float:left;
	width:500px;
	margin-bottom:10px;
	min-height:120px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 50px;
}
#paper .tickets h3{ color:#403631; font-size: 16px; margin-bottom:10px; text-align:left;}
#paper .tickets h4{ color:#a90e11; font-size: 14px; margin-top:10px; margin-bottom:10px; text-align:left;}
#paper .tickets h5.prices{ color:#403631; font-size: 15px; margin-bottom:10px; text-align:left;}

#paper  .tickets form {margin-top:10px;}
#paper  .tickets h5.small {font-size:8pt}
#paper .float {float:left;}

ul.spon1 {margin-left:70px; width:650px; min-height:50px; overflow:auto;}
ul.spon1 li {margin-bottom:30px; float:left; width:216px; height:150px; margin-left:250px;}
ul.spon {margin-left:70px; width:650px; min-height:50px; overflow:auto;}
ul.sponx {margin-left:110px; min-height:50px; overflow:auto;}
ul.sponxv {margin-left:70px; min-height:50px; overflow:auto;}
ul.spon li {margin-bottom:30px; float:left; width:216px; height:150px;}
ul.spon li.first {margin-bottom:30px; float:left;margin-right:1px;}
ul.spon li.last {margin-bottom:30px; float:left; width:216px;}

ul.sponx li.xt {margin-bottom:10px; float:left; padding:5px 0px; width:300px; margin-right:20px;}
ul.sponx li.xt h5 {font-size:10pt;}
ul.sponxv li.xtv {color:#403631; float:left; font-family:Times New Roman,Garamond,serif; font-size:8pt; font-weight:700; margin-bottom:10px; margin-left:40px; padding:0; text-transform:uppercase; width:300px; }


ul.paypal li{padding: 0 50px 0 40px;}
ul.paypal li form{float:left; margin-right: 25px; padding-top:15px;}
ul.paypal li p {width:500px; float:left;}
ul.paypal li p acronym { font-weight:bold; font-size: 26px; font-family: Times New Roman, Garamond, serif;}
div.theboard {padding: 0 40px 0 95px;}
ul.bdir { width:320px; float:left; margin-bottom:20px; }
ul.ticks {margin-left:25px; width:320px; float:left; margin-bottom:20px; }
ul.bdir  li {font-weight:bold; color:#443a2b; font-size: 18px; text-align:center; }
ul.ticks  li {font-weight:bold; color:#443a2b; font-size: 18px; text-align:center; }
ul.bdir  li  p{font-weight:bold; color:#443a2b; font-size: 13px;}
ul.ticks  li  p{font-weight:bold; color:#443a2b; font-size: 13px;}

#footer {margin:0 auto; height:30px; padding:5px 0 0px 0px; text-align:center;}
#footer h2 {color:#858585; font-size:12px; font-weight:100; margin-top:15px;}
#footer h2 a {color:#be9856;}
#footer h2 a:hover{color:#ffc600;}
.clear {clear:both;}

h2 acronym {color:#a90e11;}
p acronym {color:#a90e11;}

#paper span.divide {display:block; clear:both; margin:20px 0 20px 70px; width:642px; height:7px; background: url(../images/divd.png) no-repeat; }

/*--- Form Styles ---*/

#contact p, label, legend, #formy p, label, legend { font-size: 16px; font-family: Times New Roman, Garamond, serif;}

#contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; }

#contact, #formy { display: block; margin-left: 10px; margin-top:50px;}
#contact label img{margin-top:5px; margin-left:150px;}

#formy .smallfont{font-size: 10px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}

#contact form, #formy, #contact { margin-left: 25px;}
#formy, #contact  {border: 1px #897d71 solid; padding:10px; width:700px;}
#formy p {text-align:center;font-size: 18px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
#formy fieldset p{text-align:center; font-size: 16px; margin: 0px; margin-bottom: 10px; margin-top: 10px;}
#contact fieldset p{ display: inline-block; margin-bottom:15px; float: left; height: 30px; line-height: 30px; width: 650px;font-size: 18px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
/* Form style */
#contact label { display: inline-block; margin-bottom:15px; float: left; height: 30px; line-height: 30px; width: 340px;font-size: 22px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
#formy label{ display: inline-block; min-width:170px; margin-bottom:15px; height: 18px; line-height: 30px;font-size: 18px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif;}
#contact input, textarea, select {min-height:25px;font-family: Times New Roman, Garamond, serif;  width: 200px; margin: 0; padding: 3px; color: #666; background: #f3ece0; border: 1px solid #403631; margin: 5px 0; font-size: 20px;}

textarea#comment{min-height:65px;font-family: Times New Roman, Garamond, serif;  width: 200px; margin: 0; padding: 3px; color: #666; background: #f3ece0; border: 1px solid #403631; margin: 5px 0; font-size: 16px;}   
#formy input, textarea{height:15px;font-family: Times New Roman, Garamond, serif; padding: 3px; color: #666; background: #f3ece0; border: 1px solid #403631; margin: 5px 0; font-size: 18px;}
#formy select { height:20px; font-family: Times New Roman, Garamond, serif; color: #666; background: #f3ece0; border: 1px solid #403631; margin: 5px 0; font-size: 13px;}
#contact input:focus, textarea:focus, select:focus { border: 1px solid #403631; color:#333; }
#contact input.submit{float:left; margin-left:80px; border: none; height:45px; width:221px; cursor: pointer; background:#444 url(../images/submit.jpg) no-repeat 0px 0px; color:#fff; text-indent:-9999px; }
#formy input.submit{float:left; margin-left:80px; border: none; height:45px; width:221px; cursor: pointer; background:#444 url(../images/submit.jpg) no-repeat 0px 0px; color:#fff; text-indent:-9999px; }
#formy input.reset, #contact input.reset{float:left; margin-left:50px; border: none; height:45px; width:221px; cursor: pointer; background:#444 url(../images/reset.jpg) no-repeat 0px 0px; color:#fff; text-indent:-9999px; }
#contact input.submit:hover, #formy  input.submit:hover{ background: url(../images/submit.jpg) no-repeat 0px -45px;; }
#formy  input.reset:hover, #contact input.reset:hover{ background: url(../images/reset.jpg) no-repeat 0px -45px;; }
#contact fieldset legend { font-weight:bold; color:#000; margin-bottom:0 !important; margin-bottom:20px; font-size: 24px; }
#formy .state{width:80px; margin-left:-92px;}
#formy .msg{width:497px; height:50px;}
#formy .short, #contact.short{font-size:14px; font-weight:bold;}
#formy .shortz{font-size:10px; font-weight:bold;}
#formy .zip{margin-left:-65px;}
#contact span.required{ font-size: 24px; color: #a90e11; margin-right: 5px; } /* Select the color of the * if the field is required. */
#formy span.required { font-size: 18px; color: #a90e11; margin-right: 5px; }
#message { margin: 10px 0; padding: 0; }
#formy label.up {}
.error_message { width: 550px; margin-left:80px; display: block; line-height: 22px; background: #fbe2d2 url(../assets/error.gif) no-repeat 15px 5px; padding: 3px 10px 3px 40px;  border: 1px solid #a90e11;}

ul.error_messages { margin: 0 0 0 25px; padding: 0; list-style-type: disc; }
ul.error_messages li { height: 15px; margin-bottom:5px;  color:#333;  font-size: 14px; text-transform:uppercase; font-family: Times New Roman, Garamond, serif; }

div.maps {margin-left:0px;}

.loader { padding: 0 10px; }
#contact #success_page h1 { background: url(../assets/success.gif) left no-repeat; margin-left:150px; padding-left:20px; border: none;}
#contact #form fieldset input#verify{height:30px}
#formy #centr {margin-left:180px; padding:0px;}
#formy #centr label img{margin-top:8px; float:left;}
#contact #success_page { width: 550px; margin-left:80px;}
#contact #success_page p { text-align:center;}