/* ________________________________________________
GENERIC STYLES _________________________________*/

body {font-family: arial, 'Lucida Sans Unicode', 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif; font-size: 12px; color: #666666; margin:0; background-color: #fff;}

a:link {color: #ffffff; text-decoration: none;}
a:hover {color: #cccccc; text-decoration: underline;}
a:visited {color: #ffffff; text-decoration: none;}

h1 {margin: 0px 0px 3px 10px ; padding: 0px; color: #666; font-size: 15px;}
h3 {padding-top: 20px; color: #B42F1C; font-weight:normal; font-size: 12px;}
h4 {margin-left: 30px; width: 390px; font-size: 13px; font-family: 'lucida sans', 'lucida sans unicode', verdana, arial; color: #B3CD00;}

hr {color: #ffffff; height: 1px; margin-left:0px;}


/* ________________________________________________
LEFT HAND STYLES _________________________________*/

#left {width: 187px; background:#b3cd00;}

#menu a {display:block; width:187px;}

.add {color: #ffffff; background-color: #859800; border-top: 1px solid #ffffff; margin-top: 300px; padding: 0 15px; height:120px;}
.add p {margin:15px 0;}


/* ________________________________________________
HEADER & CONTENT STYLES ________________________*/

#middle{position: absolute; left: 210px; top:0; z-index:1;}

#header {position: relative; width: 560px; height: 95px; top: 30px;}

#box {position:absolute; left:580px; top:10px; width:187px; height:136px; background: url('../img/panel.gif') no-repeat top;}

#content {position: relative; top:60px; width: 550px; left: 10px;}
#content p {margin-left: 70px; width: 390px; font-size: 12px; font-family: 'lucida sans', 'lucida sans unicode', verdana, arial; color: #554D2F;}
#content p.intro {margin-left: 30px; width: 390px; font-size: 13px; font-family: 'lucida sans', 'lucida sans unicode', verdana, arial; color: #B3CD00; font-weight:bold;}
#content p.bold {font-weight:bold;}
#content a {color:#859800}
#content a:hover {text-decoration:underline;}
#content a.button {color: #ffffff; background-color: #859800; border-top: 1px solid #ffffff; padding: 4px; vertical-align: bottom; display:block; float:left; margin: 0 15px 0 0; text-decoration: none; cursor: pointer;}
#content a.button:hover{text-decoration:none;}
ol li {margin-left: 70px; width: 390px; font-size: 12px; font-family: 'lucida sans', 'lucida sans unicode', verdana, arial; color: #554D2F;}

#book .submit {color: #ffffff; background-color: #859800; border:0; border-top: 1px solid #ffffff; padding: 4px; vertical-align: bottom; display:block; float:left; margin: 0 15px 0 0; cursor:hand;}

/* ________________________________________________
RIGHT HAND STYLES ______________________________*/

 #right {position: absolute; top: 65px; left: 580px; z-index:1;}
#right img {border:0; margin-top: 8px;}
#right p {width:170px; margin:0;}
#video {position: absolute; top:-160px; left: 570px; z-index:1;}

/* ________________________________________________
HOME PAGE STYLES _________________________ _____*/

#home {position:absolute; top:0px; left:0px; z-index:2; width:580px;}
#home h1 {color:#999900; font-size:18px; margin:0 0 10px 10px;}
#home p {color:#fff; letter-spacing:1px;}

#home1 {position: absolute; top:39px; left:0; z-index:1;  width:561px; height:216px; background:url('../img/home1.jpg') no-repeat;}
#home1 p {width:340px;  font-size:14px; padding:0; margin:12px 0 0 13px}



#home1 p#intro {width:320px; font-size:17px; margin-bottom:15px}
#home1 a {position:absolute; bottom:12px; left:10px; font-size:15px; color:#fff; font-weight:bold;}
#home1 a:hover {text-decoration:underline;}

#home2 {position: absolute; top:260px; left:0; z-index:1; width:283px; height:217px; background:url('../img/home2.jpg') no-repeat;}
#home2 p {margin:164px 0 0 10px; width:240px; font-size:14px;}

#home3 {position: absolute; top:260px; right:19px; z-index:1; width:267px; height:217px; background:url('../img/home3.jpg') no-repeat;}
#home3 p {margin:164px 0 0 10px; width:240px; font-size:14px;}

#home_banner1 {position: absolute; top:480px; left:-1px; z-index:1; width:285px; height:173px; background:url('../img/Doug_banner.gif') no-repeat;overflow:hidden;}
#home_banner2 {position: absolute; top:480px; right:19px; z-index:1; width:268px; height:175px; background:url('../img/Perfect_Bum_App.png') no-repeat;overflow:hidden;}

#doug_banner1 {position: absolute; top:480px; left:-1px; z-index:1; width:285px; height:173px; background:url('../img/Doug_banner.gif') no-repeat;overflow:hidden;}
#doug_banner2 {position: absolute; top:480px; left:300px; z-index:1; width:268px; height:175px; background:url('../img/Perfect_Bum_App.png') no-repeat;overflow:hidden;}

#homeFour {position: absolute; top:500px; left:0; z-index:1; width:550px;}
	#homeFour h2 {color:#999900; font-size:12px;}
	#homeFour p {color:#000; font-family:arial,sans-serif; margin-left:30px;letter-spacing:0; width:500px; font-size:11px;}

/* ________________________________________________
COURSES STYLES _________________________ _____*/

ul.ex {list-style-type:disc; margin-left: 30px; color:#554D2F;}
ul.ex a {color: Olive; display:inline;}

#content .sec_nav td {font-weight:bold; text-align:center; vertical-align:middle;}
#content .sec_nav td.top, .sec_nav td.bottom {font-size:0;}

#content .sec_nav a {font-size:10px; line-height:22px; display:block; height:32px; background:#f0f4cf; color:#000; padding:0 7px 0 7px;}
#content .sec_nav a:hover {text-decoration:none;}

#content a.box {background-color:#f0f4cf; border-right:1px solid #b3b2b0;}
#content a.box:hover {text-decoration:none; background-color:#9cac4b; color:#000;}

#content a.box_first {background:#f0f4cf url('../img/sec_nav/sec_nav-firstbox.gif') no-repeat ; border-right:1px solid #b3b2b0;}
#content a.box_first:hover {background:#9cac4b url('../img/sec_nav/sec_nav-firstbox-on.gif') no-repeat; }

#content a.box_last {background:#f0f4cf url('../img/sec_nav/sec_nav-lastbox.gif') no-repeat right; }
#content a.box_last:hover {background:#9cac4b url('../img/sec_nav/sec_nav-lastbox-on.gif') no-repeat right; }

#content span {background-color:#9cac4b; font-size:10px; line-height:22px; display:block; height:32px; color:#000; padding:0 7px 0 7px;}
.box {border-right:1px solid #b3b2b0;}
#content span.box_first {background:#9cac4b url('../img/sec_nav/sec_nav-firstbox-on.gif') no-repeat; border-right:1px solid #b3b2b0;}
#content span.box_last {background:#9cac4b url('../img/sec_nav/sec_nav-lastbox-on.gif') no-repeat right; }

/* Classes for Formatting 

.redbox {border: 1px solid #b42f1c; width: 185px; height: 185px;}

*/
/***** ORDER FORM *****/
.form
{
	float:left;
	position: relative;
	width: 410px;
	padding-left:30px;
}
.form .row
{
	float: left;
	width: 100%;
	padding-bottom: 5px;
}
.form .row .label,
.form .row .label2
{
	float: left;
	width: 150px;
	padding-top: 3px;
	font: 12px/14px arial;
}
.form .row .label2
{
	padding-top: 0px;
}
.form .row .input
{
	float: left;
	width: 260px;
}
.form .row .input input
{
	display: block;
	float: left;
	width: 250px;
	font: 12px arial;
	margin: 0px;
	padding: 2px 4px;
	border: 1px solid black;
}
.form .row .input select
{
	display: block;
	float: left;
	width: 260px;
	font: 12px arial;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	border: 1px solid black;
}
.form .row .input textarea
{
	display: block;
	float: left;
	width: 254px;
	height: 80px;
	font: 12px arial;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	border: 1px solid black;
}
.form .row .but
{
	display:block;
	float:right;
	background-color: #859800;
	border: none;
	font: bold 12px 'lucida sans', 'lucida sans unicode', verdana, arial;
	padding: 2px 4px 3px;
	color: #ffffff;
	cursor: pointer;
}
/***** /ORDER FORM *****/