html { font-size: 62.5%; }
body {
	background: #050529 url(../images/template/bg.jpg) no-repeat scroll 50.4% 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #333;
	line-height: 2em;
	margin: 0;
	padding: 0;
		overflow-x: hidden;
}

* html img, * html div { behavior: url(../iepngfix.htc) !important }

.right {
	float: right;
}
.left {
	float: left;
}

a { 	
	text-decoration: none; 	color: #0187C5; 
}

a img {
	border: none;
}

.clear { 	
	clear: both; 
}

hr { 	border: none; 	border-bottom: 1px solid #ccc; 	margin: 0 auto; 	height: 1px; 	clear: both; 	width: 96%; }
hr.dashed { border: 1px dashed #ccc; }

.none { 	display: none; }

#skips { 	
	position: absolute; 	top: -100em; 	display: none; 
	}

#container { 	
	float: left; 	
	height: 100%; 	
	width: 100%;

}
#wrapper { 	
	margin: 0 auto; 	
	width: 1012px; 
}

#border { 
	float: left; 
	background: url(../images/template/wrapper-bg.png) repeat-y top left;
	padding: 0 0 0 5px;
	}
	
.copyright { 
	background:transparent url(../images/template/border-bot-bg.gif) no-repeat 0px -5px;
	height:30px;
	margin:0 0 9px 0;
	width:1014px;
	float: left;
	}
	
	.copyright p { 
		line-height: 3.5em;
		text-align: right;
		color: #999;
	}
	
#header { 	
	height: 113px; 	
	width: 1014px;
	background:transparent url(../images/template/border-top-bg.gif) no-repeat 4px bottom;

	}
	
#header h1 {	padding: 15px 0 15px 20px; float: left; }

#header h1 a {
	display: block;
	width: 137px;
	height: 83px;
	background: url(../images/template/logo.png) no-repeat;
	text-indent: -9999px;
}


#takedemo { float: right; padding: 17px 20px 0 0;  }

ul#nav {
	height: 43px; 	
	width: 1014px;
	background: url(../images/template/nav-end-left.gif) no-repeat top left;
	margin:  7px 0 0 10px;

	position:relative;
	z-index:100;

	}
	ul#nav li {
		height: 40px; 	
		width:11.7%;
		float: left;
		background: url(../images/template/nav-bg.gif) repeat-x top left;
		border-right: 1px solid #eee;
		border-left: 1px solid #ccc;
		text-align:center;
		position:relative;

		}
		ul#nav li.first {
			margin-left: 15px;
			border:none;
			border-right: 1px solid #eee;
			}		
		ul#nav li.last {
			height: 40px; 	
			float: left;
			background: url(../images/template/nav-demo-bg.gif) no-repeat top right;
			border-left: 1px solid #ccc;
			}
		ul#nav li a {
			font: bold 1.1em/3.3em 'Trebuchet MS', Arial, sans-serif;
			color: #333;
			/*margin: 0px 0 30px 0;
			float: left;*/
			}
				ul#nav li a:hover {
					text-decoration: none;
					color: #999;
					}
		

	ul#nav ul {
		height:0;
		left:0;
		position:absolute;
		visibility:hidden;
		width:149px;
		}

	ul#nav ul li {
		float:left;
		position:relative;
		width: 360px;
		text-align: left;
		background: #ccc;
		height: 26px;
		z-index: 100;
		}

	
	ul#nav ul a {
		border-width:0 1px 1px;
		color:#333;
		font-size:1em;
		height:auto;
		line-height:1em;
		padding:5px 10px;
		text-align:left;
		width:275px;
		}

ul#nav :hover > a, ul#nav ul :hover > a { color: #0187C5; }

ul#nav a:hover, ul#nav ul a:hover { color: #0187C5; }

ul#nav li:hover ul, ul#nav a:hover ul { 	visibility: visible; }

ul#nav :hover ul { 	visibility: hidden; }

ul#nav :hover ul :hover ul { 	visibility: visible; }

	
#logo { 	
	height: 120px; 	
	width: 335px; 	
	float: left; 
}

#content { 
  margin: 0 9px 0px 9px; 
  padding:  7px 7px 1px 7px; 
	float: left; 
	background: url(../images/template/content-bg.gif) repeat-y top left;
}

.content-top { 
	background:transparent url(../images/template/content-top-bg.gif) no-repeat 9px 0px;
	height:8px;
	width:993px;
	}

.content-bot { 
	background:transparent url(../images/template/content-bot-bg.gif) no-repeat 9px 0px;
	height:8px;
	margin:0 0 9px 0;
	width:993px;
	float: left;
	}


#col-left {
	width: 742px;
	float: left;
  margin: 0 8px 0 0; 

 }
 
 #bannerhome { 
 		width: 742px;
	}
	
	
	ul#bannercontent li h2 a { 
 	color: #333;
	}
	
	 #bannerhome a:hover { 
		text-decoration: underline;
		}
		
		 #bannerhome #image { 
				height: 325px;
				width: 742px;
				}
			
		 #bannerhome ul#bannerhome_actions { 
				height: 96px;
				background: #ffffff url(../images/template/shadow.png) no-repeat bottom left;

				}
			  #bannerhome ul#bannerhome_actions li { 
					height: 72px;
					width: 184px;
					float: left;
					border-right: 1px solid #b7b6b6;
					border-left: 1px solid #787777;
					background: #a8a8a8 url(../images/template/shadow.png) no-repeat top left;
					cursor: pointer;

					}
					#bannerhome ul#bannerhome_actions li.start { 
						border-left: none;
						}
					#bannerhome ul#bannerhome_actions li.end { 
						border-right: none;
						background-position: -495px 0px;
						}
					#bannerhome ul#bannerhome_actions li.cenl { 
						background-position: -200px 0px;
						}
						#bannerhome ul#bannerhome_actions li.cenr { 
						background-position: -350px 0px;
						}			
						#bannerhome ul#bannerhome_actions li.active { 
						background: #333333;
						}		
									#bannerhome ul#bannerhome_actions li.active p { 
										color: #FFFFFF;
									}		
					 #bannerhome ul#bannerhome_actions h2 { 
						font: normal 1.4em/1em 'Trebuchet MS', Arial, sans-serif;
						color: #ffffff;
						margin: 10px 0 0 8px;
						}	
					#bannerhome ul#bannerhome_actions p { 
						font: normal 1em/1.3em 'Trebuchet MS', Arial, sans-serif;
						color: #333;
						margin: 6px 0 0 8px;
						}	
						
ul#bannercontent  { padding-top: 225px; }
#bannercontent p { font-size: 11px; line-height: 3em; font-weight: bold; }
ul#bannercontent li { padding: 15px;}		


#bannerhome_image ul li {	
	font-size: 23px;
	overflow: hidden;
		filter:alpha(opacity=60);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	background: #fff;
	color: #333;
 }
	

#bannerhome ul li#bannercontent_one { display: none;}		
#bannerhome ul li#bannercontent_one.active { display: block;}		

#bannerhome ul li#bannercontent_two { display: none;}		
#bannerhome ul li#bannercontent_two.active { display: block;}				
		
#bannerhome ul li#bannercontent_three { display: none;}		
#bannerhome ul li#bannercontent_three.active { display: block;}	

#bannerhome ul li#bannercontent_four { display: none;}		
#bannerhome ul li#bannercontent_four.active { display: block;}		
											
.copy { padding: 10px 0 0 12px;
		float: left;
		width: 48% }
		
		

.copy strong { font-weight: bold; }

.copy h2, copy h3, #content h1  { font: bold 2em/1.5em 'Trebuchet MS', Arial, sans-serif; margin-bottom: 10px; color: #333;  }

.copy h3 { font: normal 1.4em/1.5em 'Trebuchet MS', Arial, sans-serif; }

.copy p { margin-bottom: 10px; line-height: 1.8em;  }

.copy ul {  padding-left: 15px; margin-bottom: 10px; }

.copy ul li { list-style-type: disc;}

.copy ol { margin:0 0 8px; padding:0 0 0 30px; margin-bottom: 10px;}

.copy ol li { line-height:2em; list-style-type:decimal;}

.copy .col-left { width: 46%; float: left; margin:10px 25px 0px 15px;}

.blog { width: 97%; }

.blog .date{ font: bold 1.1em/1.5em 'Trebuchet MS', Arial, sans-serif; border-bottom: 1px dotted #eee; margin-bottom: 10px; }

#copy .col-right { width: 46%; float: left;margin-top: 10px;}

#col-right {
	width: 216px;
	float: left;
	}

	#col-right h2 {
		background: transparent url(../images/template/nav-bg.gif) repeat-x scroll center center;
		border: 1px solid #e5e5e5;
		color: #000;
		padding: 6px 0 6px 8px;
		margin-bottom: 1px;
		font: normal 1.3em/1em 'Trebuchet MS', Arial, sans-serif;
		}
	
	#col-right ol {
		background: #ffffff url(../images/template/list-bg.jpg) repeat-x top left;
		padding: 0 0 0 30px;
		margin: 0 0 8px 0;
		}
		
	#col-right ol li {
		font: normal 1.2em/2em 'Trebuchet MS', Arial, sans-serif;
		list-style-type: decimal;		
		}	
		
	#col-right .grad {
		padding: 0px 0 8px 0;
		background: #ffffff url(../images/template/list-bg.jpg) repeat-x top left;
		clear: both;
		}
				
	#video { 
		width: 280px;
		height: 244px;
		float: right;
		}
		
	ul#recentblogs li {
		margin: 2px 6px 10px 6px;
		border-bottom: 1px solid #ccc;		
	}
	
	
	ul#recentblogs a {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	}
	
	ul#recentblogs a:hover {
	text-decoration: none;
	}
	
	ul#recentblogs a.bloglink {
	text-decoration: underline;
	color: #999;
	font-weight: normal;
	}
	
	
	
	

a.btn { 
	background: url(../images/template/btn-right-bg.gif) no-repeat top right; 
	color: #fff; 
	padding: 0 6px 0 6px;
	float: right; 
	 }

a.btn span { background: url(../images/template/btn-left-bg.gif) no-repeat top left; height: 23px; float: left; padding: 0 8px 0 8px;

 }

#footer { 
	float: left; 
	background: #f4f4f4;
	width:970px;
	border-bottom: 1px solid #eaeaea;
	margin: 15px 0 0 0;
	color: #333333;

	}

	#footer h2 { 
		background: #f4f4f4; 
		border-bottom: 3px solid #ffffff;
		color: #000;
		padding: 6px 0 6px 8px;
		margin-bottom: 8px;
		font: normal 2em/1em 'Trebuchet MS', Arial, sans-serif;
		}
		
		#footer h2.browse { 
			float: left;
			width: 692px;
			margin-right: 8px;
			}
		
		#footer h2.contact { 
			float: left;
			width: 245px
			}
		
		
	#footer ul { 
		float: left; 
		width: 22.5%;
		margin: 0 12px 0 0;
		padding: 0 0 12px 8px;		

		}
			
		#footer ul li { 
			padding: 1px;
			border-bottom: 1px solid #ccc;
			}
			
			#footer ul.blank li { 
				border: none;
				}
#footer a { color:#333; }				
/* Calendar */
span.cal {
	display:inline;
	float:right;
	width:25px;
	display:block;
	text-align:center;
	}

span.cal span {
	display:block;
	float:left;
	width:100%;
	}

span.cal span.month {
	font-size:9px;
	height:10px;
	background:#D51007;
	border:1px solid #D51007;
	color:#eee;
	font-weight:bold;
	line-height:1.1em;
	text-align:center;
	text-transform:uppercase;
	}

span.cal span.day {
	font-size:14px;
	background:#FFFFFF;
	border: 1px solid #ccc;
	color:#000000;
	font-weight:bold;
	letter-spacing:-0.1em;
	line-height:1.4em;
	}

/* Coming Events */
ul#events p {
line-height: 1.6em;
}

ul#events em {
font-style: normal;
color: #777;
}


ul#events li {
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
margin: 0 5px 0 5px;
padding: 6px 0 14px 0;}

ul#events a {
 color: #0187C5;
 text-decoration: underline;
	}	

/* Course Events */

ul#event {
	padding: 10px;
	background: #eee;
	border-bottom: 1px solid #ccc;
	margin: 0 0 8px 0;
	}
	
ul#event a {
 color: #0187C5;
 text-decoration: underline;
	}	
	
ul#event li {
	list-style:none;
	list-style-image: none;
	}
		
	
ul#event li.course {
	font-size: 1.5em;
	font-weight: bold;
	}

ul#event li.date {
	font-size: 1.2em;
	font-weight: normal;
	}

ul#event li.trainer {
	font-size: 1em;
	font-weight: bold;
	}
	
ul#events p.heading {
	font-weight: bold;
	}
	
ul#events p.heading a {
	text-decoration: none;
	}

/* events page only*/
#dates ul#events p.extended {
	display: block !important;
	}
	
#dates ul#events p.heading {
	font-size: 1.5em;
	}
	
#dates span.cal {
	float:left;
	margin: 6px 12px 0px 0px;
	}