/* CSS Document */
BODY
{
	FONT-FAMILY: Comic Sans MS, verdana, arial, helvetica ;
	TEXT-ALIGN:  justify;
	FONT-SIZE:   10pt;
	COLOR:       #000000;
	background-color: #ffffff;
}

TABLE
{
	BORDER:		0;
	FONT-FAMILY: 	verdana, arial, helvetica;
	FONT-SIZE:   	10pt;
	COLOR:       	#000000;
}

th {
	text-align: 	left;
}

H3
{
	COLOR:			#000099;
	font-size:		small;
}


.tablelist
{
	BORDER:		0;
	FONT-FAMILY: 	Comic Sans MS ;
	FONT-SIZE:   	13pt;
	COLOR:       	#000000;
}

.head
{
 	background-color: #000080;
	HEIGHT:		  25px;
	FONT-FAMILY: 	  Comic Sans MS ;
	COLOR:       	  #FFFF00;
}

.tabs {
	position:   	relative; 
	height: 	27px; 
	width:		100%;
	margin: 	0; 
	overflow:	hidden
}

.tabs li {
	width:   100px;
	display: inline;
}

.tabs a:hover {
	border: 1px double #6D99B6;
	color:  black;
}

.tabs a.tab-active {
	border: 1px double #000;
	color:  Red;
} 
.tabs a  {
	height: 	 		27px; 
	font:   	 		16px Comic Sans MS;
	position:    		relative; 
	padding: 	 		6px 10px 10px 10px; 
	margin:  	 		0px -4px 0px 0px; 
	color:   	 		#666666;
	text-decoration: 	none;
}

.tab-panes { 
	margin: 3px;
}

.course {
	/*border-style:	solid;
	border:			1px solid #D1DCDC;*/
	margin:			5px;
	padding:		5px;
	FONT-FAMILY: 	Comic Sans MS, verdana, arial, helvetica;
	FONT-SIZE:   	smaller;
	COLOR:       	#000000;
}

.bullet {
	border:			0;
	width:			31;
	height:			14;
}

#Main {
	margin-left:  auto;
	margin-right: auto;
	padding:      5px;
}

#Body {
	margin:  0px;
	padding: 0px;
	width:   90%;
}
#Banner {
	margin:  3px;
	padding: 3px;
	width:   80%;
}

#Left 				{
	margin:  0px;
	/*padding: 2px;*/
	width:   20%;
	height: 100%;
	float:   left;
	background: url("images/Blue%20Small.gif") repeat-y;
}

#Right 				{
	margin-left:  auto;
	margin-right: auto;
	padding: 5px;
	width:   75%;
	float:   left;
}

.heading			{
	background-color: 	#000080;
	padding: 			3px;
	color:				#FFFF00;
	font-size:			18;
}

#Courses 			{
	margin:  5px;
	padding-left: 5px;
	width:   100%;
	FONT-FAMILY: Comic Sans MS, verdana, arial, helvetica ;
	/*float:   right;*/
}

#contentLYR 		{
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 200px;
	top: 200px;
}

#info 				{
	width:				100%;
	text-align:			left;
	overflow:			auto;
}

#divHidden			{
	display:			none;
}

#addCoy				{
	display:			none;
	background-color:	#000080;
	opacity:			0.8;
	border:				2px ridge black;
	width:				70%;
	height:				300px;
	position:			absolute;
	top:				0px;
	left:				0px;
	padding:			100px;
}

.addNewInfo			{
	display:			none;
	/*text-shadow:		1px 1px 1px #555;*/
	background-color:	white;
	opacity:			1;
	border:				2px ridge black;
	position:			absolute;
	top:				100px;
	left:				100px;
	width:				400px;
	height:				300px;
	text-align:			center;
}

.nav 				{
	position:			relative;
	float:				left;
	padding:			10px;
	min-height:			500px;
}

.training 			{
	position:		relative;
	float:			left;
	width:			70%;
	padding-left:	10px;
}

.divHowTo 			{
	border: 		solid thin;
	padding: 		10;
	color: 			grey;
}

.divOption			{
	display:		none;
	padding-bottom:	10px;
	padding-left:	30px;
	padding-top:	10px;
}

.CourseTable {
	width:			100%;
	size:			8;
	vertical-align:	top;
}