@charset "UTF-8";
/* CSS Document */
/* Designed by Sean Grant, R.G.D.

/*----defaults----*/
* {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	font-size: 62.5%;
	background:url(../images/index-images/bg.gif) repeat;
}

maincontent {
	text-align:left;
	font-size:12px;
}

html {
	font-size: 100%;
	overflow:scroll;
	height:100%;
	margin-bottom:1px;
}
/*----Top Section----*/

#topWrapper {
	width: 100%;
	background:url(../images/index-images/red_bar.jpg) repeat-x;
}
#masthead {
	margin: auto;
	width: 780px;
}
#logo {
	float:left;
	width: 215px;
}
#topNav {
	float: left;
	width: 240px;
	padding: 15px 0 0 325px;
}
#topNav ul {
	list-style:none;
}
#topNav li a, #topNav li a:visited, #topNav li a:active {
	font: 10px bold Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFFFFF;
}
#topNav li a:hover, #topNav li .current {
	color: #faa3a3;
	text-decoration:underline;
}
.topNavIcon {
	background:url(../images/index-images/arrow.png) 0 3px no-repeat;
	padding-left: 10px;
	margin-right:20px;
}
/*-----TITLE SECTION-----*/
#titleWrapper {
	width:100%;
	background-color:#FFFFFF;
	height:75px;
}
#title {
	width: 565px;
	height: 75px;
	margin:auto;
	padding-left:215px;
}
/*-----MAIN SECTION*/

#mainWrapper {
	margin:auto;
	width: 780px;
	background-color:#B3BFA2;
}
/*----COLUME ONE*/

#col1 {
	float:left;
	width: 215px;
	background-color:#2E4460;
}
#col1 h1 {
	padding: 25px 10px 10px 25px;
	font:14px/14px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#ffffff;
}
#col1 p {
	font:12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	padding: 0px 25px 10px 25px;
}
#col1 p.firstPara {
	padding-top: 25px
}
;
/* collapsible boxes */
#mainNav {
	background-color:#ffffff;
}
.collapsible_box {
	padding-bottom: 5px;
	width: 215px;
	background:url(../images/index-images/btnBottom.gif) bottom left no-repeat;
}
.collapsible_box a.toggle {
	padding: 0 5px 0 25px;
	width: 185px;
	height: 28px;
	font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color:#000000;
	background:url(../images/index-images/mainBtns.jpg) bottom left no-repeat;
	display: block;
}
.collapsible_box a.toggle:hover {
	text-decoration:underline;
}
.collapsible_box a.active {
	padding: 0 5px 0 25px;
	width: 185px;
	height: 28px;
	font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color:#999999;
	background:url(../images/index-images/mainBtns.jpg)top left no-repeat;
	display: block;
}
.collapsible_box ul.hide {
	display: none;
}
.collapsible_box ul {
	font: 11px/28px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	width: 215px;
	list-style: none;
}
.collapsible_box ul li a, .collapsible_box ul li a:visited {
	text-decoration: none;
	color:#333333;
	padding: 3px 5px 3px 25px;
	width: 185px;
	border-top: 1px solid #dedede;
	display: block;
}
.collapsible_box ul li a:hover {
	background: #f2f2f2;
	text-decoration:underline;
}
/*----COLUMN TWO STRUCTURE*/
#col2 {
	float:left;
	width:565px;
}
.mainImage {
	float:left;
	width:565px;
	height:200px;
}
.mainColumn {
	float:left;
	width: 490px;
	padding: 15px 25px 10px 50px;
	background-color:#FFFFFF;
	border-bottom:2px solid #CCCCCC;
}
.mainColumnLast {
	float:left;
	width: 505px;
	padding: 10px 10px 25px 50px;
	background-color:#FFFFFF;
}
.featureImage {
	float:left;
	margin: 0 25px 25px 0;
}

.concertImage {
	float:left;
	margin-right: 25px;
}

/*----COLUMN TWO FONTS*/

#col2 h1 {
	font:20px/20px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	color: #E11A1A;
}
#col2 h2 {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#999999;
}
#col2 h3 {
	font: bold oblique 11px/12px Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}
#col2 p {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom: 10px;
	text-align: left;
}
#col2 a, #col2 a:active, #col2 a:visited {
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#E11A1A;
}
#col2 a:hover {
	font:11px/12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#E11A1A;
	text-align: center;
}
/*-----COLUMN TWO TABLE*/
#col2 table {
	margin: 10px 0;
	width: 490px;
	border-collapse:collapse;
	background-color: #ffffff;
}
#col2 thead {
	font:10px/13px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#E11A1A;
}
#col2 thead td {
	padding: 10px;
	border:1px solid #CCCCCC;
}
#col2 tbody td {
	padding: 10px;
	border:0px solid #CCCCCC;
	font:11px/13px Verdana, Arial, Helvetica, sans-serif;
}
/*-----COLUMN TWO LIST*/
#col2 ul {
	padding-bottom: 10px;
}
#col2 li {
	list-style:disc outside;
	margin-left: 15px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
#col2 li.indent {
	list-style: none;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-left:15px;
}
#col2 li.noBullet {
	list-style:none;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding: 10px 0;
}
#col2 li.partners, #col2 li.volunteer {
	list-style:none;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-left: 15px;
}
#col2 li.listWithSpace {
	margin-top:10px;
}
#col2 li.number {
	list-style:lower-roman inside;
	margin-left: 15px;
	margin-bottom:10px;
}

#col2 h3 {
	font-size:16px;
}


/*----FOOTER*/
#footerWrapper {
	width:100%;
	height:75px;
	background-color:#ffffff;
	border-top:1px solid;
}
#footer {
	width: 780px;
	margin:auto;
}
#leftFooter {
	width:215px;
	height:15px;
	float:left;
	padding: 50px 0 10px;
	font: 7px Verdana, Arial, Helvetica, sans-serif;
}
#leftFooter a:link, #leftFooter a:active, #leftFooter a:visited {
	text-decoration:none;
	color: #000000;
}
#leftFooter a:hover {
	text-decoration:underline;
	color: #E11A1Aa;
}
#rightFooter {
	float:left;
}
.imageFloatLeft {
	float:left;
	padding: 30px 15px 10px;
}
.imageFloatLeftHor {
	float:left;
	padding: 10px 15px;
}
.clearFloats {
	clear:both;
}
/*_________________________________________________
---------------------------------------------------

THIS IS SPECIAL FOR THE MUSICIANS PAGE
___________________________________________________
-------------------------------------------------*/
.musicianColumn {
	padding:0;
	background-color:#FFFFFF;
	float:left;
	width: 565px;
	border-bottom:2px solid #CCCCCC;
}
.profileDesc {
	float:left;
	width: 80px;
	padding-left: 15px;
}
.nopadding {
	background-color:#FFFFFF;
	border:thin solid #000000;
	width: 150px;
	float:left;
}
.musicianPhoto {
	float:left;
	padding:10px 18px;
	width:150px;
}
#col2 h2.name {
	font-size:10px
}
.volList {
	float:left;
	width:180px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	padding-bottom: 10px;
}
.musiciansso {
	float:left;
	padding:10px;
	width:300px;
}
.musicianssoright {
	float:right;
	padding:10px;
	width:200px;
}
/*_________________________________________________
---------------------------------------------------

THIS IS SPECIAL FOR THE CONCERT LISTING PAGE
___________________________________________________
-------------------------------------------------*/
.concertListing {
	float:left;
	width:565px;
	background-color:#FFFFFF;
	border-bottom:2px solid #CCCCCC;
}
.featureImage {
	width: 150px;
	height: 200px;
	float:left;
}
.shortDesc {
	float: left;
	width: 250px;
	padding: 15px 0px 5px;
}
.sponsorLogo {
	float:right;
	padding: 0 0 10px 10px;
}

