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

h1, h2, h3, h4, h5, h6, p, html, body, ul, li, dl , dd, dt, label, input, select, form, fieldset, legend {
	margin:0;
	padding:0;
	line-height:1.3em;
}

body {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	background: #97b78e;
	margin: 0px;
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}
#container {
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin-left:auto;
	margin-right:auto;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
}

#container a {
	color:#000;
	text-decoration:none;
}	

#container.home{ 
	background:url(images/background1.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:center;
	
}

#header{
	margin:0px;
	padding:0px;
	height:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
#john.lofty {
	font-size:24px;
	font-weight:bolder;
	float:right;
	margin-top:10px;
	margin-right:10px;
}
#john.wiseman {
	font-size:18px;
	font-weight:bold;
	float:right;
	margin-right:10px;
	margin-bottom:10px;
}
#header H1{
	padding: 0px 50px 0px 50px; 
	
}
#nav {
	float:left;
	width:900px;
	height:30px;
	margin-top:10px;
	padding:0 69px 0 0;
	z-index:300;
	}	
	
/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	
#drops, #drops ul {
	padding:0;
	margin:0;
	clear:both;
	float:left;
	width:inherit;
}
	
#drops ul.drop {
	background:#000;
	padding:5px;
	width:inherit;
	clear:both;
	float:left;
	margin-top:30px;
	}

#drops ul.drop li {
    width:inherit;
	clear:both;
	}

#drops ul.drop a {
	
	color:#fff;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	clear:both;
	float:left;
	}

#drops ul.drop a:hover, #drops ul.drop a.sfhover {
	color:#F90;
}

#drops a {
	display: block;
	/*width: 10em;*/
	float:left;
	clear:both;
	width:135px;
}

#drops li {
	float: left;
	list-style-type:none;
	/*width: 10em;*/
}

#drops li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#drops li:hover ul {
	left: auto;
	color:#0FF;
}

#drops li:hover ul, #drops li.sfhover ul {
	left: auto;
	color:#0FF;
}
/*END SUCKERFISH*/

/*SPRITE BACKGROUP POSITIONING*/	
#nav a.home, #nav a.course-info, #nav a.instructors, #nav a.shop, #nav a.contact-us, #nav a.forum {
	float:left;
	background:url(images/nav/nav-bar.gif) no-repeat;
	height:30px;
	text-indent:-999999px;
	}
	
#nav a.home {	
	background-position:left top;
	width:150px;
	}
	
#nav a.course-info {	
	background-position:-150px 0;
	width:150px;
	}

#nav a.instructors {	
	background-position:-300px 0;
	width:150px;
	}

#nav a.shop {	
	background-position:-450px 0;
	width:150px;
	}	
	
#nav a.contact-us {	
	background-position:-600px 0;
	width:150px;
	}	
	
#nav a.forum {	
	background-position:-750px 0;
	width:150px;
	}	

#nav a.home:hover {	
	background-position:left -30px;
	color:#0FF;
	}
	
#nav a.course-info:hover {	
	background-position:-150px -30px;
	color:#0FF;
	}

#nav a.instructors:hover {	
	background-position:-300px -30px;
	color:#0FF;
	}

#nav a.shop:hover{	
	background-position:-450px -30px;
	color:#0FF;
	}	
	
#nav a.contact-us:hover{	
	background-position:-600px -30px;
	color:#0FF;
	}	
	
#nav a.forum:hover {	
	background-position:-750px -30px;
	color:#0FF;
	}
	
#nav a#active1 {	
	background-position:left -60px;
	}
	
#nav a#active2 {	
	background-position:-150px -60px;
	}

#nav a#active3 {	
	background-position:-300px -60px;
	}

#nav a#active4{	
	background-position:-450px -60px;
	}	
	
#nav a#active5{	
	background-position:-600px -60px;
	}	
	
#nav a#active6 {	
	background-position:-750px -60px;
	}	
	
a { 
	outline: none;
	text-decoration:none;
}
/*END NAVIGATION*/

h2 {
	font-weight:bolder;
	color:#5F191F;
	text-align:center;
}

p {
	font-weight:bold;
	font-size:12px;
	padding-left:10px;
	padding-right:10px;
}

.imageleft{
	float:left;
	padding: 10px 10px 10px 10px;
	z-index:2;
}
img{
	border:0;
}
.imageright{
	float:right;
	padding: 10px 10px 10px 10px;
	z-index:3;
}

.videoright{
	float:right;
	padding: 10px 10px 10px 10px;
	z-index:4;
}
.videoleft{
	float:left;
	padding: 10px 10px 10px 10px;
	z-index:5;
}
#state.statement{
	text-align:center;
	font-size:17px;
	font-style:italic;
	font-weight:bolder;
}
#state.statement1{
	text-align:center;
	color:#F00;
	font:Verdana, Geneva, sans-serif;
	font-size:19px;
	font-style:italic;
	font-weight:bolder;
}
.statement{
	text-align:center;
	font-size:17px;
	font-style:italic;
	font-weight:bolder;
}
.statement a{
	text-decoration:none;
}
.chris{
	padding: 35px;
}
BLOCKQUOTE{
	width:880px;
	background-color:#060;
	color:#FFF;
	margin:0px 60px 30px 0px;
	padding:10px;
	font-size:130%;
	font-style:italic;
	font-weight:bold;
	line-height:180%;
	
	
}
#mainContent BLOCKQUOTE SPAN{
	display:block;
	padding: 25px 25px 25px 25px;
}
#mainContent a {
	color:#000;
	text-decoration:none;
}
.kit {
	list-style-type:none;
	margin-left:20em;
}
.starR {
	color: #F00;
}
.starA {
	color:#F90
}
.starB {
	color:#00C;
}
.course1 {
	font-weight:bold;
}
#marqueecontainer{
position: relative;
width: 880px; /*marquee width */
height: 70px; /*marquee height */
background-color: #060;
color:#FFF;
overflow: hidden;
padding: 5px;
padding-left: 10px;
}
