/*************************************
  Initialization                     
**************************************/
h1, h2, h3, h4, h5, h6, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre, div {
	margin: 0;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height:100%;
}
/*************************************
 HTML Elements                      
**************************************/
/* Basic */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000;
	color: #000;
}
p, ul, li{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #000;
}

h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:20px;
	color: #6699cc;
}
.white {
	color:#FFFFFF;
}
ul, li{
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
ul {
	padding-left:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}
li {
	list-style-image:url(../images/bullet_blue.gif);
	background-position:10px 10px;
	margin-left:10px;
}
hr {
	color: #cccccc;
	height: 1px;
	width:95%;
}
a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #6699cc;
	line-height: 16px;
	text-decoration: underline;
	text-align: left;
}
a:hover {
	text-decoration: none;
}
.FormField {
	height:14px;
	width:100px;
	border:1px solid #666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#333333;
}
.FormTitle {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color:#333333;
}
/*********************************
 Skin Styles
*********************************/
table#SiteTable {
	width:798px;
	margin: 0 auto;
}
table#SiteTableHome {
	width:760px;
	margin: 0 auto;
}
.BGBlue{
	background-color:#4F92DD;
}
.BGRed{
	background-color:#CC3300;
}
.BGDarkGrey{
	background-color:#999; 
}
.BGWhite{
	background-color:#FFF;
}
.BGOrange{
	background-color:#C93;
}
.ColorWhite {
	color:#FFF;
}
.ColorGrey {
	color:#666;
}
.ColorRed {
	color: #CC3300;
}
.NavTop{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	height:40px;
	background-image:url(../images/interface/backgrounds/bg_nav_top.gif);
	background-repeat:repeat-x;
	padding:15px;
}
.NavTop a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#000;
	text-decoration:none;
}
.NavTop a:hover {
	text-decoration:underline;
}
.NavTopHome{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	height:37px;
	background-image:url(../images/interface/backgrounds/bg_nav_home.gif);
	background-repeat:no-repeat;
	padding:5px;
}
.NavTopHome a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#fff;
	text-decoration:none;
}
.NavTopHome a:hover {
	text-decoration:underline;
}
.LeftPane{
	width:128px;
	padding:12px;
	text-align:right;
}
.CenterPane{
	padding:10px;
	padding-bottom:30px;
}
.RightPane{
	width:175px;
	border-left:1px solid #999;
}
#NavSideMenu {
	padding:0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.NavSideMenuItemMain a, .NavSideMenuSubMenu a{
	font-size:10px;
	display:block;
	color:#000;
	font-weight:normal;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
}
.boldHighlight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.NavSideMenuItemMain a{
	text-decoration:none;
	font-size:0.85em;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.CopyrightNav, .CopyrightNavHome{
	padding-top:20px;
	padding-bottom:20px;
}
.CopyrightNav p, .CopyrightNavHome p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.6em;
}
.CopyrightNav a, .CopyrightNavHome a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	text-decoration:none;
}
.CopyrightNavHome a, .CopyrightNavHome p{color:#fff;}
.spacer, .clear { height: 1px; font-size:1%; overflow:hidden; }
.clear { clear:both; }
.FloatLeft { float:left; }
.FloatRight { float:right; }
#Quotation {
	padding:1em;
}
#Quotation p.Quote{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.125em;
	font-style:italic;
	color:#333;
	margin:0;
	margin-bottom:0.25em;
	text-indent: -0.5em;
}
#Quotation p.QuoteAuthor{
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#69c;
	font-weight:bold;
	font-size:0.8em;
	font-style:italic;
}.maincontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
}
.contentsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
}
#FlashIntro p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	padding:10px;
}
#FlashIntro a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFCC;
}

/*********************************
 Courses
*********************************/
.margin15 {margin:15px 0 15px 0;}

.header {margin:0; padding:0;}
	.title {margin:0;padding:5px;color:#FFF; background-color:#369; font-weight:bold; font-size:16px;}
	.cost {float:right;padding:5px;}
	.instructor {padding:5px;}
.event {margin:0; padding:0; padding-bottom:15px; background-color:#FFF;}
	.date {background-color:#BCD6F3;padding:5px;font-weight:bold;margin:0;border-top:solid 1px #333;}
		.date span {float:left;}
		.date span.deadline {float:right;font-weight:normal;font-size:12px;}
	.course, .location {float:left;padding:5px;}
	.course {width:220px;}
		.course span {font-weight:bold;}
	.location {width:180px;}
	
.required-star {color: #CC3300; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }

.btnRegisterCourse{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color:#FFF; 
	cursor:pointer;
	border:2px groove #CCC;
	text-shadow:1px 1px 1px #666;
	text-decoration:none;
}
#courselist{
	overflow:auto; 
	height:432px;
	border-top:solid 2px #CCC;
	border-bottom:solid 2px #CCC;
	border-right:solid 2px #CCC; 
	margin-bottom:25px;
}
#courselistcontainer{
	border-left:solid 2px #CCC;
	border-right:solid 1px #CCC; 
	background-color:#CCC;
}
a.btnEditAction, a.btnEditAction:hover{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	cursor:pointer;
	border:2px groove #CCC;
	text-shadow:1px 1px 1px #666;
	padding:5px;
	color:#FFF;
	text-decoration:none;
	background-color:#069;
	
}
a.btnEditAction:hover{
	background-color:#CC0;
}
#addCourseFormContainer{
	background-color:#FFC;
	border:1px solid #FC0;
	padding:10px;
}
/*********************************
 Hidden Form
*********************************/
#hiddenform {position:absolute;left:0;top:0;width:100%;height:900px;background:transparent url('../images/black.png') repeat;}
#formtable {margin:0 auto;}
.headerText span {float:right:}
.headerBar div a {color:red;}
a.mc-formlink {color:red;}