body {
background-image: url("images/VF-Composite-copy.jpg");
background-attachment: fixed;
background-color: #66ccff;
color: black;
font-family: Verdana, Helvetica, sans-serif;
font-size: small;
margin: 0;
padding:0;
}

a:link { color: #000000; }
a:visited { color: #333333; }
a:hover { color: #ff0000; }
a:active { color: #ffffff; }


.sidebarright h2 {
font-family: Arial, sans-serif;
font-size: 120%;
text-align: center;
}

.wrapper {
	width: 800px;
	background-color: #ffffff;
	color: black;
	padding: 0;
	margin: 0 auto;
	border-top: 1px solid #dddddd;
	border-right: 2px solid #666666;
	border-left: 2px solid white;
	border-bottom: 3px solid #666666;
}

.masthead {
background-color: #FFFFFF;
background-image: url(images/cdgraphics/vflogo.gif);
background-repeat: no-repeat;
float: left;
width: 100%;
height: 100px;
}

.emailcontainer {
float: right;
font-size: 77%;
}

.navigation {
float: left;
width: 100%;
background-color: #eeeeee;
}

.navigation ul {
list-style-type: none;
padding: 0;
margin: 0;
}

.navigation li {
float: left;
margin: 0;
padding: 0;
display: inline;
}

.navigation a {
display: block;
height: 20px;
width: 83px;
text-align: center;
text-decoration: none;
}

.navigation a:hover {
background-color: #3399ff;
color: #ffffff;
}

.sidebarleft {
	float: left;
	background-color:#FF9900;
	width: 130px;
	height: 4000px;
	padding: 0;
	margin: 0;
	background: -webkit-gradient(linear,  center top, center bottom, from(#FF9900), to(#ffffff));
	background: -moz-linear-gradient(top, #FF9900, #ffffff);
	background: linear-gradient(top, #FF9900, #ffffff);
}

.boxout {
	background-color:#CCCCCC;
	text-align: center;
	padding: 10px;
	margin: 20px 5px 20px 5px;
	border: 1px solid #000000;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 0px #333333; border-radius: 10px; padding: 5px 5px 5px 10px;
	}
	 

.sidebarright {
	float: right;
	background-color:#333333;
	width: 150px;
	height: 3980px;
	padding: 20px 10px 0px 10px;
	margin: 0;
	background: -webkit-gradient(linear,  center top, center bottom, from(#333333), to(#ffffff));
	background: -moz-linear-gradient(top, #333333, #ffffff);
	background: linear-gradient(top, #333333, #ffffff);
}
.newssidebarright {
	float: right;
	background-color: none;
	width: 100px;
	height: 600px;
	padding: 20px 10px 20px 10px;
	margin: 0;
}
.gbook {
	width: 99.9%;
	height: 25px;
	margin-bottom: 10px;
}

.gbook a {
display: block;
height: 21px;
width: 100px;
background-image: url(contact.html.images/bt19dzw_0.gif);
background-repeat: no-repeat;
}

.gbook a:hover {
background-image: url(contact.html.images/bt19dzw_1.gif);
background-repeat: no-repeat;
}

.songbox {
	width: 100%;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #222222;
	border-bottom: 1px solid #222222;
	border-left: 1px solid #ffffff;
}

.songbox h3 {
	font-size: 110%;
	text-align: center;
}

.maincontent {
	background-color: #FFFFFF;
	float: left;
	width: 500px;
	height: 4000px;
	padding: 0;
	margin: 0;
	background-color: #ffee99;
	background: -webkit-gradient(linear,  center top, center bottom, from(#ffee99), to(#cc6633));
	background: -moz-linear-gradient(top, #ffee99, #cc6633);
	background: linear-gradient(top, #ffee99, #cc6633);
}

.maincontent h1, h2, p {
	padding: 5px;
}

.newsmaincontent {
	float: left;
	width: 550px;
	padding: 20px 10px 0px 10px;
}

.articlebox {
	width: 470px;
	float: none;
	margin: 20px 0px 20px 10px; 
	background-color: #66ccdd;
	border: 1px solid #000000;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	box-shadow: 5px 5px 0px #333333; border-radius: 7px; padding: 5px 5px 5px 5px;
}

.blue {
	background-color: #66ccff;
	width: 100%;
	}
	
.grey {
	background-color: #dddddd;
	/*width: 100%;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 0px #999999; border-radius: 5px; padding: 5px 5px 5px 5px;
	}

.separator {
clear: both;
height: 0;
}

.footer {
background-image: url(images/footerpic.jpg);
background-repeat: no-repeat;
text-align: center;
padding: 10px;
}

.contenttable {
float: none;
width: 470px;
padding: 5px;
border: 0;
margin: 0 auto;
}

.contenttable h2 {
font-size: 120%;
}

.contenttable td {
/*padding: 5px;*/
}

.altrow {
background-color: #dddddd;
}

.bluerow {
	background-color: #3399ff;
}

.newswrapper {
	background-color: #FFFFFF;
	width: 600px;
	padding: 10px;
	margin: 0 auto;
}

.newsstyle {
background-color: #66ccff;
color: #000000;
font-size: small;
}

.textpanel {
background-color: #dddddd;
padding: 10px;
}

.firstletter {
color: #ff0000;
font-size: 150%;
font-weight: bold;
}

.setlist {
float: left;
width: 50%;
}

.lineup {
float: left;
}

.setlist ul {
list-style-type: none;
}

.lineup ul {
list-style-type: none;
}

.contactbox {
margin: 10px 50px 10px 50px;
padding: 10px;
}

.formbox {
width: 50%;
background-color: #dddddd;
border: 1px solid #666666;
padding: 10px;
}
.yellowp {
	background-color:#ffff00;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 0px #999999; border-radius: 5px; padding: 5px 5px 5px 5px;
}