

/*************************************************************
--------------------------------------------------------------

  Author  :  Troy Martz
  Web     :  http://studio619.com/
  E-mail  :  troy@studio619.com

--------------------------------------------------------------
*************************************************************/

* {
	margin:0;
	padding:0;
}
body {
	color:#666;
	font-family:Trebuchet MS,verdana, arial, helvetica, sans-serif;
	font-size:11px;
	margin:0 auto;
	background:#183014 url(images/bg1.jpg) repeat-x center top;
	
}
h1,
h2,
h3,
h5 {
	font-size: 1em;
	font-weight:normal;
	margin:0;
}
h4{
	font-size:20px;
	color:#CB742F:
	}
img {
	border:none;
}
ol, ul, dl {
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}
li, dt, dd {
	margin:0;
	padding:0;
}
.page1{
	background:url(images/bg2.png) repeat-y;
	width:1032px;
	margin:0 auto;
}
.header{
	width:1032px;
	height:180px;
	position:relative;
}
.header h1{
	background:url(images/header2.jpg) no-repeat;
	position:relative;
	width:990px;
	height:180px;
	position:relative;
	overflow:hidden;
	margin:0px auto;
}
.header h1 span{
	position:absolute;
	top:300px;
}
.footer{
	background:url(images/footer.jpg) no-repeat bottom;
	height:74px;
	width:990px;
	clear:both;
	margin-top:10px;
	margin:0 auto;
}
.top{
}
.content{
	width:970px;
	margin:0px auto;
	clear:both;
	padding:0px;
	background-color:#FFFFFF;
}
.data{
	float:left;
	clear:none;
	width:810px;
	margin-bottom:25px;
	overflow:hidden;
	background-color:#FFFFFF;
}
.doubleCol, .singleCol{
	float:left;
	clear:both;
	width:810px;
	background-color:#FFFFFF;
}
.adbar{
	width:160px;
	overflow:hidden;
	clear:none;
	float:right;
	padding:0px;
	background:#fff;
}
ul.topnav {
	background:#cb742f url(images/nav.gif) repeat-x scroll center top;
	display:block;
	height:40px;
	left:21px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:125px;
	width:990px;
}
ul.topnav li {
	clear:none;
	display:block;
	float:left;
	margin:0px;
}
ul.topnav li a:link, ul.topnav li a:hover, ul.topnav li a:visited {
	background:transparent url(images//nav.gif) repeat-x;
	border-left:1px solid #df8747;
	border-right:1px solid #c66a28;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:6px;
	color:#FFFFFF;
	display:block;
	float:left;
	font-size:13px;
	font-weight:bold;
	height:28px;
	margin:0px;
	outline-style:none;
	padding:12px 20px 0px 20px;
	text-decoration:none;
}
ul.topnav li a:hover {
	background:transparent url(images//nav2.gif) repeat-x;
	color:#FFFFFF;
	text-decoration:underline;
}

ul.blog{
	margin-left:35px;
	list-style:disc;
	}

.column1, .column2{
	width:395px;
	float:left;
	clear:none;
	margin-right:10px;
}

a:link, a:hover, a:visited{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#CB742F;
	text-decoration:none;
	font-weight:bold;

}
a:hover{
	text-decoration:underline;
	}

/* -------------------- Themes -------------------- */

{
	margin:0 auto;
	text-align:left;
	width:100%px;
}
div.box{
	background:#fff;
	margin-bottom:10px;
	padding:0px;
	float:left;
	clear:both;
}
div.box#pressbox{
	background-color:#ffffff;

}

div.box#pressboxl ul, div.box#pressboxr ul{
	list-style-type:none;
	display:block;
	width:395;

	}
div.box#pressboxl ul a, div.box#pressboxr ul a{
	display:block;
	width:345px;
	height:100px;
	padding:10px;
	margin:10px;
	border:1px solid #cccccc;
	}

div.box#give ul a img{
	padding-left:15px;
	padding-right:10px;
	}
div.box#pressboxl ul a:hover, div.box#pressboxr ul a:hover{
	background-color:#f1f1f1;
	}
div.box#pressboxl ul{
	margin-left:25px;
	}
	
div.box#give ul, div.box#sponsors ul{
	list-style-type:none;
	display:block;
	margin-left:25px
}

div.box#give ul a, div.box#sponsors ul a{
	display:block;
	width:730px;
	height:150px;
	padding:10px;
	border:1px solid #cccccc;
	text-decoration:none;
	}
div.box#give ul a font, div.box#sponsors ul a font{
	font-size:20px;
	}
	
div.box#pressboxl ul a font, div.box#pressboxr ul a font{
	font-size:15px;
	}

	
div.box#sponsors ul a.quicksilver{
	height:60px;
	}

div.box#sponsors ul a.future{
	height:80px;
	}

div.box#give ul a:hover, div.box#sponsors ul a:hover{
	background-color:#f1f1f1;
	}	

div.box#give ul a p, div.box#sponsors ul a p{
	color:#666666;
	font-weight:normal;
	}
	
div.music{
	width:740px;
	margin-left:25px;
	padding:10px;
	border:1px solid #cccccc;
	margin-bottom:25px;
	overflow:auto;
	}

div.info{
	display:block;
	width:470px;
	float:left;
	clear:none;
	padding:0px;

}

div.info ul#songs{
	display:block;
	width:200px;
	float:left;
	clear:none;
	margin:0px;
	padding:10px;
}

div.info ul#songs li span{
	display:block;
	height:15px;
	float:left;
	width:20px;
	clear:none;
	height:25px;
	}




div.info h3{
	color:#CC6600;
	font-size:22px;
	}

div.cd{
	width:192px;
	float:right;
	clear:none;
	}
div.music div.cd ul#buy{
	display:block;
	padding:0px;
	margin:0px;
	background:#CB742F url(images/nav4.gif) repeat-x;
	}
div.music div.cd ul#buy li{
	display:block;
	float:left;
	clear:none;
	margin:0px;
	padding:0px;

	}
div.music div.cd ul#buy li a:link, div.music div.cd ul#buy li a:hover, div.music div.cd ul#buy li a:visited{
	display:block;
	background:#CB742F url(images/nav4.gif) repeat-x;
	border-left:1px solid #DF8747;
	border-right:1px solid #C66A28;
	color:#FFFFFF;
	width:62px;
	height:20px;
	text-align:center;
	padding-top:5px;
}

div.music div.cd ul#buy li a:hover{
	background:#CB742F url(images/nav3.gif) repeat-x;
}
	
	
div.box h2 {
	background:#fff;
	color:#3B6C35;
	font-size:20px;
	padding:5px 0px;
	margin-left:25px;
}
div.box h2 span a {
	background-color:#f90;
	color:#fff;
	padding:5px;
	text-decoration:none;
	font-size:11px;
	line-height:10px;
	margin-top:-22px;
	float:right;
}
div.box h2 span a:hover{
	background-color:#2B92D8;
}
div.box h3 {
	color:##CB742F;
	font:bold 22px;
	display:block;
}
div.box p {
	font:10px;
	padding:5px 10px;
}
div.box p#heading {
	margin-left:30px;
	padding:0px;
}
div.box table {
	clear:none;
	float:left;
	margin-left:20px;
	margin-right:20px;
}
div.box table td{
	padding:3px;
	}
div.box table td font{
	display:block;
	padding-right:5px;
	color:#666666;
	font-family:Trebuchet MS,verdana,arial,helvetica,sans-serif;
	font-size:11px;
	width:170px;
	}
div.box dl {
	clear:both;
	display:block;
	float:left;
	margin:10px 0;
	padding:0;
}
div.box dl dt {
	color:#666;
	font:bold 1.4em/1.5em;
	padding:5px 10px;
}
div.box dl dd{
	clear:both;
	display:block;
	float:left;
	font:1.2em/1.5em;
}

div.box dl dd b{
	display:block;
	float:left;
	padding:5px 5px 5px 5px;
	text-align:right;
	color:#2B92D8;
}

div.leftJust dl dd b{
	display:block;
	float:left;
	padding:5px 5px 5px 5px;
	text-align:left;
}

div.leftJust#intro{
	background-color:#FFFFFF;
	}

div.box dl dd i {
	display:block;
	float:left;
	font-style:normal;
	padding:5px;
	text-align:left;
}
 div.leftJust dl dd i {
	display:block;
	float:left;
	clear:both;
	text-align:left;
}

div#Onsurfari839194, div#OnsurfariNews839265, div#onsurfarimusic2028696{
	padding:20px;
	width:755px;
	background:url(images/blog_bg.gif) repeat-x;
	margin-left:5px;
	}

div#Onsurfari839194 p.date, div#OnsurfariNews839265 p.date, div#onsurfarimusic2028696 p.date{
	font:.8em/1.5em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	padding:5px 10px;
	text-transform:uppercase;
	}

div#Onsurfari839194 ul li span.headline a, div#OnsurfariNews839265 ul li span.headline a, div#onsurfarimusic2028696 ul li span.headline a{
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#cb742f;
	text-decoration:none;
	}
	
div#Onsurfari839194 div, div#OnsurfariNews839265 div, div#onsurfarimusic2028696 div{
	padding:5px 0px;
	border-bottom:2px dotted #CCCCCC;
	margin-bottom:10px;

}




xdiv#Onsurfari839194{
	height:415px;
	overflow:auto;

	}
	
div#Onsurfari839194 div#creditfooter, div#OnsurfariNews839265 div#creditfooter, div#OnsurfariNews839265 div#creditfooter, div#onsurfarimusic2028696 div#creditfooter{
	display:none;
		}

div.art, div.contactr{
	padding: 10px;
	}

/*-------------------- Widths -------------------- */


.singleCol div.box{
	width:800px;
	}
.singleVidCol div.box{
	width:800px;
	}
.doubleCol .column2 div.box, .doubleCol .column1 div.box{
	width:395px;
	}
.singleCol div.box dl {
	width:800px;
	}
.doubleCol .column1 div.box dl, .doubleCol .column2 div.box dl {
	width:385px;
	}
.singleCol div.box dl dt {
	width:385px;
}
.doubleCol .column1 div.box dl dt, .doubleCol .column2 div.box dl dt{
	width:185px;
}
.singleCol div.box dl dd {
	width:800px;
}
.doubleCol .column1 div.box dl dd, .doubleCol .column2 div.box dl dd{
	width:385px;
}
.singleCol dl dd i {
	width:350px;
}
.doubleCol .column1 dl dd i, .doubleCol .column2 dl dd i {
	width:170px;
}
.doubleCol .column1 .profile dl dd i, .doubleCol .column2 .profile dl dd i {
	width:100px;
}
dl dd b {
	width:50%;
}
.profile dl dd b {
	width:250px;
}
div.profile{
	background:#eee url(images/profiles/large/19.jpg) no-repeat 10px 45px;
}

div.profile#coach{
	background:#eee url(images/coach.jpg) no-repeat 10px 45px;
}

.leftJust dl dd b{
	width:800px;
}
.doubleCol .column1 .leftJust dl dd b, .doubleCol .column2 .leftJust dl dd b{
	width:385px;
}
.doubleCol .column1 .leftJust dl dd i, .doubleCol .column2 .leftJust dl dd i {
	width:365px; padding-left:20px;
}
.singleCol .leftJust dl dd i{
	width:780px; padding-left:20px;
}






div.more {
	clear:both;
	display:block;
	height:35px;
	position:relative;
	text-align:center;
	width:100%;
}
div.more a {
	background:#eee url(images/more.gif) no-repeat center center;
	color:#2B92D8;
	display:block;
	font-weight:bold;
	height:27px;
	padding:8px 0 0 0;
	text-align:center;
	text-decoration:none;
	width:100%;
}
div.more a:hover {
	color:#f90;
	text-decoration:underline;
}




/* ---------- FORMS ---------- */

form.editForm {
	background:#eee;
	width:620px;
}
form.editForm fieldset {
	border:none;
	width:620px;
}
form.editForm fieldset h2 {
	background:#fff;
	clear:both;
	color:#f90;
	display:block;
	float:left;
	padding:5px 10px;
	text-align:left;
	width:600px;
	font-size:20px;
	line-height:20px;
}
form.editForm fieldset legend {
	background:#fff;
	clear:both;
	color:#f90;
	display:block;
	float:left;
	font:1.8em/1.5em;
	line-height:;
	padding:5px 10px;
	text-align:left;
	width:600px;
}
form.editForm fieldset p {
	clear:both;
	display:block;
	float:left;
	font:1.2em/1.5em;
	line-height:11px;
	padding:5px 10px;
	text-align:left;
	width:600px;
}
form.editForm fieldset ul {
	clear:both;
	display:block;
	float:left;
	padding:5px 10px;
	text-align:left;
	width:600px;
}
form.editForm fieldset ul li a {
	color:#2B92D8;
	font:1.2em/1.5em;
	line-height:12px;
	text-decoration:underline;
}
form.editForm fieldset ul li a:hover {
	color:#f90;
}

/* ---------- TEXT BASED FORMS ---------- */

form.editForm fieldset label.label_text {
	clear:both;
	display:block;
	margin:0;
	padding:0 10px;
	width:600px;
}
form.editForm fieldset label.label_text b {
	color:#2B92D8;
	display:block;
	float:left;
	font:bold 1.2em/1.5em;
	line-height:12px;
	padding:8px 5px 2px 10px;
	text-align:right;
	width:285px;
}
form.editForm fieldset label.label_text i {
	color:#666;
	display:block;
	float:left;
	font:1.2em/1.5em;
	line-height:12px;
	padding:5px 10px 5px 5px;
	text-align:left;
	width:285px;
}
form.editForm fieldset label.label_text i input,
form.editForm fieldset label.label_text i select {
	color:#666;
	font:1em/1em;
	line-height:12px;
}

/* ---------- CHECKBOX BASED FORMS ---------- */

form.editForm fieldset label.label_check {
	clear:both;
	display:block;
	margin:0;
	padding:0 10px;
	width:600px;
}
form.editForm fieldset label.label_check b {
	color:#2B92D8;
	display:block;
	float:left;
	font:bold 1.2em/1.5e;
	line-height:11px;
	padding:8px 5px 2px 10px;
	text-align:right;
	width:285px;
}
form.editForm fieldset label.label_check i {
	color:#666;
	display:block;
	float:left;
	font:1.2em/1.5em;
	line-height:11px;
	padding:5px 10px 5px 5px;
	text-align:left;
	width:285px;
}
form.editForm fieldset label.label_check i input,
form.editForm fieldset label.label_check i select {
	color:#666;
	font:1em/1em;	
	line-height:11px;
}

/* ---------- RADIO BASED FORMS ---------- */

form.editForm fieldset label.label_radio {
	clear:both;
	display:block;
	margin:0;
	padding:0 10px;
	width:600px;
}
form.editForm fieldset label.label_radio b {
	color:#2B92D8;
	display:block;
	float:left;
	font:bold 1.2em/1.5em;
	line-height:11px;
	padding:5px 5px 5px 5px;
	text-align:right;
	width:285px;
}
form.editForm fieldset label.label_radio i {
	color:#666;
	display:block;
	float:left;
	font:1.2em/1.5em;
	line-height:11px;
	padding:5px 10px 5px 5px;
	text-align:left;
	width:285px;
}
form.editForm fieldset label.label_radio i input,
form.editForm fieldset label.label_radio i select {
	color:#666;
	font:1em/1em;
	line-height:11px;
}
div.box table.videoTable{
margin:0px;
padding:0px;
border:none;
}
div.box table.videoTable td{
margin:0px;
padding:0px;
border:none;
background:#FFF;
}
.embedVid{
float:left;
clear:none;
width:486px;
}
.videos, .videos1, .videos2, .videos3, .videos4{
float:right;
clear:none;
width:300px;
margin-right:10px;
border:1px solid #CCC;
height:420px;
overflow:scroll;
}
.video, .video1, .video2, .video3, .video4, .videos1 .video1, .videos2 .video2,  .videos3 .video3, .videos4 .video4{
clear:both;
float:left;
background:#FFF;
border-bottom:1px solid #CCC;
display:block;
}
.videos1 .video1, .videos2 .video2,  .videos3 .video3,  .videos4 .video4{
background:#F1F1F1;
}
a.vidBox img{
float:left; 
clear:none;
width:100px;
}
a.vidBox div{
float:right; 
clear:none;
width:150px;
}
a.vidBox div h3{
font-size:18px;
color:#CB742F;
}
.icon{
float:left;
width:100px;
clear:none;
}
.video_info{
float:left;
width:150px;
clear:none;
}
.video_info h3{
color:#FF6600;
font-size:18px;
text-decoration:none;
}
.video_info .description{
color:#333;
text-decoration:none;
width:280px;
}
a.vidBox:link, a.vidBox:hover, a.vidBox:visited{
display:block;
padding:10px;
width:260px;
overflow:hidden;
background:;
color:#666;
text-decoration:none;
}
a.vidBox:hover{
background:#F1F1F1;
}

.videolist{
	height:400px;
	overflow:auto;
	}
	
div.box table.bullseye td{
	padding:0px;
	margin:0px;
	width:10px;
	}
	
.button, .emailbutton{
	background:#CB742F url(images/nav1.gif) repeat-x scroll 0%;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px;
	font-size:14px;
	border:1px solid #f1f1f1;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	margin-top:5px;
	
	}
.emailbutton{
	width:145px;
	height:35px;
	}

a.button2:link, a.button2:hover, a.button2:visited{
	display:block;
	width:135px;
	background:#CB742F url(images/nav1.gif) repeat-x scroll 0%;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:8px;
	font-size:14px;
	border:1px solid #f1f1f1;
	font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
	float:left;
	text-align:center;
	margin-top:10px;
	height:27px;
	
	}
a.button2:hover{
	text-decoration:underline;
	}

.homebox{
	width:365px; padding:15px; float:left; clear:none;
	background-image:url(images/home_box_bg.gif);
	background-repeat:no-repeat;
	height:260px;
	}
	
.homebox2{
	width:790px; padding:15px; float:left; clear:none;
	background-image:url(images/home_box2_bg.gif);
	background-repeat:no-repeat;
	height:260px;
	}
	
.homebox#left{
	margin-right:10px
	}
	
.homebox h3, .homebox2 h3{
	color:#CC6600;
	font-size:22px;
	}

.songlist{
	margin-left:8px; margin-top:5px; width:150px; float:left;
}

.songlist font{
	
	font:11px Trebuchet MS,Arial,Helvetica,sans-serif;

}

.singleCol h4{
	display:block;
	color:#CC6600;
	font-size:22px;
	margin-bottom:5px;
	margin-top:10px;
	width:790px;
	height:30px;
	background:url(images/topper.gif) repeat-x;
	padding:10px 0px 0px 10px;
	}

.adbar h3{
font:18px Trebuchet MS,Arial,Helvetica,sans-serif; color:#3b6c35
}

.headline{
	display:block;
	font-size:15px;
	padding-top:10px;
	padding-bottom:10px;
}
