@charset "UTF-8"; 
body{font:12px/17px Arial,Helvetica,sans-serif; color:#999; background:#0d0d0d; margin:0px auto; padding:0px; width:940px}
p{margin-bottom:20px}
p.no-marg-t{margin-top: 0px;}
h1{margin:0px 0px 10px; padding:0px; color:#ccc; font-size:22px}
h2{
	font-size:16px;
	margin:0px;
	padding:0px;
	color:#ccc
}
h3{font-size:14px; color:#ccc; margin:0px 0px 10px; padding:0px}
a{color:#7eafcc; text-decoration:none}
/* USE THE FOLLOWING TO ADD ICON TO LINKS */
/*
padding-right:18px; 
background:transparent url(icon_popup.gif) no-repeat center right; 
*/
a[href $='.pdf']{}
a[href $='.doc']{}
a[href ^='mailto:']{}
a[class ='popup']{}
a[class ='tickets']{}
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.qtr{width:215px; padding:5px; float:left}
.qtr.bdr{width:213px; border:1px solid #0d0d0d}
.half{width:445px; padding:5px; float:left}
.half.bdr{width:443px; padding:5px; border:1px solid #0d0d0d}
.half.bdr-l{width:444px; padding:5px; border-left:1px solid #0d0d0d}
.three-qtr{width:675px; padding:5px; float:left}
.three-qtr.bdr{width:673px; border:1px solid #0d0d0d}
.full{width:920px; float:left}
.full.bdr{width:918px; border:1px solid #0d0d0d}
.alpha{margin-left:5px}
.omega{margin-right:5px}
.float-left{float:left}
.float-right{float:right}
.position{margin:0px; padding:0px; font-size:12px; font-style:italic; color:#CCC}
.rating p{margin:0px 0px 15px 0px}
.login-table{width:215px}
.login-table td{padding:5px 0px}
.login-table td.right{text-align:right}
.audition-form-table{margin:0px; padding:0px; width:675px}
.audition-form-table td{padding:5px; width:145px}
.audition-form-table td #zip{width:65px}
/*.top-black-shade {
	background: url(../img/top-black-shade.jpg) repeat-x center top;
}*/
.dark-gray{background: #444;}
.title{ color: #7eafcc;}
.big-title {
	font-size: 36px;
	color: #7eafcc;
	padding: 10px 0px;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
#container .rating-table{width:215px; padding:0px; margin:0px}
#container .rating-table td{padding:5px}
.login-table td input.fields{margin:0px; padding:0px; width:145px}
.on-hold{/* for IE */ filter:alpha(opacity=30);  /* CSS3 standard */  opacity:0.3}
.scroll {
	overflow-y: auto;
}
.important {color:#CC6666}
.disclaimer {color:#CC6666; font-style:italic; font-size:smaller;}
.hidden {display: none;}
.s-top-10{margin-top: 10px;}
#header{width:940px; height:180px; background:url(../img/banner-w-BOS.jpg) no-repeat -10px -10px}

/* NAVIGATION */
#navigation{width:930px; padding:0px 5px; border-top:1px solid #0d0d0d; border-bottom:1px solid #0d0d0d; background:#333}
#navigation ul{float:left; list-style:none; margin:0px; padding:0px 5px}
#navigation ul li{float:left; margin:0px; padding:0px}
#navigation ul li a{display:block; line-height:35px; height:35px; float:left; padding:0px 8px; border-left:1px solid #0d0d0d; color:#999; text-decoration:none}
#navigation ul li a:hover{text-decoration:none; background:url(../img/a-hover.gif) repeat-x left bottom}

#navigation ul ul li a{display:block; float:left; padding:0px 5px; width:220px; background:#555; border:none; line-height:20px; height:20px; color:#ccc}
#navigation ul ul li a:hover{color:#ccc; background:url(../img/a-hover.gif) repeat-x left top; text-decoration:none}
#navigation ul ul{position:absolute; z-index:500; list-style:none; margin:35px 0px 0px 0px; padding:0px; width:230px; background:#555; border:1px solid #0d0d0d}

#navigation ul ul ul{position:absolute; top:27; left:100%}

div#navigation ul ul, 
div#navigation ul li:hover ul ul, 
div#navigation ul ul li:hover ul ul{display:none}

div#navigation ul li:hover ul, 
div#navigation ul ul li:hover ul, 
div#navigation ul ul ul li:hover ul{display:block}

/* CONTAINER */
#container{width:920px; padding:10px; background:#333; float:none}

/* FEATURED INFORMATION */
#featured-content{width:298px; height:298px; margin:0px 10px 0px 0px; overflow:hidden; padding:5px; float:left; border:1px solid #0d0d0d;}
#featured-content div {overflow-y: auto;}
#featured-content h2{margin:0px; color:#ccc; line-height:20px}
#featured-content p{margin:5px 0px 5px 0px}
#featured-content p.date{font-style:italic}
#featured-content #text{height:250px; overflow-y:auto}
#featured-content #featured-controller{width:299px; margin:5px 0px 0px -6px; height:20px; padding:5px; background:#444 url(../img/controller-bg.gif) repeat-x left 1px}
#featured-photo{width:600px; height:310px; float:left; margin:0px 0px 10px 0px}
#featured-photo #now-playing {
	height: 155px;
	width: 153px;
	margin-left: 447px;
	position: absolute;
	background: url(../img/Now-Playing.png) no-repeat;
}
#sponsors {margin-top: 15px; }

/*MEMBERSHIP INFORMATION*/
/* FOOTER */
#footer{border-top:1px solid #0d0d0d; padding:10px; width:920px; background:#333}
#footer a{margin:0px 5px}
#footer p{margin:0px}
#repeat{height:320px; overflow:hidden}
#nav{margin:287px 5px 0px 80px; position:absolute; z-index:888}
#nav a{border:1px solid #000; background:url(../img/controller-button.gif) repeat-x; text-decoration:none; margin:3px 5px 0px 5px; color:#FFF; height:15px; width:16px; padding-right:5px; padding-left:5px}
#nav a.hover{background:url(../img/controller-button-hover.gif) repeat-x}
#nav a.activeSlide{background:url(../img/controller-button-hover.gif) repeat-x; color:#FFF}
#nav a:focus{outline:none}

/******************************************
		    CONTACT PAGE
******************************************/

#contactForm .textColumn {
	width: 55px;
	float: left;
	text-align: left;
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}
#contactForm .inputColumn {
	width: 350px;
	float: left;
	/*	height:20px; */
	line-height: 20px;
	margin-bottom: 10px;
}
#contactForm .inputColumn input {
	width: 350px;
	background: #CCC;
	border-style: none;
}
#contactForm .inputColumn textarea {
	width: 350px;
	height: 100px;
	background: #CCC;
	border-style: none;
}
#contactForm  #SubmitColumn {
	width: 430px;
}
#contactForm #SubmitColumn #Submit {
	margin-left: 50px;
}
#spmFiller {
	display: none;
}
#username {
	width: 290px;
	margin: 2px 0px;
}
#password {
	width: 290px;
	margin: 2px 0px 4px;
}
