body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #FFFFFF;

	background-color: #990000;

	margin: 0px;

}

object {
   outline: none;
}


.wrapper {

	background-color: #000000;

	height: 700px;

	width: 770px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

a:link {

	color: #FF0000;

	text-decoration: underline;

	font-weight: normal;

	font-size: 11px;

}

a:hover {

	font-size: 11px;

	color: #990000;

	text-decoration: none;

}

a:active {

	font-size: 11px;

	color: #FF0000;

	text-decoration: none;

}

a:visited {

	font-size: 11px;

	color: #FF0000;

}

.cap:first-letter {

	font-weight: bold;

	color: #FFFFFF;

	font-size: 18px;

}

.title {

	color: #FFFFFF;

	font-size: 18px;

	font-family: Arial, Helvetica, sans-serif;

}

.title em {

	color: #FF0000;

	font-style: normal;

	font-size: 16px;

	font-weight: bold;

}



.title em a{

	color: #FF0000;

	font-style: normal;

	font-size: 14px;

	font-weight: bold;

	text-decoration: underline;

}



h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	text-transform: capitalize;

	font-variant: small-caps;

	font-style: normal;

	color: #FF0000;

	font-weight: lighter;

}

h2 {

	font-weight: bold;

	font-size: 16px;

	color: #990000;

}



/* Scroll Bar Master Styling Starts Here */

#upcomingscroll {

	/* Typical fixed height and fixed width example */

	width: 215px;

	height: 125px;

	overflow: auto;

	/* IE overflow fix, position must be relative or absolute*/

	position: absolute;

	padding: 5px;

	margin-top: 0px;

}



/* Scroll Bar Master Styling Starts Here */

#latestscroll {

	/* Typical fixed height and fixed width example */

	width: 450px;

	height: 150px;

	overflow: auto;

	/* IE overflow fix, position must be relative or absolute*/

	position: absolute;

	padding: 5px;

	margin-top: 2px;

}



/* Scroll Bar Master Styling Starts Here */

#bioscroll {

	/* Typical fixed height and fixed width example */

	width: 730px;

	height: 100px;

	overflow: auto;

	/* IE overflow fix, position must be relative or absolute*/

	position: absolute;

	padding: 5px;

	margin-top: 10px;

}



#calendarScroll {

	/* Typical fixed height and fixed width example */

	width: 480px;

	height: 335px;

	overflow: auto;

	/* IE overflow fix, position must be relative or absolute*/

	position: absolute;

	margin-left: 0px;

	padding-right: 15px;

	padding-bottom: 15px;

	padding-left: 15px;

	top: 263px;

}



#pressscroll {

	/* Typical fixed height and fixed width example */

	width: 480px;

	height: 395px;

	overflow: auto;

	/* IE overflow fix, position must be relative or absolute*/

	position: absolute;

	margin-left: 255px;

	padding-right: 15px;

	padding-bottom: 15px;

	padding-left: 15px;

	top: 198px;

}



/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 

.scrollgeneric {

line-height: 1px;

font-size: 1px;

position: absolute;

top: 0; left: 0;

}



.vscrollerbase {

width:22px;

}

.vscrollerbar {

background-image: url(images/scrollbar.png);

width: 18px;

/* following is the bit that allows us fixed height scrollbars */

height: 89px !important;

/* for fixed height, we force the vscrollerbar class with an !important decleration, and fleXcroll follows suit.*/



background-image: url(images/scrollbar.png);

/* unfortunately, due to limitations of CSS, we cannot provide a color for the background when we are

using alpha images, thay have to be transparent.*/

}



* html .vscrollerbar {

/* IE6 alpha png trick */

/* IE7 is not affected by this trick, as it perfectly handles the normal png */

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/scrollbar.png');

background-image: none;

}





/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */

.hscrollerbase {height: 18px;}

.hscrollerbar {height: 18px; background-color: #FF0000;}



.vscrollerbar, .hscrollerbar {

/* paddings of these elements will decide how far the scrollbar will stop in both ends, and are not actually

used for styling, and are set to 0 by the script, here we will set them the size of our faux arrows */

padding: 0px;

z-index: 2;

}



/* properties for scroller jog box, just in case */

.scrollerjogbox {

width: 18px;

height: 18px;

top: auto; left: auto;

bottom: 0px; right: 0px;

background: #FF0000;

}

/* Scroll Bar Master Styling Ends Here */



.wrapper .header {

	margin: 0px;

	padding: 0px;

	height: 185px;

	width: 770px;

}

.wrapper .mainBody {

	height: 480px;

	width: 770px;

	padding: 0px;

	margin-top: -20px;

}

.wrapper .textNav {

	margin: 10px;

	width: 750px;

	text-align: center;

	clear: both;

	background-color: #000000;

}





.wrapper .footer {

	background-image: url(images/Footer.gif);

	height: 40px;

	width: 750px;

	right: 0px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #333333;

	padding-top: 10px;

	padding-right: 10px;

	padding-left: 10px;

}

.wrapper .mainBody .newsWrapper {

	background-image: url(images/newsbg.gif);

	background-repeat: no-repeat;

	background-position: left top;

	height: 440px;

	width: 750px;

	margin-top: 25px;

}

#main {

	float:left;

	width:500px;

	height: 445px;

    }

.wrapper .mainBody .newsWrapper #main .about {

	height: 200px;

	width: 480px;

	margin: auto;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 10px;

	padding-left: 0px;

}

.wrapper .mainBody .newsWrapper #main .latest {

	height: 160px;

	width: 450px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 10px;

	padding-left: 5px;

}

#sidebar {

	float:right;

	width:245px;

	height: 445px;

    }

.wrapper .mainBody .newsWrapper #sidebar .upcoming {

	margin: auto;

	width: 215px;

	height: 155px;

	padding-top: 15px;

}

.wrapper .mainBody .newsWrapper #sidebar .mailing {

	width: 215px;

	margin-top: 20px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	height: 175px;

}

.wrapper .mainBody .newsWrapper #sidebar .links {

	width: 215px;

	margin-top: -55px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

	height: 200px;

}

.itunes  img {

	position: relative;

	top: 5px;

	right: 0px;

	left: 20px;

}

.bioWrapper {

	padding: 15px;

	width: 750px;

	margin-top: 25px;

	margin-right: auto;

	margin-bottom: auto;

	margin-left: auto;

}

.bioText {

	width: 770px;

	height: 125px;

}

.bioPics {

	width: 750px;

	padding-top: 30px;

}



.bioWrapper table {

	text-align: center;

}

.wrapper .mainBody .musicplayer {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;

}

.picsWrapper {

	height: 445px;

	width: 770px;

	margin-top: 15px;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

}





.wrapper .mainBody .vidplayer {

	text-align: center;

	height: 445px;

	margin-right: auto;

	margin-left: auto;

	padding-top: 70px;

}

.contactWrapper {

	background-image: url(images/contactbg3.jpg);

	margin: 0px;

	height: 445px;

	width: 770px;

	background-repeat: no-repeat;

	background-position: left top;

}

#contact {
	width: 400px;
	padding-top: 225px;
	margin-right: auto;
	margin-left: 400px;

}







.pressWrapper {

	background-image: url(images/pressbg2.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	margin: 0px;

	padding: 0px;

	height: 445px;

	width: 770px;

}



.calendarWrapper {

	padding: 0px;

	height: 445px;

	width: 520px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 145px;

}



.wrapper .footer .copyright {

	text-align: center;

}

.wrapper .footer .Dragn {

	text-align: right;

	color: #666666;

	font-size: 9px;

}

.Dragn a {

	color: #990000;

}