@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;
}

* {
	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 120px;
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;
}

li#navHome a {
	text-indent:-999px;
	}
li#navHome, li#navHome a.rollover { 
	display:block;
	width: 57px;
	height:36px; 
	background:url(../imgs/nav-home.gif);
	
}
#navContHome li#navHome a, li#navHome:hover a.rollover {
	display:block;
	width: 57px; 
	height:36px; 
	background:url(../imgs/nav-homeRoll.gif);
	
}

li#navBio a {
	text-indent:-999px;
	z-index:9999;
	}
li#navBio, li#navBio a.rollover { 
	display:block;
	width: 47px;
	height:36px; 
	background:url(../imgs/nav-bio.gif);
	
}
#navContBio li#navBio a, li#navBio:hover a.rollover {
	display:block;
	width: 47px; 
	height:36px; 
	background:url(../imgs/nav-bioRoll.gif);
	
}


li#navAbout a {
	text-indent:-999px;
	}
li#navAbout, li#navAbout a.rollover { 
	display:block;
	width: 61px;
	height:36px; 
	background:url(../imgs/nav-about.gif);
	background-repeat:no-repeat;
}
<!--added in for about-->
li#navAbout ul li {
	background-image:none;
}

#navContAbout li#navAbout {
	display:block;
	width: 61px; 
	height:36px;
	background:url(../imgs/nav-aboutRoll.gif);
	background-repeat:no-repeat;
}

li#navAbout:hover a.rollover {
	display:block;
	width: 61px; 
	height:36px;
	background:url(../imgs/nav-aboutRoll.gif);
	background-repeat:no-repeat;
}
<!--ending add in-->

li#navAudio a {
	text-indent:-999px;
	}
li#navAudio, li#navAudio a.rollover { 
	display:block;
	width: 64px;
	height:36px; 
	background:url(../imgs/nav-audio.gif);
}
#navContAudio li#navAudio a, li#navAudio:hover a.rollover {
	display:block;
	width: 64px;
	height:36px; 
	background:url(../imgs/nav-audioRoll.gif);
}

li#navVideo a {
	text-indent:-999px;
	}
li#navVideo, li#navVideo a.rollover { 
	display:block;
	width: 61px;
	height:36px; 
	background:url(../imgs/nav-video.gif);
}
#navContVideo li#navVideo a, li#navVideo:hover a.rollover {
	display:block;
	width: 61px;
	height:36px; 
	background:url(../imgs/nav-videoRoll.gif);
}

<!--added in for about-->
li#navAbout ul li {
	background-image:none;
}

#navContAbout li#navAbout {
	display:block;
	width: 61px; 
	height:36px;
	background:url(../imgs/nav-aboutRoll.gif);
	background-repeat:no-repeat;
}

li#navAbout:hover a.rollover {
	display:block;
	width: 61px; 
	height:36px;
	background:url(../imgs/nav-aboutRoll.gif);
	background-repeat:no-repeat;
}
<!--ending add in-->


li#navGallery a {
	text-indent:-999px;
	}
li#navGallery, li#navGallery a.rollover { 
	display:block;
	width: 112px;
	height:36px; 
	background:url(../imgs/nav-gallery.gif);
}
#navContGallery li#navGallery a, li#navGallery:hover a.rollover {
	display:block;
	width:112px;
	height:36px; 
	background:url(../imgs/nav-galleryRoll.gif);
}


li#navPrograms a {
	text-indent:-999px;
	}
li#navPrograms, li#navPrograms a.rollover { 
	display:block;
	width: 83px;
	height:36px; 
	background:url(../imgs/nav-programs.gif);
}
#navPrograms li#navPrograms a, li#navPrograms:hover a.rollover {
	display:block;
	width: 83px;
	height:36px; 
	background:url(../imgs/nav-programsRoll.gif);
}


li#navEvents a {
	text-indent:-999px;
	}
li#navEvents, li#navEvents a.rollover { 
	display:block;
	width: 133px;
	height:36px; 
	background:url(../imgs/nav-events.gif);
}
#navEvents li#navEvents a, li#navEvents:hover a.rollover {
	display:block;
	width: 133px;
	height:36px; 
	background:url(../imgs/nav-eventsRoll.gif);
}

li#navTouring a {
	text-indent:-999px;
	}
li#navTouring, li#navTouring a.rollover { 
	display:block;
	width: 76px;
	height:36px; 
	background:url(../imgs/nav-touring.gif);
}
#navTouring li#navTouring a, li#navTouring:hover a.rollover {
	display:block;
	width:76px;
	height:36px; 
	background:url(../imgs/nav-touringRoll.gif);
	}


li#navContact a {
	text-indent:-999px;
	}
li#navContact, li#navContact a.rollover { 
	display:block;
	width: 77px;
	height:33px; 
	background:url(../imgs/nav-contact.gif);
}
#navContact li#navContact a, li#navContact:hover a.rollover {
	display:block;
	width:77px;
	height:33px; 
	background:url(../imgs/nav-contactRoll.gif);
}

li#navMedia a {
	text-indent:-999px;
	}
li#navMedia, li#navMedia a.rollover { 
	display:block;
	width: 63px;
	height:33px; 
	background:url(../imgs/nav-media.gif);
}
#navMedia li#navMedia a, li#navMedia:hover a.rollover {
	display:block;
	width:63px;
	height:33px; 
	background:url(../imgs/nav-mediaRoll.gif);
}

li#navDuo a {
	text-indent:-999px;
	}
li#navDuo, li#navDuo a.rollover { 
	display:block;
	width: 96px;
	height:36px; 
	background:url(../imgs/nav-duo.gif);
}
#navDuo li#navDuo a, li#navDuo:hover a.rollover {
	display:block;
	width: 96px;
	height:36px; 
	background:url(../imgs/nav-duoRoll.gif);
}
/* --------------------------------------------------------------------------------- */
/* ---------- 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{
margin:20px 0 0 55px;
width:950px;
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;
}





/* --------------------------------------------------------------------------------- */
/* ---------- 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;
}