/* CSS Document */
/* EDP 2  Style Sheet  */

/*  OLD BANNER TOP COLOR CODE FROM ORIGINAL SITE    #670E00                 */
/*  Color Theory Medium Red							#990020
/*  Brighter Red									#B2001D
/* ------------------------------- formatting ----------------------------- */
html {
	margin: 0;
	padding: 0;
	}
	
body {
	margin: 0;
	padding: 0;
	}

h1 {
	font: bold x-large Arial, sans-serif;
	color: #000;
	/* background-color:#FFF; */
	background-image:url(images/gradient.jpg);
	background-repeat:repeat-x;
	/* background-position:top; */
	border-bottom: 3px solid #CCC;
	padding: 0px 0px 0px 4px;
	margin-top: 0px;
	margin-left: 3px;
	width: 100%;
	
	}

#news h2 {
	color: #D6D6D6;
	margin-top: 5px;
	}

h2 {
	font: bold large Arial, sans-serif;
	color: #000;
	background-image:url(images/gradient.jpg);
	background-repeat:repeat-x;
	border-bottom: 2px solid #CCC;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	}
h3 {
	font: large Arial, sans-serif;
	color: #000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	
	}
#jukebox h2 {
	font: bold large Arial, sans-serif;
	color: #000;
	background-image:url(images/gradient.jpg);
	background-repeat:repeat-x;
	border-bottom: 2px solid #CCC;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 203px;
	}

p {
	font: 0.9em Verdana, sans-serif;
	}

#center p {
	font: 0.95em Verdana, Arial, sans-serif;
	line-height: 1.33em
	}

	
#footer p {
	margin: 4px;
	text-align: center;
	}

a {
	color: #34339B;		
	}
a:hover {
	color: #9C191E;	
	}

hr {
	color: #330033;
	height: 1px;
	}
	
a img {
	border: 0px none;
	display: block;			/* removes extra space underneath caused by default text-alignment */
	}

.textbox {					/* Until IE understands <css> input[type="file"] { </css> It's better to define a new style then it is to re-define the input tag because radio buttons cop a beating */
	padding: 4px;
	font:  small verdana, sans-serif;
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
	}

p.pagecontent {
	margin: 5px 15px 5px 5px; 
	padding: 0px 10px 0px 0px;
}

#promiselist {
	font: 0.95em Verdana, Arial, sans-serif;
	line-height: 1.33em;
	margin: 5px 15px 5px 30px; 
	padding: 0px 10px 0px 0px;
}
p.notepagecontent {
	margin: 5px 2% 5px 11%; 
	padding: 0px 0px 0px 2px;
}
	
.headshot {
	display: inline;
	float: left;
	margin: 0px 0.5em 0.5em 0px;
	}
/* 
------------------------------- layout ----------------------------- 
*/

#top {
	padding: 10px 4px 4px 4px; 
	height: 132px;
	/* margin-bottom: 1px;  */
	background: #B2001D;
		
	
		}
#bannerbox {
	background: #000;
	margin: 4px 4px 4px 4px;
	border: 5px solid #CCCCCC;
	
}
#marquee {
	float:right;
	height: 90px;
	width: 200px;
	border: 2px solid #E60E09;
	margin-top: -110px;
	margin-right: 16px;
		
}
#topleft { 
      float:left;
	 }
	 		
#topright {
     float:right;
	 }		
	
#center {
	margin-top: 0 ;
	margin-right: 0;
	margin-bottom: 0 ;
	margin-left: 21% ;
	top: 151px;
	background: #fff; 
	color: #000;
	}

#venues {

}
#clients {


}
	
#centerbox {
background-color: #eeeeee;
color:#000;
font: small Verdana, Arial, sans-serif;
line-height: 1.25em
color: #000;
width: 95%;
height: 75%;
border: 5px solid #000;
padding: 0px 0px 2px 0px; 
margin-left: 0%;
margin-top: 2%;
margin-bottom: 2%;
}	
#venuesclientsbox {
background-color: #eeeeee;
color:#000;
font: small Verdana, Arial, sans-serif;
line-height: 1.25em
color: #000;
width: 600px;
max-width: 600px;
height: 75%;
border: 5px solid #000;
padding: 0px 0px 2px 0px; 
margin-left: 0%;
margin-top: 2%;
margin-bottom: 2%;
}	
#theaterbox {
background-color: #eeeeee;
color:#000;
font: small Verdana, Arial, sans-serif;
line-height: 1.33em
width: 500px;
max-width: 500px;
height: 310px;
border: 5px solid #000; 
margin-top: 2%;
margin-bottom: 2%;
}	
#photobox {
background-color: #FFF;
color:#000;
font: small Verdana, Arial, sans-serif;
line-height: 1.33em
width: 600px;
max-width: 600px;
height: 425px;
border: 5px solid #000;
padding: 0px 0px 0px 0px; 
margin-left:0%;
margin-top: 2%;
margin-bottom: 2%;
margin-right: 2%;

}	
#biobox {
background-color: #FFF;
color:#000;
font: small Verdana, Arial, sans-serif;
line-height: 1.33em
width: 600px;
max-width: 600px;
height: 429px;
border: 5px solid #000;
padding: 0px 0px 0px 0px; 
margin-left:0%;
margin-top: 2%;
margin-bottom: 2%;
margin-right: 2%;

}	
#calendarbox {
background-color: #CCCCCC;
color:#000;
font: small Verdana, Arial, sans-serif;
line-height: 1.33em
width: 424px;
max-width: 424px;
height: 452px;
border: 5px solid #000; 
margin-top: 2%;
margin-bottom: 2%;

}	#centerbox p {
margin-right: 2%;
margin-left: 2%;
}
#left {
	position: absolute;
	margin-right: 5%;
	top: 145px;
	left: 0px;
	padding-left: 3px;
	padding-bottom: 8%;
	width: 200px;
	background: #B2001D;
	color: #000;
	
	}

#otherleftstuff {
	width: 96%;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 5%;
	background-color: #eeeeee;
	}

#news {
	position: absolute;
	width: 19%;			/* why not 22%?  because at some sizes the rounding difference adds up to more than 100% and gives us a horizontal scroll bar */
	height: 250px;
	overflow: hidden;
	margin-left: 75%;
	padding: 0px 1.5%;
	top: 101px;
	background-color: #999999;
	border-top: 1px solid #A5B5C6;
	}

div#news p.row {
	width: 100%;
	margin: 0px 0px 1em 0px;
	}

div#news p.row span.leftcol {
	float: left;
	color: #D6D6D6;
	}
			
#footer {
	clear: both;
	top: 100%;
	margin-top: 3px;
	border-top: 1px solid #5C6F90;
	border-bottom: 1px solid #5C6F90;
	background-color: #eeeeee;
	color: #000;
	}
#getflash {
	margin-top: 2px;
	margin-bottom: 2px;
margin-left: 3px;
}

#bio {
	float: right;
	width: 30%;
	padding: 1%;
	border: 4px dotted #5C6F90;
	color: 5C6F90;
	font-size: 0.7em;
	}
/* --------------------- Feature Image and Transparency Trick --------------- */



/* 

-------------------------------- Navigation ------------------------------ 

List tips courtesy of A List Apart: http://www.alistapart.com/stories/taminglists/

*/


ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #B2001D;
	margin-bottom: 20px;
	}
		
ul#mainnav li {
	display: block;
	border-bottom: 1px solid #000;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 4px;
	background-color: #B2001D;
	font: bold 1em /1.3 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: #fff;
	text-decoration: none;
	width: 88%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

ul#mainnav li a:hover {
	background-color: #cccccc;
	color: #000;
	font-style:italic;	
	width: 94%;	
	}
	
ul#mainnav ul.subnav {
	margin: 0px;
	list-style: none;
	padding: 0px;
	border: 0px solid pink;
	}

	
div#topcontent ul {
	position: absolute;
	right: 0px;
	list-style: none;
	margin: 0px 0px 40px 0px;
	}

/* ------------Styling specifically for Benefits List-----------------------*/
 
.benefitslist li {
	font: 1em /1.2 Verdana, arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	text-decoration: none;
   }
#BobPic {
     float:right;
	 margin-top: 0px;
	 margin-right: 2px;
	 margin-bottom: 0px;
	 margin-left: 4px;
	 }		


	 
.notepics {
	float:left;
	margin-right: 10px;
	margin-left: 3px;
	}	

.SongHeader {
	font: large Arial, sans-serif;
	color: #B2001D;
}

#schedtable {
	margin: 5px 15px 5px 5px; 
	padding: 0px 10px 0px 0px;
	width: 98%;
}


.schedhead {
	font: bold large Verdana, Arial, sans-serif;
	color: #B2001D;
	background-image:url(images/gradient.jpg);
	background-repeat:repeat-x;
}

.schedrow {
	background-color: white;
	font: 0.95em Verdana, Arial, sans-serif;
	line-height: 1.33em
}

.schedaltrow {
	background-color: #EEEEEE;
	font: 0.95em Verdana, Arial, sans-serif;
	line-height: 1.33em
}

.std {
	border-right:black 1px solid; 
	border-top:black 1px solid; 
	border-left:black 1px solid; 
	border-bottom:black 1px solid;
}

.style3 {color: #B2001D}
.style4 {color: #B2001D}
.style5 {color: #B2001D; font-weight: bold; }