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

html {		height:100%;
}

body {		margin:0; 
			padding:0; 
			height:100%;
			font-family: Arial, Helvetica, sans-serif;
			background-color:#e77600;
			
			}

#wrap {
			background:url(../images/bg_main.jpg) repeat-y;
			background-position:center;
			margin:auto;
			background-color:#FFF;
}

#header {
			background: url(../images/Keysteps_top_bg_header.jpg) repeat-x; 
			padding:0;
}

#header2 { 	margin: 0 auto;
			height:70px;
			width:800px;
}

#left {		padding:10px;
			float:left;
			width:170px;
			text-align: left;
			font:12px Arial, Helvetica, sans-serif;
			color:#666;
			
}

#main {	float:right;
		font:11px Arial, Helvetica, sans-serif;
		color:#666;
}

#content {	width:540px;
			text-align:left;
			font-size:12px;
			line-height:16px;
}

#inner-wrap {
			margin: 0 auto;
			width:800px;
			padding-bottom:80px;
}

#footer {	height:80px;
			background: #e77600 url(../images/Keysteps_bot_bg_grad.jpg) repeat-x;
			width:100%;
			clear:both;
}

#footer2 { 	margin: 0 auto;
			height:70px;
			width:800px;
}

#spacer1 {	margin: 0 auto;
			width:801px;
			height:20px;  
			background:url(../images/navborder.jpg) #FFF no-repeat; 
			background-position: center bottom;
			font:7pt Arial, Helvetica, sans-serif;
			color:#666;
			text-align:right;
			padding-top:5px;
}

#spacer2 { 
			height:20px; 
			width:100%; 
			background: #FFF url(../images/navborder.jpg) no-repeat; 
			background-position:center top;
			clear:both;
}

#mainimage {	width:600px;
				height:135px;
				padding-top:10px;
				padding-right:10px;
}

#video {		background-color: #FFF;
				float:right;
				padding:10px 10px 2px 10px;
				font: 14px Arial, Helvetica, sans-serif bold;
				color:#C60;
				text-align:center;
}

.transparent {
			filter:alpha(opacity=80);
			-moz-opacity:0.8;
			-khtml-opacity: 0.8;
			opacity: 0.8;
}
/* NAV STARTS HERE*/
#roScripts_m1 { font:bold 14px  Arial ; 
				line-height:1.4;
				float:right;
				width:600px;
}
#roScripts_m1 ul {	margin:0;
					list-style:none;
					float:right;
}
#roScripts_m1 li {	display:inline;
					margin:0;
					padding:0;
}
#roScripts_m1 a {	float:left;
					margin:0;
					text-decoration:none;
}
#roScripts_m1 a span {
					float:left;
					display:block;
					background:url(../images/nav_keysteps.png) no-repeat top;
					height:23px;
					color:#333;
					text-align:center;
					width:107px;
					padding-top:2px
}
/* Small hack for IE5-Mac \*/
#roScripts_m1 a span {float:none;}
/* End IE5-Mac hack */
#roScripts_m1 a:hover {background-position:0% -50px;}
#roScripts_m1 a:hover span {background-position:100% -50px;}
#roScripts_m1 #current a {background-position:0% -25px;}
#roScripts_m1 #current a span {background-position:100% -25px;}

/* NAV ENDS HERE*/

/* DATA STARTS HERE*/
#coursedetail {	width: 330px;
				float:right;
				border:#09F solid 1px;
				padding: 10px;
				font-size:12px;
				margin-bottom:20px;
}

#coursedetail a	{	text-decoration:none;	
}
#coursedetail a:hover	{	text-decoration: underline;
}
.coursecontiner { 
				width:230px;
				float:left;
				overflow: hidden;
				font-size:12px;
				padding:5px;
				color:#999;
}

.MasterColumn
{ 	padding-bottom:20px;
	cursor:pointer;
	color:#006699;
	margin-top:-20px;
}

.MasterColumnHover
{
	color:#09C;
}

.MasterColumnSelected
{
	color:#F60;
}
#recomendedDVD {	margin-top:10px;
					color:#06C;
					
}
#dvd1	{	float:left;
			width: 100px;
			font: 10px Arial, Helvetica, sans-serif;
			color:#666;
			margin: 10px 5px 10px 0px;
}

/* DATA ENDS HERE*/

#left a {
	color: #666;
	text-decoration: none;
}
#left a:hover {
	color: #09F;
	text-decoration: none;
}

#search {	width:150px;
			color:#C60;
			border-bottom:dashed #666 1px;
			border-top:dashed #666 1px;
}

#download {	width:135px;
			background-color:#CCC;
			padding:5px;
			color:#06C;
			text-align:center;
			line-height:18px;
			font-size:14px;
			border:#999 solid 1px;
			margin-top:10px
}

#download  a{	color:#06C;
				text-decoration:none;
}
#download  a:hover{	color:#06C;
					text-decoration: underline;
}

#external_links	{	height: 54px;
					width:150px;
					text-align:center;
}
#minilink1	{
	width: 150px;
	float:left;
	font:8pt Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	padding-top:5px;
	line-height:16px;
}
#minilink1 a {
	color: #FFF;
	text-decoration: none;
}
#minilink1 a:hover {
	color: #FFF;
	text-decoration: underline;
}
#minilink2	{
	width: 150px;
	float:left;
	font:8pt Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	padding-top:5px;
	line-height:16px
}
#minilink2 a {
	color: #FFF;
	text-decoration: none;
}
#minilink2 a:hover {
	color: #FFF;
	text-decoration: underline;
}
#footer_address	{	width: 350px;
					float:right;
					font:8pt Arial, Helvetica, sans-serif;
					color:#FFF;
					text-align:right;
					padding-top:5px;
					line-height:16px
}

#accordion {	margin: 0px;
}

h3.toggler {
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin:0 ;
	margin:7px 0px 7px 0px;
}
div.element p, div.element h4 {
	margin:0px;
	padding:0px 15px;
	font: 11px Arial, Helvetica, sans-serif;
	line-height:20px
}

blockquote {
	padding:5px 20px;
}

#number { font-size:22px;
			color: #FFF;
			float:right;
			padding: 10px 0px 10px 0px;
}

#tinybox {position:absolute; text-align:center; display:none; padding-top:10px; background:#fff url(../images/preload.gif) no-repeat 50% 50%; border:5px solid #C60; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff}

.button {font:14px Georgia,Verdana; margin-bottom:10px; padding:8px 10px 9px; border:1px solid #ccc; background:#eee; cursor:pointer}
.button:hover {border:1px solid #bbb; background:#e3e3e3}
#search { display:none}
#CCclub_ad  {
	height: 150px;
	width: 150px;
	display: block;
}