@charset "utf-8";
/* CSS Document */
body
{
behavior:  url(csshover.htc);
background-color: #999999;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px; 
text-align:center;
padding: 0;
margin: 0;
border: 0;
}

#wrapper
{
position:relative;
margin:0 auto;
text-align:left;
/*width:767px;*/
width:820px;
padding: 0;
border:0;
}


#content 
{
position: absolute;
/*width:767px;*/
width:820px;
padding:  0 0 20px 0;
margin: 0 ;
border: 0;
background-color: #006699;

}



/*TOP BANNER STYLES*/
#banner2
{
	float:left;
	width:97%;
	background-image: url(images/main-banner2.gif);
	background-color:#006699;
	margin: 10px 0px 0px 15px;	
	padding: 150px 0px 0px 0;
	border: 0;
	height: 0px !important; /* for most browsers */
	height /**/:150px; /* for IE5.5's bad box model */
	overflow: hidden;
	background-repeat:no-repeat;		
	}
	
#banner
{
margin:0 0 0 15px; 



}	
	
#banner-small
{
	float:left;
	width:97%;
	background-image: url(images/main-banner-small.jpg);
	background-color:#006699;
	margin: 10px 0px 0px 15px;	
	padding: 150px 0px 0px 0;
	border: 0;
	height: 0px !important; /* for most browsers */
	height /**/:150px; /* for IE5.5's bad box model */
	overflow: hidden;
	background-repeat:no-repeat;
		
	}

/*TOP NAV STYLES*/
#menu {
	text-align: center;
	width: 100%;
	background-color: #B0C0C4;
	float: left;
	font-size: 12px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 80px;
	float: left;
}

#menu a, #menu h2{
	font: bold 12px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	padding: 2px 3px;
}

#menu h2 {
	color: #132F48;
	background: #B0C0C4;
}

#menu h2 a:link {
	font: bold 12px arial, helvetica, sans-serif;
	color: #132F48;
	background: #B0C0C4;
}

#menu h2 a:visited {
	color: #132F48;
	background: #B0C0C4;

}
#menu h2 a:hover {
	color: #fff;
	background: #B0C0C4;
}

#menu a {
	color: #000;
	background: #efefef;
	text-decoration: none;
}

#menu a:hover {
	color: #a00;
	background: #fff;
}

#menu li {
	position: relative;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}
#menu ul ul {
	position: absolute;
	z-index: 800;
}

div#menu ul ul {
	display: none;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
	display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
	display: block;
	}
	


	


/*MAIN BODY STYLES*/



#body-text
{float: left;
background-image:url(images/round-corners-top.gif);
background-position:top;
background-repeat:no-repeat;
padding: 0px 0px 0 0;
margin: 0 10px 0px 15px;
background-color: #ffffff;
width: 574px;
}



#body-text p, h1, h2, h3, h4, h5,table
{
padding: 10px;
margin: 0 10px 0 10px;

}

#body-text ul
{
padding: 0px 0px 0px 40px;
margin: 0 10px 0 10px;
}

#body-text li 
{
padding: 0px 0px 5px 0px;
margin: 0 10px 0 10px;
}


/*
#body-text p, ul, li, h1, h2, h3, h4, h5, table
{background-color: #ffffff; 
}*/


#body-text h1

{
font-size: 170%;
color:#006699;}

#body-text h2

{

font-size: 130%;}

#body-text h3

{
font-size: 120%;}

#body-text h4

{
font-size: 100%;}

#body-text h5

{
font-size: 90%;}

#body-text table
{
color: #000000;
font-size: 12px;
}



.underline
{
border-bottom: 1px solid #006699;
padding: 0;
margin: 0;
clear: both;

}

/*FOOTER STYLES*/

#footer 

{
background-image:url(images/round-corners-bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
padding:0;
margin:0;
border:0;
}

#footer p

{
font-weight:bold;
text-align:right;

}

#footer a

{
text-decoration:none;
}


/*SIDEBAR STYLES*/
	
#sidebar
{		
	background-image:url(images/round-corners-side.gif);
	background-position:top;
	background-repeat:no-repeat;	
	float: left;	
	padding: 10px 0 0 0;
	margin: 0px 0 0 0px;
	border: 0;
	background-color:#FFFFFF;
	}

.bottomcorner
{
position:relative;
top:10px;
padding:0;
margin:0;
border:0;}


#sidebar p
{
	padding: 8px 0 12px 10px;
	}	

#sidebar a
{	
	text-decoration: none;
	font-weight: bold;
	display: block;}

#sidebar a:hover
{	color: #000000;
	text-decoration: none;
	font-weight: bold;}
	
/*sidebar buttons*/
#watchthis 
{
	background-image: url(images//watch-this.jpg);
	background-repeat: no-repeat;
	background-color:#CC3333;
	margin: 0 10px 10px 20px;
	}
#watchthis a
{
color:#FFFFFF;

	}
		
	
#watchthis2 
{
	background-image: url(images//watch-this2.jpg);
	background-repeat: no-repeat;
	background-color:#CC3333;
	margin: 0 10px 10px 20px;
	}
#watchthis2 a
{
color:#FFFFFF;

	}		
	
#watchthis3 
{
	background-image: url(images//watch-this3.jpg);
	background-repeat: no-repeat;
	background-color:#000000;
	margin: 0 10px 10px 20px;
	}	
	
#watchthis3 a
{
color:#FFFFFF;

	}		
	
#trialcd 
{
	background-image: url(images//trial-cd.jpg);
	background-repeat: no-repeat;
	background-color:#999999;
	margin: 0 10px 10px  20px;
	}
#trialcd a
{
	color:#FFFFFF;
	}	
	
	
#listenhere 
{	background-image: url(images//audio-clip2.jpg);		
	background-repeat: no-repeat;
	background-color:#006699;
	margin: 0px 10px 10px  20px;	
	}
#listenhere a
{	color:#FFFFFF;	
	}	
		
	
.small-text
	{font-size: 9px;}	
	
/*GENERAL STYLES*/	
.clearall
{
	clear: both;
	}
	
/*styles for aligning picture ;left and text right on course pages*/
#alignright p, #alignright h2, #alignright h3, #alignright h4
{
margin: 10px 0 10px 180px;
padding: 0 20px 0px 0; 
border:0;
}


#alignright ul
{
margin: 10px 0 10px 185px;
padding: 0 20px 0px 0; 
border:0;
}
.alignleft  {
float: left;
padding: 0px 0 0px 0px;
margin: 10px 0 10px 20px;

border:0;
clear:both;
}

/*put some space on right*/
.marginright
{margin-right: 10px;

}

/*put some space on left*/
.marginleft
{margin-left: 10px;
}

/*use to align images left and right*/
.floatleft
{float: left;
margin-right: 10px;
margin-bottom: 5px;
}

.floatright
{float: right;
margin-left: 10px;
margin-bottom: 5px;
}


/*Buy now button*/



#buttonblue a
{
background-color: #99ccff;
color: #000000;
padding: 5px;
text-decoration: none;
border: solid 1px #000000;


}	

#buttonblue a:hover
{
background-color: #cccccc;
color: #000000;

}

.redtext
{color:#FF0000;
}