/******************************************************************************
*******************************************************************************
*******************************************************************************
	
TOP LEVEL WEBSITE STYLES
	
******************************************************************************
*******************************************************************************
*******************************************************************************/
	*{
	
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	line-height: 22px;
	}
				
	
	html,body {
		margin:0;
		padding:0;
		height: 100%;
	}	
				
	body{
		text-align: center;
		background-color: #fff;
		font-family: Arial, sans-serif;
		font-size: 10pt;
	}
	
	
	table{
		border-spacing: 0;
		font-size: 10pt;
		font-family: Arial, sans-serif;
	}
	
	#top{
		background-color: #fff;
	}
	
	#container{
		margin: 0 auto;
		width: 855px;
		text-align: left;
		clear: both;
		background-image: url('images/design/bg_gradient.jpg');
		background-repeat: repeat-y;
		background-position: top left;
		padding-left: 29px;
	}
	
	#footerContainer{
		margin: 0 auto;
		width: 855px;
		text-align: left;
		clear: both;
		background-image: url('images/design/bg_gradient.jpg');
		background-repeat: repeat-y;
		background-position: top left;
		padding-left: 29px;
		position: relative;
		bottom: 0;
	}
/******************************************************************************
*******************************************************************************
*******************************************************************************
	
DOMAIN SPECIFIC STYLES
	
******************************************************************************
*******************************************************************************
*******************************************************************************/
	div.footerBottomShade{
		clear: both;
		margin: 0 auto;
		width: 855px;
		background-image: url('images/design/footer_bottom.jpg');
		background-repeat: no-repeat;
		background-position: top left;	
		height: 30px;
	}
	
	div.topBar{
		width: 800px;
		height: 30px;
		background-color: #000;
		text-align: right;
		background-image: url('images/design/toplight.gif');
		background-repeat: no-repeat;
		background-position: bottom left;
	}
	
	div.topBarLeft{
		text-align: left;
		float: left;
		width: 90px;
		padding-left: 10px;
	}
	div.topBarRight{
		float: left;
		text-align: right;
		width: 690px;
		padding-right: 10px;
	}
	
	div.header{
		width: 800px;
		height: 142px;
		background-color: #000;
		text-align: right;
		background-image: url('images/design/vmpac_header.jpg');
		background-repeat: no-repeat;
		background-position: bottom left;	
	}
	
	div.content{
		float: left;
		width: 525px;
	}
	
	div.contentLarge{
		width: 800px;
	}
	
	div.navigation{
		width: 100%;
		background-color: #330000;
		color: #fff;
		height: 30px;
	}
	
	a.nav:link, a.nav:active, a.nav:visited, a.nav:hover{
		display: block;
		padding-top: 3px;
		padding-left: 10px;
		padding-right: 10px;
		color: #fff;
		text-decoration: none;
		font-size: 10pt;
		float: left;
		background-color: #330000;
		height: 27px;
		
	}
	
	a.nav:hover{
		text-decoration: none;
		font-size: 10pt;
		background-color: #FFCC00;
		color: #330000;
		background-color: #FF9900;
	}
	
	
	div.footerTop{
		background-image: url('images/design/note_top.gif');
		background-position: bottom left;
		background-repeat: no-repeat;
		width: 800px;
		height: 121px;
		font-size: 10pt;
	}
	
	div.footerTopInfo{
		padding-top: 101px;
		height: 20px;
		padding-left: 140px;
		text-align: left;
		float: left;
		width: 360px;	
	}
	
	div.footerTopPiano{
		float: left;
		background-image: url('images/design/piano.jpg');
		background-position: bottom right;
		background-repeat: no-repeat;
		width: 300px;
		height: 121px;
	}
	
	a.donate:link, a.donate:active, a.donate:visited, a.donate:hover{
		text-decoration: none;
		color: #333;
	}
	
	div.footerInfo{
		float: left;
		color: #fff;
		font-size: 8pt;
	}
	
	div.footerDiv{
		padding-right: 100px;
		float: left;
		width: 225px;
	}
	
	div.footerDiv ul li{
		width: 225px;
		list-style-type: square;
		vertical-align: middle;
	}
	
	div.footerDiv h1{
		color: #fff;
		font-weight: normal;
	}
	
	a.footer:link, a.footer:active, a.footer:visited, a.footer:hover{
		color: #fff;
		text-decoration: none;
	}
	
	a.footer:hover{
		text-decoration: underline;
	}
	
	div.footerMid{
		background-image: url('images/design/note_middle.gif');
		background-position: bottom left;
		background-repeat: no-repeat;
		width: 800px;
		height: 9px;
		line-height: 0;
		font-size: 0;
		background-color: #000;
	}
	
	div.footerBottom{
		background-image: url('images/design/footer_wood.jpg');
		background-position: top left;
		background-repeat: repeat;
		width: 800px;
		height: 200px;
	}
	
	div.footerBottomNote{
		float: left;
		width: 131px;
		height: 150px;
		background-image: url('images/design/note_bottom.jpg');
		background-position: top left;
		background-repeat: no-repeat;		
	}
		
	div.footer{	
		position:relative;
		bottom:0; 
	}
	
	
	div.boxes{
		width: 275px;
		float: left;
		background-image: url('images/design/red.gif');
		background-position: top left; 
		background-repeat: repeat-x;
	}
	
	
	div.box{
		width: 250px; 
		clear: both;
	}
	
	div.boxRed{
		float: left;
	}
	
	div.boxTop{background-image: url('images/design/box_top_corner.gif'); height: 8px; width: 6px; float: left;
		line-height: 0;
		font-size: 0;
	}
	div.boxTopRight{background-image: url('images/design/box_inside.gif'); height: 7px; width: 242px; float: left; border: 1px solid #ccc; border-bottom: 0;
		line-height: 0;
		font-size: 0;}
	
	
	div.boxInside{padding-left: 6px; background-image: url('images/design/box_left.gif'); background-repeat: repeat-y; width: 250px; clear: both;}
	
	div.boxInsideRed{
		line-height: 0;
		font-size: 0;
		clear: both; padding-left: 0px; background-image: url('images/design/box_left.gif'); background-repeat: repeat-y; width: 256px; clear: both;}
	
	div.boxInsideContents{
		background-image: url('images/design/box_inside.gif'); 
		width: 232px; 
		border: 1px solid #ccc; 
		border-top: 0; 
		border-bottom: 1px solid #ccc;
		padding-right: 10px;
		line-height: 0;
		font-size: 0;
	}
	
	div.boxInsideRed div.boxInsideContents{float: left;}
	
	
	div.boxBottom{clear: both; background-image: url('images/design/box_bot_corner.gif'); height: 6px; width: 6px; float: left;
		line-height: 0;
		font-size: 0;}
	
	div.boxBottomRight{background-image: url('images/design/box_bot.gif'); height: 6px; width: 242px; float: left;
		line-height: 0;
		font-size: 0;}
	
	div.boxTopRed{background-image: url('images/design/box_red_top.gif'); height: 16px; width: 6px; float: left;
		line-height: 0;
		font-size: 0;}
	
	
	div.boxTopRedRight{background-image: url('images/design/box_inside.gif'); height: 15px; width: 242px; float: left; border: 1px solid #ccc; border-bottom: 0;
		line-height: 0;
		font-size: 0;}
	
	div.lastOfNavBar{float: left; width: 25px; background-color: #330000; height: 30px;}
	
	div.contentInfo{padding: 10px; padding-left: 20px; padding-right: 30px;}
	
	
	h1{
		color: #660000;
		font-size: 10pt;
		padding-left: 10px;
	}
	
	div.boxInsideContents ul{
		padding-left: 30px;
		list-style-type: none;
		font-size: 8pt;
		width: 190px;
	}
	
	
	div.boxInsideContents ul li.bottom{
		padding-bottom: 8px;
		background-image: url('images/design/box_dots.gif');
		background-position: bottom left;
		background-repeat: no-repeat;
	}
	
	
	a.box:link, a.box:active, a.box:visited, a.box:hover{
		padding-left: 15px;
		color: #000;
		text-decoration: none;
		display: block;
	}
	
	a.box:hover{
		text-decoration: none;
		color: #660000;
		background-image: url('images/design/note.gif');
		background-position: center left;
		background-repeat: no-repeat;
	}
	
	div.adBox{
		float: left;
	}
	
	div.adBoxRed{
		float: left;
		width: 6px;
		height: 237px;
		background-image: url('images/design/box_left.gif'); 
		background-repeat: repeat-y;
	}
	
	div.adRedSpace{
		height: 14px;
		width: 6px;
		background-image: url('images/design/box_red_top.gif'); 
	}
	
	
	
	div.adWrapper{
		float: left;
		width: 106px;
		padding-left: 10px;	
		padding-bottom: 16px;
	}
	
	div.adBlock{
		width: 100px;
		height: 100px;
		background-image: url('images/design/ad_block.gif');
		border: 1px solid #CC9999;
		font-size: 10pt;
		text-align: center;
		color: #666;
	}
	
	div.adBlock img{border: 0}
	
	div.seatingChart{
		padding-left: 100px;
	}
	
	div.seatingChartFull{
		width: 3750px;
	}
		
	
	img.seatingChart{
		float: left;
		border: 0px;
	}
	
/******************************************************************************
*******************************************************************************
*******************************************************************************
	
GENERAL WEBSITE STYLES	
	
******************************************************************************
*******************************************************************************
*******************************************************************************/
		
	a.more{       
			background-color:#E8EAE7;
			background-image:url('images/design/more-link.gif');
			border:1px solid #BCBEBB;
			text-decoration:none;
			text-transform:uppercase;
			font-weight:bold;
			font-size:8pt;
			padding:1px 5px 2px 5px;
			color: #333;
	}
	a.more:hover{color: #660000}

	a.login:link, a.login:active, a.login:visited{
		color: #fff;
		text-decoration: none;
		font-size: 10pt;
	}
	
	a.login:hover{
		text-decoration: underline;
		font-size: 10pt;
	}
	
	.center{text-align: center}
	
	div.generalHead, div.consoleHeading, div.newsGeneralHead, div.eventsGeneralHead{
		font-size: 12pt; 
		color: #660000;
		background-position: bottom left;
		background-repeat: repeat-x;
		padding-bottom: 8px;
		width: 440px;
		background-image: url('images/design/dots.gif');
		background-repeat: repeat-x;
		background-position: bottom left;
	}
	
	a.headerLink:link, a.headerLink:active, a.headerLink:visited, a.headerLink:hover{
		font-size: 12pt; 
		color: #333;
		text-decoration: none;
	}
	
	a.headerLink:hover{
		text-decoration: underline;
		color: #663333;
	}
	
	table td{vertical-align: top}	
	
	table.consoleForm{width: 700px;}
	table.consoleForm td{padding: 3px; text-align: left; }
	table.consoleForm td.label{text-align: right; width: 200px;}
	.submitField{text-align: center; margin: auto}
	
	table.list{width: 100%; border: 1px solid #333}
	table.list td{padding: 3px; text-align: left}
	table.list td.listHeading, table.list tr.trHeading{
		background-image: url('images/design/blue_background.gif');
		background-repeat: repeat;
		color: #fff;
	}
	
	img{border: 1px solid #666}
	
	div.menuHead{
		padding-top: 5px;
		font-weight: bold;
		font-size: 10pt;
		color: #663333;
		width: 220px;
	}
	div.menuContent{
		padding-left: 15px;
		width: 220px;
	}
	
	.failed, .error{
		display: block;
		background-color: #FF6666;
		color: #fff;
		padding: 3px;
		text-align: left;
	}
	
	.success{
		display: block;
		background-color: green;
		text-align: left;
		color: #fff;
		padding: 3px;
	}
	
	div.subNavWrapper{
		padding: 3px;
		padding-left: 20px;
		padding-bottom: 20px;
	}


	
	a.subNav:link, a.subNav:active, a.subNav:visited{
		text-decoration: none;
		color: #666; /*#FF6600;*/
	}
	
	a.subNav:hover{
		color: #663333;
		text-decoration: underline;
	}
	
		
	a.editLink{
		display: block;
		width: 20px;
		height: 20px;
		background-image: url('images/design/icons.gif');
		background-repeat: no-repeat;
		float: left;
	}

	a.deleteLink{
		display: block;
		width: 20px;
		height: 20px;
		background-image: url('images/design/icons.gif');
		background-repeat: no-repeat;
		background-position: -20px 0px;
		float: left;
	}
	a.newLink{
		display: block;
		width: 20px;
		height: 20px;
		background-image: url('images/design/icons.gif');
		background-repeat: no-repeat;
		background-position: -40px 0px;
		float: left;
	}
	a.editLink:hover{
		background-image: url('images/design/iconsHigh.gif');
		background-repeat: no-repeat;
	}
	a.deleteLink:hover{
		background-image: url('images/design/iconsHigh.gif');
		background-repeat: no-repeat;
		background-position: -20px 0px;	
	}
	a.newLink{
		display: block;
		width: 18px;
		height: 20px;
		background-image: url('images/design/icons.gif');
		background-repeat: no-repeat;
		background-position: -40px 0px;
		float: left;
	}
	
	a.newLink:hover{
		background-image: url('images/design/iconsHigh.gif');
		background-repeat: no-repeat;
		background-position: -40px 0px;	
	}
		
	.even{
		background-color: #fff;
	}
	.odd{
		background-color: #ccc;
	}
	.striped{
		background-color: #CCCC99;
	}
	
	
	
	div.galleryPhoto{
		float: left;
		width: 240px;
		text-align: center;
		padding-bottom: 25px;
	}
	
	div.galleryPhotoText{
		text-align: left;
		font-size: 8pt; 
		font-style: italic;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	.clear{clear: both}
	
	
	.albumPagePhoto{
		padding-top: 20px;
		width: 170px;
		padding-left: 10px;
		padding-bottom: 10px;
		float: left;
		clear: both;
	}
	
	.albumPageInfo{
		padding-top: 20px;
		float: left;
		padding-bottom: 25px;
	}
	.albumPageHead, .headline{
		font-size: 10pt;
		color: #333;
		font-weight: bold;
	}
	
	.albumWrapper{
		clear: both
	}
	
	.headline{clear: both;}
	
	.newsImageGallery{
		float: left;
		width: 180px;
		padding-bottom: 20px;
	}
	
	.posted{
		font-size: 8pt; 
		color: #666; 
		font-style: italic;
	}
	
	.article{
		padding-left: 25px;
		padding-bottom: 25px;
		float: left;
		width: 425px;
	}
	
	.newsImageFirst{
		width: 115px;
		float: left;
		padding-bottom: 10px;
	}
	
	.albumPageInfo a:link, .albumPageInfo a:active, .albumPageInfo a:visited, .albumPageInfo a:hover{
		color: #000;
		text-decoration: none;
	}
	
	.albumPageHead a:link, .albumPageHead a:active, .albumPageHead a:visited, .albumPageHead a:hover{
		color: #663333;
		font-weight: bold;
		text-decoration: none;
	}
	
	.albumPageHead a:hover{
		text-decoration: underline;
	}

	.testimonial{
		padding: 20px;
		font-style: italic;
		padding-bottom: 10px;
	}
	
	.testAuthor{
		padding-left: 150px;
	}
	
	.randomTestimonial{
		padding: 5px;
		padding-left: 25px;
		font-style: italic;
	}
	
	.randomTestimonialAuthor{
		padding-left: 25px;
	}
	
	ul{
		padding-left: 50px;
		padding-top: 5px;
	}
	

	.noBorder{border: 0px}
	
	
	div.newsImageGallery span.photoCaption{
		font-size: 8pt;
		font-style: italic;
	}
	
	
	.peopleCatName{
		font-weight: bold;
		color: #663333;
	}
	
	.peopleWrap{
		padding-left: 50px;
		padding-bottom: 20px;
		padding-top: 5px;
	}
	
	.peopleImage{
		float: left;
		width: 160px;
		padding-bottom: 10px;
		clear: both;
		padding-top: 20px;
	}
	
	.peopleName{
		font-weight: bold;
		padding-top: 20px;
	}
	
	.peoplePosition{
		font-style: italic;
	}
	
	
	table.contactForm td.label{
		width: 75px;
		font-size: 8pt;
		
	}
	
	
	td.submitField{
		margin: 0 auto;
		text-align: center;
	}