@charset "utf-8";
/* CSS Document */

/* -----------------------------------Global Styles----------------------------------- */

* {
	margin:0px;
	padding:0px;
}
body {
	text-align:center;
	background:url(../images/vineyard.jpg);
	margin:0px;
	padding:0px;
}
p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #564841;
	line-height: 16px;
	margin:0px;
	padding:0px;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #885B00;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #885B00;
	text-decoration: none;
	margin:0px;
	padding:0px;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #885B00;
	text-decoration: none; 
	margin:0px;
	padding:0px;
}
a:hover {
	color:#FFFFFF;
	background-color: #766641;
	padding:4px;
	margin:0px;
	padding:0px;
}
.brownminiheader {
	color: #564841;
	font-weight: bold;
	font-size: 11px;
}
.seo {
	color:#FFFFFF;
	font-size:1px;
	margin-top:10px;
	display: none;
}
/* -----------------------------------Page Styles Affecting Layout----------------------------------- */

#pageswrapper {
	position:relative;
	width:712px;
	margin:0px auto;
	height:auto;
	display:block;
}
/* Header Section */
#bannertop {
	position:absolute;
	left:0px;
	top:0px;
	width:712px;
	height:144px;
	background:url(../images/bannertop.jpg);
	display:block;
}
#bannermenu {
	position:absolute;
	left:0px;
	top:144px;
	width:712px;
	height:29px;
	background:url(../images/bannermenu.jpg);
	display:block;
	margin:0px;
	padding:0px;
}
/* Navigation for Non-Home Pages */

#pagenav {
	height: 30px;
}
#navpages {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	font-variant:small-caps;
}
#navpages li{
	display: inline;
}
#navpages li a {
	float: left;
	height: 9px;
	padding: 8px;
	margin-top: 2px;
	text-decoration: none;
}
#navpages li a:link, #navpages li a:visited {
	color: #385563;
}
#navpages li a:hover {
	background-color: #828277;
}
#navpages .current a:link {
	border-bottom: 7px solid #828277;
	padding-bottom: 3px;
}

/* Containers for Non-home Page Menu Items */
#pageshome {
	position:absolute;
	left:194px;
	top:144px;
	width:62px;
	height:29px;
	visibility:visible;
	float:none;
}
#pagesabout {
	position:absolute;
	left:259px;
	top:144px;
	width:82px;
	height:29px;
	visibility: visible;
	float:none;
	padding-left:2px;
}
#pagesexplore {
	position:absolute;
	left:341px;
	top:144px;
	width:89px;
	height:29px;
	visibility:visible;
	float:none;
	padding-left:7px;
}
#pagescontact {
	position:absolute;
	left:430px;
	top:144px;
	width:95px;
	height:29px;
	visibility:visible;
	float:none;
}
/* This div controls the ability of the page to grow in length */
#pageswrapper #slider {
	position:relative;
	left: 0;
	top: 148;
	width: 712;
	/*height: auto;*/
	display:block;
	visibility:visible;
}
/* Panels for Content and Sidebar Positioning and Background */
#pageswrapper #slider #panels {
	position:relative;
	left: 0;
	top: 0px;
	width: 712px;
	visibility:visible;
	background: url(../images/panelsbgmid2.gif) repeat-y;
	display:block;
	/*border-collapse: collapse;*/
}
#pageswrapper #slider #panelsbgfirst {
	position:relative;
	left:0px;
	top:0px;
	width:712px;
	height:16px;
	z-index:1;
	visibility:visible;
	background: url(../images/panelsbgfirst.gif) no-repeat;
	display:block;
}
/* The Content Section */

/* All Purpose General Content Wrapper */
#pageswrapper #slider #panels #content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	background:url(../images/vinebgLong.jpg) right no-repeat scroll;
	width: 492px;
	* width: 527px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-left:12px;
	* padding-left:25px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	* margin-left:-30px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-bottom:10px;
	padding-top:10px;
	padding-right:12px;
	display:block;
}

/* All Purpose General Content Unordered List */
#pageswrapper #slider #panels #content ul {
	list-style:none;
	border-left:solid #996600;
	margin-left:1px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:8px;
}

/* RQ Bio Page Content Wrapper */
#pageswrapper #slider #panels #rqcontent {
	background:url(../images/rqbg.jpg) right no-repeat scroll;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	width: 417px;
	height:280px;
	* width: 527px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-left:12px;
	* padding-left:25px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	* margin-left:-30px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-bottom:10px;
	padding-top:10px;
	padding-right:86px;
	display:block;
}

/* RB Bio Page Content Wrapper */
#pageswrapper #slider #panels #rbcontent {
	background:url(../images/rbbg.jpg) right no-repeat scroll;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	width: 363px;
	height:480px;
	* width: 527px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-left:12px;
	* padding-left:25px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	* margin-left:-30px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-bottom:10px;
	padding-top:10px;
	padding-right:140px;
	display:block;
}

/* TH Bio Page Content Wrapper */
#pageswrapper #slider #panels #thcontent {
	background:url(../images/timbg.jpg) right no-repeat scroll;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	width: 363px;
	height:380px;
	* width: 527px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-right:12px;
	* padding-left:153px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	* margin-left:-30px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-bottom:10px;
	padding-top:10px;
	padding-left:140px;
	display:block;
}

#pageswrapper #slider #panels #thcontent .last {
	padding-left:98px;
}

#pageswrapper #slider #panels #thcontent .verylast {
	padding-left:14px;
}

/* Contact Us Page Content Wrapper */
#pageswrapper #slider #panels #contactcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	background:url(../images/contactbg.jpg) right no-repeat scroll;
	width: 492px;
	* width: 527px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-left:11px;
	* padding-left:25px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	* margin-left:-30px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-bottom:10px;
	padding-top:10px;
	padding-right:12px;
	display:block;
}

#pageswrapper #slider #panels #thankyoucontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	background:url(../images/contactbg.jpg) right bottom no-repeat scroll;
	width: 492px;
	* width: 527px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-left:11px;
	* padding-left:25px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	* margin-left:-30px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-bottom:10px;
	padding-top:10px;
	padding-right:12px;
	display:block;
}

#pageswrapper #slider #panels #sitemapcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	background:url(../images/contactbg.jpg) right bottom no-repeat scroll;
	width: 492px;
	* width: 527px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-left:11px;
	* padding-left:25px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	* margin-left:-30px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-bottom:10px;
	padding-top:10px;
	padding-right:12px;
	display:block;
}

/* Songlists Page Content Wrapper */
#pageswrapper #slider #panels #songcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	background:url(../images/songbg.jpg) right no-repeat scroll top;
	width: 492px;
	* width: 527px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	height:98px;
	padding-left:12px;
	* padding-left:25px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	* margin-left:-27px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-bottom:80px;
	padding-top:10px;
	padding-right:12px;
	display:block;
}

/* Community (links) Page Content Wrapper */
#pageswrapper #slider #panels #communitycontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	background:url(../images/communitybg.jpg) right no-repeat scroll top;
	width: 492px;
	* width: 527px;
	height:108px;
	padding-left:12px;
	* padding-left:25px;
	* margin-left:-30px;
	padding-bottom:80px;
	padding-top:10px;
	padding-right:12px;
	display:block;
}

/* About Us Page Content Wrapper */
#pageswrapper #slider #panels #aboutcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	background:url(../images/aboutbg.jpg) right no-repeat scroll top;
	width: 492px;
	* width: 527px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-left:12px;
	* padding-left:25px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	* margin-left:-30px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-bottom:80px;
	padding-top:10px;
	padding-right:12px;
	display:block;
}

/* Explore Page Content Wrapper */
#pageswrapper #slider #panels #explorecontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	background:url(../images/explorebg.jpg) right no-repeat scroll top;
	width: 492px;
	* width: 527px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-left:12px;
	* padding-left:25px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	* margin-left:-30px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-bottom:80px;
	padding-top:10px;
	padding-right:12px;
	display:block;
}

/* Explore Page Content Unordered List */
#pageswrapper #slider #panels #explorecontent ul {
	list-style:none;
	border-left:solid #996600;
	margin-left:1px;
	margin-top:5px;
	margin-bottom:5px;
	padding-left:8px;
}

/* The Sidebar Section */
#pageswrapper #slider #panels #sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align: center;
	display: block;
	width: 160px;
	* width:175px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding:10px;
	float:right;
	z-index:20;
}
#pageswrapper #slider #panels #sidebar ul{
	list-style:none;
	margin-top:10px;
	padding:0px;
}
/* The Footer Section */
#pageswrapper #slider #footer {
	height:30px;
	background-color:#392E2A;
	padding-bottom:10px;
	padding-top:2px;
}
 
/*Styles below this point belong to individual pages*/

/* Soundbytes Page Content Wrapper */
#pageswrapper #slider #panels #soundcontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	background:url(../images/vinebgLong.jpg) right no-repeat scroll;
	width: 502px;
	* width: 527px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-left:0px;
	* padding-left:25px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	* margin-left:-43px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	display:block;
}
#soundbytes {
	background-image:url(../images/soundbg2.jpg);
	background-color:f3d068;
	background-repeat:no-repeat;
	width:515px;
	height:534px;
	background-position:right top;
	margin:0;
	padding:0;
	position:relative;
	border-collapse: collapse;
}
#soundbytes #topbytes {
	background-color: #F3D068;
	background-position: left;
	text-align: left;
	display: block;
	height: 162px;
	width: 335px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 8px;
	list-style-type: none;
	left: 0px;
	top: 0px;
	margin:0px;
	position:absolute;
}
#soundbytes #midbytes {
	background-color: none;
	background-position: left;
	text-align: left;
	display: block;
	height: 158px;
	width: 385px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 72px;
	list-style-type: none;
	left: 0px;
	top: 190px;
	margin:0px;
	position:absolute;
}
#soundbytes #lastbytes {
	background-color: #FFF;
	background-position: left;
	text-align: left;
	display: block;
	height: 158px;
	width: 335px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 8px;
	list-style-type: none;
	left: 0px;
	top: 356px;
	margin:0px;
	position:absolute;
}
.mp3classleft {
	margin:0px;
	border-collapse: collapse;
	float:left;
	display:block;
}
.mp3classright {
	margin:0px;
	border-collapse: collapse;
	float:right;
	display:block;
}
.rtjust {
	text-align: right;
	display:block;
	padding-right:10px;
}
#songleft {
	position:relative;
	left: 0px;
	top: 0px;
	text-align:left;
	width:244px;
}
#songright {
	position:absolute;
	right: 207px;
	top: 10px;
	text-align: right;
	width:244px;
	float:right;
}
#pageswrapper #slider #footer #arrowLeft {
	left:0px;
	top:0px;
	float:left;
}
#pageswrapper #slider #footer #copyright {
	padding-right:50px;
}
#pageswrapper #slider #footer #arrowRight {
	position:absolute;
	right:0px;
	bottom:0px;
	*bottom:14px; /* KLUGE: fixes IE 6.0/7.0 positioning issue */
}