/* CSS Document */
body{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; margin:20px 0px 0px 0px; padding:0px; line-height:1.5em; color:333333;}
h1{ font-size:1em; line-height:1.3em; font-weight:bold; margin:0px 0px 10px 0px; padding:0px; color:#006633; font:"Trebuchet MS";}
h2{ font-size:1em; line-height:1.5em; margin:7px 7px 7px 7px; color:#006633; padding:0px;}
h3{ font-size:1.1em; font-weight:bold; margin:0px; padding:0px; color:#006633; margin:7px 7px 4px 7px;}
h4{ font-size:1em; font-weight:bold; margin:0px; padding:0px; color:#006633; margin:7px 7px 7px 7px;}
h5{ font-size:2.9em; line-height:1em; font-weight:normal; margin:9px 0px 0px 14px; padding:0px; color:#006633; font:"Trebuchet MS";}
h6{ font-size:1.5em; line-height:1.1em; font-weight:normal; margin:8px 0px 0px 15px; padding:0px; color:#006633; font:"Trebuchet MS";}
p { margin:7px 7px 7px 7px;}

label { float:left; display:block; min-width:80px;}

/* LINKS */
a { font-size: 1em; color: #006633;}
a:visited { color: #006633;}
a:hover { color: #006633; text-decoration:none}
a:active { color: #006633;}

/* MAIN MENU */
#headermenu{ font-weight:bold; background:none; margin:0px; padding:0px;}
#headermenu ul{ list-style: none; padding:0px; margin:0px; }
#headermenu li { float: left; margin:0px; padding:0px; list-style:none; width:105px;}
#headermenu li a{ float: left; display: block; border-left: 1px solid #666666; color: #006633;text-decoration: none; text-align: top; padding: 0px 0px 10px 10px;  border-bottom: 4px solid #ffffff;  }
#headermenu li a:hover{text-decoration:none; border-bottom: 4px solid #006633; width:94px;  }

#mainmenu{ font-weight:bold; background:none; margin:0px; padding:0px;}
#mainmenu ul{ list-style: none; padding: 0px; margin: 0px;  }
#mainmenu li { float: left; padding: 0px 0px 3px 0px; list-style:none; width:105px;}
#mainmenu li a{ float: left; display: block; border-left: 1px solid #666666; color: #006633;text-decoration: none; text-align: top; padding: 0px 0px 10px 10px; margin:0px; border-bottom: 4px solid #ffffff;  }
#mainmenu li a:hover{text-decoration:none; border-bottom: 4px solid #006633; width:94px; }

/* SIDEMENU */
#sidemenu { font-weight:normal; background:none;}
#sidemenu ul{ padding:0px 0px 0px 10px ; margin:0px 10px 0px 5px ; }
#sidemenu li{ list-style-image:url(../images/bullet.gif); padding: 0px; margin: 0px;}
#sidemenu img{padding: 0px 2px 0px 0px; margin: 0px 2px 0px 0px;}

/* SIDEMENU" */
#sidemenu2 { font-weight:normal; background:none; padding:5px 0px 0px 0px; margin:5px 0px 0px 0px;}
#sidemenu2 ul{ padding:0px 0px 0px 10px ; margin:0px 10px 0px 5px ; }
#sidemenu2 li{ list-style-image:url(../images/bullet.gif); padding: 0px 0px 0px 0px ; margin: 0px 0px 0px 0px ;}
#sidemenu2 img{padding: 0px 2px 0px 5px; margin: 0px 2px 0px 5px;}


/* BUCKETS */
.bucket { padding: 7px 0px 7px 10px; font-weight:bold; color:#006633; background-image: url("/content/theme/images/home_04.jpg");}
.bucketmiddle {border-right:2px #FFFFFF solid;}
.bucketbottom { padding: 7px 0px 7px 10px; background-image: url("/content/theme/images/home_04.jpg");}

/* DEFAULT IMAGES */
#mainimage { border-right:2px #FFFFFF solid;}
#gradecell { background-image: url("/content/theme/images/home_04.jpg"); vertical-align:top; background-repeat:no-repeat; height:200px; width:100%;}

/* CLASSROOM TRAINING */
#classroom {}
#classroom img{ margin:10px 7px 7px 0px;}

.partime {margin:20px 7px 20px 7px; width:100%; }
.partime p{margin:7px 7px 7px 0px; color:#006633;}

/* FORM */0
.form {margin:0px 7px 20px 7px; width:328px;  }
	.form dl {margin-top:10px;}
	.form dl dt {
				width:120px;
				display:block;
				float:left;
				margin-right:10px;
				margin-bottom:5px;
				}
	.form dl dd {
				width:300px;
				display:block;
				float:left;
				margin-bottom:5px;
				margin-left:0;
				}

/* CONTACT */
.contact {margin:0px 7px 20px 7px; }
.contact img{padding: 0px 10px 0px 0px; margin: 10px 10px 0px 0px; vertical-align:top}

/* MATERIALS */
.materials {margin:0px 7px 20px 7px; }
.materials img{padding: 0px 10px 0px 0px; margin: 10px 10px 0px 0px; vertical-align:top}

/* MODULE DETAIL */
.moduledetail {margin:7px; }
.moduledetail img{ margin:7px 7px 7px 0px; vertical-align:top;}
.moduledetail td{ vertical-align:top;}

.moduleStats {background:#EEEEEE; width:100%; bottom:0px; }

.availability {margin:7px 7px 20px 7px;; width:100%; }
.availability td{ height:30px; border-bottom: 1px solid #999999; vertical-align:top; text-align:left; vertical-align:middle;}
.availability a { color:#006633;}

/*FAQ */
.faq p{ margin:0px 7px 0px 0px;}

/*SYLLABUS */
.syllabus {margin:0px 7px 20px 7px;; width:100%; }

/* ELEARNING */
.elearning {margin:0px 0px 0px 2px ; padding:0px 0px 0px 2px ; vertical-align:top;}
.elearning table { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.elearning img{ margin:9px 7px 7px 0px; vertical-align:top;}
.elearning td{ vertical-align:top;}

/* SIDE CELLS */
.leftcell{ background-color:#CECECE; width:21px; border-right:2px #FFFFFF solid;}
.leftcellbottom{ background-color:#CECECE; width:21px; margin:0px; padding:0px;}
.leftcellwhite{width:23px;}
.rightcell{ width:21px;}
.rightcolumn { width:138px;}

#footerleft { width:21px;}

/* YOUR ORDER */
.yourorder {margin:7px; padding:7px; border:#CCCCCC solid 1px; width:100%; }
.yourorder tr{ background-color:#CCCCCC; font-weight:bold;}

.yourorderwhite { background-color:#FFFFFF; border-bottom: #CCCCCC solid 1px; font-weight:normal;}

.orderbutton {margin:7px;}

/* MODULE ORDER */

.moduleorder {border-top:#CCCCCC solid 1px; border-bottom:#CCCCCC solid 1px; width:100%;}
.moduleorder img{ margin:10px 15px 5px 5px; vertical-align:top;}
.moduleorder h2{ margin:7px 7px 3px 0px; vertical-align:top;}
.moduleorder td{ margin:0px; padding:0px; vertical-align:top;}
.moduleorder p{ margin:0px 40px 0px 0px ; padding:0px; vertical-align:top;}

/* CONTACT FORM */
.button {
	font-size: 10px;
	font-weight: bold;
	background-color: #888888;
	border-right: #666666 solid 2px;
	border-bottom: #666666 solid 2px;
	border-top: #444444 solid 2px;
	border-left: #444444 solid 2px;
	color:#FFF;
}
.buttonOver {
	font-size: 10px;
	font-weight: bold;
	background-color: #888888;
	border-top: #666666 solid 2px;
	border-left: #666666 solid 2px;
	border-bottom: #444444 solid 2px;
	border-right: #444444 solid 2px;
	color:#FFF;
}

.contactform {margin:7px 7px 20px 7px; }

/* BEGIN SHOPPING BASKET CSS*/

	#shoppingBasket{ width:100%; border:1px SOLID #EEEEEE;}
	#shoppingBasket td{ padding: 5px 10px 5px 10px; border-bottom:1px SOLID #EEEEEE;}
	#shoppingBasket th{ padding: 5px 10px 5px 10px; background-color:#EEEEEE;}
	#shoppingBasket label{ font-weight:normal;}
	.sb_qty{width:50px; text-align:center;}
	.sb_price{width:60px; text-align:right;}
	.sb_total{width:100px; text-align:right; font-weight:bold;}
	
/* MATRIX*/
	
	.row0{
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	background-color: #EEEEEE;
	padding: 4px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.row1{
	font-size: 10px;
	color: #333333;
	font-weight: bold;
	background-color: #DEDEDE;
	padding: 4px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
.rowTitle{
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #006633;
	padding: 4px;
	border-right: 1px solid #ffffff;
}
.rowSubTitle{
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #48a677;
	padding: 4px;
	border-right: 1px solid #ffffff;
}
.elemHidden {display:none}
.elemShown {display:inline}

a.matrix:link, a.matrix:visited {
	font-size: 10px;
	text-decoration: none;
	color: #006633;
	font-weight: bolg;
}
a.matrix:link:hover, a.matrix:visited:hover {
	font-size: 10px;
	text-decoration: none;
	color: #D60000;
	font-weight: bold;
}
a.matrix:link:active, a.matrix:visited:active {
	font-size: 10px;
	text-decoration: none;
	color: #006633;
	font-weight: bold;
}