/* CSS Document */

sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");

	for (var i=0; i<sfEls.length; i++) {

		sfEls[i].onmouseover=function() {

			this.className+=” sfhover”;
		}

		sfEls[i].onmouseout=function() {

			this.className=this.className.replace(new RegExp(” sfhover\\b”), “”);
		}
	}
}

if (window.attachEvent) window.attachEvent(”onload”, sfHover);

/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	}

a:visited{
    color:#0000C4;
}
#wrapper {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	height: auto;
	width:860px;
	}
#header {
	position:relative;
	width:860px;
	background-position:580px 10px;
	background-repeat:no-repeat;
	}
#logo {
	width:723px;
QQ	float:left;
	}
#violator {
	position:absolute;
	top:55px;
	right:125px;
}
.indexForm {
	border:1px solid #000066;
	padding:3px;
	background-color:#FFFFEE;
	}
#content {
	padding-top:15px;
	width:660px;
	padding-right:10px;
	float:left;
	}
.borderVideo {
	border:2px solid #999999;
	}
.borderImage {
	float:left;
	border:2px solid #999999;
	margin-right:6px;
/*	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);		For IE	*/
	-moz-opacity: 0.90; 
	opacity:0.90;
	}
a:link .borderImage{
	
	
	}
a img.borderImage:hover    {
	border:2px solid red;
/*	filter: alpha(opacity=100);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);		For IE	*/
	-moz-opacity: 1.0; 
	opacity:1.0;
	
}
.videoDesc {
	vertical-align:top;
	margin: 0px;
	padding: 0px;
	height:120px;
	clear:right;
	font-size:14px;
	border-top:1px solid #444444;
	}
#sideBar {
	width:178px;
	float:left;
	clear:right;
	text-XX:3px;
	}
#QuickTip {
	margin-top:40px;
	background-color:#000000;
	color:white;
	border:1px solid black;
	}
.pageTitle {
	font-size:16pt;
	font-weight:bold;
}
XX#newvids{
	background-image:url(images/camp.png);
	background-repeat:no-repeat;
	margin-top:20px;
	padding-top:48px;
	padding-left:5px;
	font-size:14px;
	font-weight:bold;

}
#newvids ul{
	list-style-type:none;
	list-style-image:url(images/QTlogo.jpg);
	list-style-position:outside;
	padding:0;
	margin-left:8px;
	}
#newvids a {
	color:#0000CC;
	text-decoration:none;
	}
#newvids a:hover{
	text-decoration:underline;
}
.previewBox{
	height:315px;
	border-bottom:1px solid #333;
	}
.preview {
	float:left;
	width:280px;
	height:233px;
	margin-bottom:30px;
	}
.previewDescription{
	padding: 40px 5px 0px 5px;
	margin-left:286px;
	}
/*---------------------------------------------------Index page panels---------*/
#catchingPanel {
	background-image:url(images/VidPanelCatchingWIDE.jpg);
	background-repeat:no-repeat;
}
#hittingPanel {
	background-image:url(images/VidPanelHittingWIDE.jpg);
	background-repeat:no-repeat;
}
#pitchingPanel {
	background-image:url(images/VidPanelPitchingWIDE.jpg);
	background-repeat:no-repeat;
}
#baserunningPanel {
	background-image:url(images/VidPanelBaserunningWIDE.jpg);
	background-repeat:no-repeat;
}
#outfieldingPanel {
	background-image:url(images/VidPanelOutfieldingWIDE.jpg);
	background-repeat:no-repeat;
}
#infieldingPanel {
	background-image:url(images/VidPanelInfieldingWIDE.jpg);
	background-repeat:no-repeat;
}
#Panels {
	margin-top:23px;
	width:672px;
	}
.VidPanel{
	float:left;
	height:500px;
	width:325px;
	padding:5px 0px 10px 10px;
}
.panelScrollBox {
	height:298px;
	width:300px;
	margin-top:145px;
	overflow:auto;
}
.VidPanel .panelVid{
	border:2px solid #000066;
	float:left;
	margin-right:3px;
	clear:left;
	width:85px;
	height:58px;
	}
.buyGroups {
	border:none;
	float:left;
	padding-right:4px;
	}
.panelDivider {
	font-size:12px;
	padding:3px 0 8px 0;
	border-bottom:1px dotted red;
	width:280px;
	height:60px;
	clear:both;
	}
.seeVids {
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	}
/*------------------------------------------------------------Navigation-------*/
/*--ttp://www.logon2.com.au/blog/archive/troubleshooting/accessible-valid-dropdown-menu-or-popup-menu-using-css-and-semantic-html/  */
#navcontainer {
	margin-top:20px;
	margin-bottom:30px;
	height:20px;
	}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	background-color:#000033;
	color:#FFFFFF;
}

#nav a {
	display: block;
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	background-color:#000033;
	border:1px #FFFFFF double;
	padding:6px 23px;							/* pad the links */
}
#nav a:hover {
	display: block;
	background-color:red;
	color:white;
	border:1px #FFFFFF inset;
} 
#nav a:active {
	
	background-color:#0000FF;
	color:white;
} 
#nav li {
	float: left;
}
#nav li ul {
	position: absolute;
	width: 12em;
	left: -999em;
}
#nav li ul li{
	width: 12em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}



.viewCart {
	clear:both;
	}
	
/*===========================Bio Boxes=========================*/
#scott, #jody {
	border:1px solid #000066;
	padding-bottom:5px;
	font-size:12px;
	color:#000066;
	background-color:#DDDDDD;
	padding-right:5px;
}
#scott ul, #jody ul {
	list-style-type:disc;
	list-style-position:outside;
	text-indent:3px;
	margin:0;
	}
#scott li, #jody li {
	margin-left:0px;
}
#scott h3, #jody h3 {
	font-size:14px;
	padding-top:20px;
	padding-bottom:20px;
	color:#DDDDDD;
}
#scott h5, #jody h5 {
	font-size:14px;
}
#jody {
	margin-top:25px;
	background-image:url(camp_images/jodyP2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}
#scott {
	margin-top:5px;
	background-image:url(camp_images/scottm3.jpg);
	background-position:top right;
	background-repeat:no-repeat;

	}
#jody h3 {
	text-indent:80px;
	}
#scott h3 {
	text-indent:4px;
	}
/*===========================Testimonials=========================*/
#testimonials {
	margin-top:20px;
	padding-left:3px;
	}
.quote {
	font-size:.8em;
	color:#000044;
	background-color:#F2F2F0;
	border-top:1px solid #000066;
	border-left-color:#bbbbcc;
	padding:0 2px 0 2px;
	}
.quote img{
	float:left;
	padding-right:4px;
	padding-left: 0;
	}
.author {
	padding:0 10px 7px 0;
	text-align:right;
	font-size:10px;
	font-style:italic;
	color:#000044;
	background-color:#F2F2F0;
	}	
/*=============================Deal Box=====================*/

/*===========================IndexPageContent=========================*/

.indexCategories {
	font-size:.95em;
	color:#000066;
	height: 125px;
	border-top:1px solid black;
	}
/*===========================Footer=========================*/	
#footer {
	font-weight:bold;
	font-size:16px;
	clear:left;
	text-align:center;
	background-color:#000066;
	color:#FFFFFF;
	}
#footer a {
	color:#FFFFFF;
	text-decoration:none;
	}
#footer a:hover {
	text-decoration:underline;
	}
#footer h6 {
	font-size:11px;
	color:#CCCCCC;
	font-weight:lighter;
}
/*===========================Freebies=========================*/
#freebies .freeHeader{
	font-weight:bold;
	font-size:1em;
	border-bottom:1px solid #000066;
	}
#freebies .freeHeader a{
	font-weight:bold;
	font-size:inherit;
	color:#000066;
	}
#freebies .freeHeader a:hover{
	font-weight:bold;
	font-size:inherit;
	color:#0000FF;
	}
#freebies .freeItem{
	Border-bottom:1px solid #000066;
	font-size:.9em;
	}

#freebies a{
	font-weight:bold;
	font-size:1.1em;
	color:#000066;
	}
#freebies a:hover{
	font-weight:bold;
	font-size:1.1em;
	color:#0000FF;
	}

/*===========================Contact=========================*/
input, textarea, select{
	background-color:#ADC9ff;
	}

/*===========================Privacy Page====================*/
#privacy p{
	color:#000055;
	}
#privacy ul li {
	font-size:.7em;
	}
/*===========================================================*/
h3 {margin-top:2px;margin-bottom:2px;}
h5 {margin-top:5px;margin-bottom:3px;}
h6 {font-size:.6em;margin-top:0px;padding-bottom:3px;}
XXul {margin-top:0px;margin-bottom:0px}
XXul li{
	font-size:.6em;
	list-style:none;
	text-indent:-32px;
	}
.rightPic {
	float:right;
	}
#sampleVideo {
	margin-top:10px;
	}
#hittingVideos table td {
	vertical-align:top;
	font-size:.9em;
	}
.videoTitle {
	font-weight:bold;
	font-size:14px;
	}
.videoPrice {
	font-weight:bold;
	}
	
table.videoTable td{
	vertical-align: top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	border-top:1px solid black;
	padding:3px 0px 10px 5px;
	
	}
table.videoTable tr {

	}
.clear{
	clear:both;
	}