@import url("cms.css");

/* --------------------------------------------------------------------------------- */
/* ---------- GENERAL ---------- */
/* --------------------------------------------------------------------------------- */

#bottom-left-internal ol{
margin:0 0 0 0;
padding:0 0 0 15px;

}
ol{
padding:0 0 0 15px;
margin:0;
}
ol.tracklisting{
padding:0 0 0 0px !important;
margin:0;
}
* {
	margin: 0;
}


html {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -77px; /* the bottom margin is the negative value of the footer's height */
	width:955px;
}


.push {
	height: 40px; /* .push must be the same height as .footer */
}

a:focus{
outline:none;
}
/* --------------------------------------------------------------------------------- */
/* ---------- BODY ---------- */
/* --------------------------------------------------------------------------------- */

body {
background-color:#1b1314;
background-image:url(../imgs/bg.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;

font-size:13px;
line-height:19px;
height:100%;
}


#top{
float:left;
display:inline;
margin:0;
padding:0;
width:955px;
height:418px;
}


.logo{
margin:0 0 0 300px;
padding:0;
float:left;
display:inline;
width:357px;
height:83px;
}
button {
	
	border: 0px solid #53bb87;
	height: 21px;
	width:37px;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
	color: #ffffff;
	background: #018a45;
	float: left;

			}

	
#overallLogin {
	color:#b7b8b8;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	float:left;
	padding:0 0 0 0;
	margin:25px 0 0 180px;
	width:285px;
	height:auto;
	padding: 0;
	}
#overallLogin .textInput {
color:#b7b8b8;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	display: block;
	width: 105px;
	padding: 2px 4px 3px 4px;
	border: solid 1px #aaadb2;
	margin-right: 5px;}

#overallLogin .inputCheck {
	vertical-align: middle;}

.verticalMiddle { 
text-align:right;
vertical-align: middle;
color:#b7b8b8;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif; }
.verticalMiddle a:link{ vertical-align: middle;
color:#b7b8b8;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif; }


#flash{
float:left;
display:inline;
margin:0 0 0 0;
padding:0;
width:960px;
height:299px;
}


.green{
color:#00a251;
font-weight:bold;
}


/* --------------------------------------------------------------------------------- */
/* ---------- NAVIGATION ---------- */
/* --------------------------------------------------------------------------------- */


#nav{
list-style:none;
float:left;
margin:0px 0 0 110px;
width:800px;
height:36px;
display:inline;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
z-index:9999;

}

#nav ul {
	list-style:none;
	margin:0px 0 0 0;
	padding:0;
	text-align:center;
	z-index:9999;
}

#nav li{
	float:left;
	display:block;
	margin:0;
	padding:0;
	height:36px;
	text-align:left;
}

#nav li a#home {
	display: block;
	width: 61px;
	height: 36px;
	background: url('../imgs/nav-home.gif') no-repeat;
	text-indent: -9999px;
}

#nav li a#about {
	display: block;
	width: 63px;
	height: 36px;
	background: url('../imgs/nav-about.gif') no-repeat;
	text-indent: -9999px;
}

#nav li a#bios {
	display: block;
	width: 49px;
	height: 36px;
	background: url('../imgs/nav-bios.gif') no-repeat;
	text-indent: -9999px;
}

#nav li a#listen {
	display: block;
	width: 62px;
	height: 36px;
	background: url('../imgs/nav-listen.gif') no-repeat;
	text-indent: -9999px;
}

#nav li a#watch {
	display: block;
	width: 65px;
	height: 36px;
	background: url('../imgs/nav-watch.gif') no-repeat;
	text-indent: -9999px;
}

#nav li a#programs {
	display: block;
	width: 86px;
	height: 36px;
	background: url('../imgs/nav-programs.gif') no-repeat;
	text-indent: -9999px;
}

#nav li a#concertdates {
	display: block;
	width: 113px;
	height: 36px;
	background: url('../imgs/nav-concertdates.gif') no-repeat;
	text-indent: -9999px;
}

#nav li a#photogallery {
	display: block;
	width: 115px;
	height: 36px;
	background: url('../imgs/nav-photogallery.gif') no-repeat;
	text-indent: -9999px;
}

#nav li a#store {
	display: block;
	width: 57px;
	height: 36px;
	background: url('../imgs/nav-store.gif') no-repeat;
	text-indent: -9999px;
}

#nav li a#contact {
	display: block;
	width: 78px;
	height: 36px;
	background: url('../imgs/nav-contact.gif') no-repeat;
	text-indent: -9999px;
}

#nav li a#home:hover {background: url('../imgs/nav-homeRoll.gif') no-repeat;}
#nav li a#about:hover {background: url('../imgs/nav-aboutRoll.gif') no-repeat;}
#nav li a#bios:hover {background: url('../imgs/nav-biosRoll.gif') no-repeat;}
#nav li a#listen:hover {background: url('../imgs/nav-listenRoll.gif') no-repeat;}
#nav li a#watch:hover {background: url('../imgs/nav-watchRoll.gif') no-repeat;}
#nav li a#programs:hover {background: url('../imgs/nav-programsRoll.gif') no-repeat;}
#nav li a#concertdates:hover {background: url('../imgs/nav-concertdatesRoll.gif') no-repeat;}
#nav li a#photogallery:hover {background: url('../imgs/nav-photogalleryRoll.gif') no-repeat;}
#nav li a#store:hover {background: url('../imgs/nav-storeRoll.gif') no-repeat;}
#nav li a#contact:hover {background: url('../imgs/nav-contactRoll.gif') no-repeat;}

/* --------------------------------------------------------------------------------- */
/* ---------- Drop downs ---------- */
/* --------------------------------------------------------------------------------- */



#nav li li, #navIndex li li {
background-image:none;
}
#nav li, #navIndex li { /* all list items */
height:36px;
float: left;
padding:0;
margin:0;
}
#nav li ul, #navIndex li ul { /* second-level lists */
position: absolute;
width: 145px;
margin-top:0px;
margin-left:13px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li, #navIndex li ul li {
text-align:left;
background-color: #74120c;
background-image:none;
height:24px;
width:145px;
margin:0;
line-height:25px;
border-left:2px solid #6b0707;
border-right:2px solid #6b0707;
border-bottom:2px solid #6b0707;
color:#ffffff;
z-index:9999;
	}
	
#nav li ul li a, #navIndex li ul li a {
display:block;
height:24px;
width:145px;
text-indent:5px;
}

#nav li ul li a:hover, #navIndex li ul li a:hover {
background-color: #460f09;
color:#ffffff;
}

#nav li ul ul, #navIndex li ul ul { /* third-and-above-level lists */
margin: -24px 0 0 145px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

#navIndex li:hover ul ul, #navIndex li:hover ul ul ul, #navIndex li.sfhover ul ul, #navIndex li.sfhover ul ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

#nav li:hover, #nav li.sfhover {
 position: static;
}

#navIndex li:hover ul, #navIndex li li:hover ul, #navIndex li li li:hover ul, #navIndex li.sfhover ul, #navIndex li li.sfhover ul, #navIndex li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;

}

#nav a, #navIndex a { background-color:#74120c; text-decoration: none;} 

#nav a:link, #navIndex a:link { color:#ffffff; text-decoration:none;} 

#nav a:visited, #navIndex a:visited { color:#ffffff; text-decoration: none;} 

#nav a:active, #navIndex a:active { color:#ffffff; text-decoration: none;} 

#nav a:hover, #navIndex a:hover { color:#ffffff; text-decoration: none;} 







/* --------------------------------------------------------------------------------- */
/* ---------- BOTTOM CONTENT ---------- */
/* --------------------------------------------------------------------------------- */

#bottom-left{
float:left;
display:inline;
margin:20px 0 0 55px;
padding:0 0 0 0;
width:428px;
height:auto;
}

#bottom-left p{
margin:0 0 15px 0;
padding:0;
}

#bottom-left form {
padding:0;
margin:0;
}

#bottom-left-internal{
float:left;
display:inline;
margin:20px 0 0 55px;
padding:0 0 0 0;
width:452px;
height:auto;
}

#bottom-left-internal p{
margin:0 0 15px 0;
padding:0;
}

#bottom-left-internal ul{

list-style:url(../imgs/bullet.gif);

list-style-position:outside;

margin:0 0 0 20px;

padding:0 0 0 0;

}

#bottom-left-internal li{

list-style:url(../imgs/bullet.gif);

list-style-position:outside;

margin:0 0 0 0;

padding:0 0 0 0;

}


.social-border{
float:left;
margin:0 0 10px 0;
padding:10px;
width:285px;
min-height:1px;
height:auto;
border:1px solid #333333;
}

#tweet-fb{
float:left;
display:inline;
margin:5px 0 0 50px;
padding:0 0 0 45px;
width:285px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
color: white;
}

#bottom-right{
float:left;
display:inline;
margin:50px 0 0 50px;
padding:0 0 0 35px;
width:285px;
min-height:225px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
}

#bottom-right p{
padding:0 0 15px 0;
}
#bottom-right-internal{
float:left;
display:inline;
margin:30px 0 0 50px;
padding:0 0 0 35px;
width:285px;
min-height:225px;
height:auto;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}


#cont{
margin:20px 0 0 55px;
width:713px;
float:left;
display:inline;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}

#gallery{
margin:0 0 50px 150px;
float:left;
}

#cont2{
padding:20px 55px 0 55px;
width:840 px;
float:left;
display:inline;
font-size:13px;

}
#cont3{
margin:20px 0 0 55px;
width:950px;
float:left;
display:inline;
}

#cont4{
margin:20px 0 0 55px;
width:950px;
float:left;
display:inline;

font-family:Arial, Helvetica, sans-serif;
}
#cont3 p{
margin:0 0 15px 0;
padding:0;
}
.audio2{
margin:20px 0 0 0px;
width:460px;
height:auto;
padding:0 0 0 0;
float:left;
display:inline;
}
.audio{
margin:20px 0 0 20px;
width:460px;
height:auto;
padding:0 0 0 0;
float:left;
display:inline;

}
.audioText p{
padding:0 0 15px 0;
}
.audioText{
margin:0 0 0 15px;
width:220px;
float:left;
display:inline;
}

#cont2 li{
font-size:11px;
}

#bottom-right2{
float:left;
display:inline;
margin:18px 0 0 45px;
padding:15px 0 0 35px;
width:285px;
min-height:225px;
height:auto;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}
.bottomCont{
float:left;
display:inline;
margin:40px 0 0 45px;
padding:0 0 0 0;
width:955px;
height:175px;
}
.bottom{
float:left;
display:inline;
margin:0 0 0 30px;
padding:0 0 0 0;
width:255px;
height:175px;
}
.bottom2{
float:left;
display:inline;
margin:0 20px 0 30px;
padding:0 0 0 0;
width:255px;
height:175px;
}

.bottom3{
float:left;
display:inline;
margin:0 0 0 20px;
padding:0 0 0 0;
width:255px;
height:175px;
}
.bottom p{
margin:0 0 0 10px;
}

 a:link, a:visited{
color:#e57702;
text-decoration:none;

}
a, a:hover{
color:#e57702;
text-decoration:underline;
}


.video-row {
	width: 840px;
	padding: 0 0 20px 0;
}

.video-container {
	width: 280px;
	float: left;
}


/* --------------------------------------------------------------------------------- */
/* ---------- FOOTER ---------- */
/* --------------------------------------------------------------------------------- */

.footerColour{
	background-color:#4b0705;
	margin:-9px auto;
	clear:both;
	font-size:10px;
	background-image:url(../imgs/footer.jpg);
	background-repeat:repeat-x;
	height:76px;
	font-family:Arial, sans-serif;
	color:#ffffff;
	
}



.footer a:link {
	color: #ffffff;
	text-decoration: underline;
}
.footer a:visited {
	color: #ffffff;
}
.footer a:hover, a:active {
	color: #ffda00;
	text-decoration: underline;
}


.leftFooter{
	float:left;
	margin:0 auto;
	padding:15px 0 0 0;
	}

.rightFooter{
	float:right;
	margin:0 auto;
	padding:15px 0 0 0;
	text-align:right;
	}
.footer{
	height:100%;
	margin:0 auto;
	text-align:center;
	height:100%;
	width:955px;
	
}


.orange{
color:#f27d01;
}



.media2{
margin:20px 0 0 0px;
width:192px;
padding:0 0 0 0;
float:left;
display:inline;
}
.media{
margin:20px 0 0 20px;
width:192px;
padding:0 0 0 0;
float:left;
display:inline;

}
.media p{
padding:10px 0 0 0;
}
.media2 p{
padding:10px 0 0 0;
}
.mediaText{
margin:10px 0 0 0;
width:192px;
float:left;
display:inline;
}

/* --------------------------------------------------------------------------------- */
/* ---------- CMS ---------- */
/* --------------------------------------------------------------------------------- */

.orange{
color:#f27d01;
}


.orangeBold{
font-weight:bold;
color:#f27d01;
}

ol{
list-style-type:decimal;
margin:0 0 0 20px;
}
ol li{
list-style-type:decimal;
padding:0 0 0 0;
margin:0 0 10px 20px;
list-style-position:inside;
}