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

/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
		left:10px;
		width:925px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column left menu settings */
	.leftmenu {
		background:#004d92 url(images/course-catalog-menu-background.jpg) repeat-y;
	}
    .leftmenu .colright {
        float:left;
        width:200%;
		position:relative;
		left:180px;
		background:#000 url(images/course-catalog-background.jpg) repeat-x;
	}
    .leftmenu .col1wrap {
	    float:right;
	    width:50%;
	    position:relative;
	    right:180px;
	    /*padding-bottom:1em;*/
	}
	.leftmenu .col1 {
        margin:0 5px 0 200px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
		
		color:#999;
		
		font-family: Tahoma, Geneva, sans-serif;
		font-size:8pt;
		text-align:justify;
	}
	
	.leftmenu .col1 a:link {
		color:#fff;
		text-decoration:none;
	}

	.leftmenu .col1 a:visited {
		color:#fff;
		text-decoration:none;
	}
	
	.leftmenu .col1 a:active {
		color:#fff;
		text-decoration:none;
	}
	
	.leftmenu .col1 a:hover {
		color:#fff;
		text-decoration:underline;
	}
	
	.leftmenu .col1noMargin {
        margin:0 0px 0 180px;
	    position:relative;
	    right:100%;
	    overflow:hidden;
		color:#999;	
		font-family: Tahoma, Geneva, sans-serif;
		font-size:8pt;
		text-align:justify;
	}
	
	.leftmenu .description {
		margin:0;
		width:500px;
	}
	
	.leftmenu .col1 ul {
		margin:0px 0px 0px 20px;
		padding:0;
	}
	
	.leftmenu .col1 li {
		margin:0px 0px 15px 80px;
		text-indent:-80px;
		list-style:none;
	}
	.leftmenu .col1 .action1 {
		clear:both;
		position:relative;
		display:block;
		float:right;
		width:180px;
		padding-top:2px;
	}
	.leftmenu .col1 .action1 img {
		border:0;
		
	}
	.leftmenu .col1 .courseTitle {
		font-size: 14pt;
 		color: #4891dc;
		margin:30px 0px 20px 0px;
	}
	.leftmenu .col1 .courseDescription {
		font-size:10pt;	
	}
	.leftmenu .col1 .categoryTitle {
		font-size: 11pt;
 		color: #4891dc;
		margin:20px 0px 10px 0px;
	}
	.leftmenu .col1 .topicTitle {
 		margin:0px 5px 0px 0px;
		color: #fff;
	}
    .leftmenu .col2 {
        float:left;
        width:160px;
        position:relative;
        right:170px;
		
		color:#fff;
		
		font-size: 8pt;
 		font-family: Tahoma, Geneva, sans-serif;
		
    }
	.leftmenu .col2 img {
		display:block;
		margin:30px auto 0px auto;
		border:1px solid #000;
	}
	.leftmenu .col2 .download {
		margin:0px auto 0px auto;
		text-align:center;
	}
	.leftmenu .col2 .download img {
		margin-top:30px;
		margin-bottom:10px;
		border:0;
	}
	.leftmenu .col2 ul {
		list-style:none;
		margin:0px 0px 10px 0px;
		padding:0;
	}
	.leftmenu .col2 li {
		margin:0px 0px 5px 0px;	
	}
	.leftmenu .col2 a:link {
		color:#fff;
		text-decoration:none;
	}

	.leftmenu .col2 a:visited {
		color:#fff;
		text-decoration:none;
	}
	
	.leftmenu .col2 a:active {
		color:#fff;
		text-decoration:none;
	}
	
	.leftmenu .col2 a:hover {
		color:#fff;
		text-decoration:underline;
	}
	
	.leftmenu .col2 .highlight {
		color:#CCC;
	}
	.leftmenu .col2 .category {
		font-size:9pt;
		text-decoration:underline;
		color:#FF6;
	}
	
	
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000;
    }
    #footer p {
        padding:10px;
        margin:0;
    }

.container {
	position:relative;
	width:937px;
	margin:0px auto;
	border:0px solid #000000;
	text-align:left;
	padding:0px 0px 20px 0px;
}

.titleBar {
	display:block;
	position:relative;
	float:left;
}

.titleBar img {
	border-width:0px;
	float:left;
}

.nav {
	color:#000;
	position:relative;
	float:left;
	margin: 10px 0px 10px 0px;
	font-size:9pt;
 	font-family:Georgia, serif;
	text-align:left;
}

.nav a:link {
	color:#000;
	text-decoration:none;
}

.nav a:visited {
	color:#000;
	text-decoration:none;
}

.nav a:active{
	color:#000;
	text-decoration:none;
}

.nav a:hover {
	color:#000;
	text-decoration:underline;
}

.banner {
	display:block;
	position:relative;
	float:left;
	height:80px;
	border:1px solid #333;
	margin:0px 0px 0px 0px;
}

.splash {
	float:left;
	position:relative;
	width:935px;
	height:500px;
	border:1px solid #333;
	border-top:0px;
}

.splashAction1 {
	display:block;
	position:relative;
	float:left;
	padding:4px 0px 0px 0px;
	left:0px;
}

.splashAction1 img {
	border:0px;	
}

.splashAction2 {
	display:block;
	position:relative;
	float:left;
	padding:4px 0px 0px 4px;
	left:0px;
}

.splashAction2 img {
	border:0px;	
}

.splashAction3 {
	display:block;
	position:relative;
	float:left;
	padding:4px 0px 0px 4px;
	left:0px;
}

.splashAction3 img {
	border:0px;	
}


.pageTitle {
	font-size: 16pt;
 	font-family: Tahoma, Geneva, sans-serif;
 	color: #333;
	text-align:left;
	padding:10px 0px 0px 40px;
	text-decoration:underline;
}

.courseOverview {
	position:relative;
	float:left;
	width:935px;
	color:#333;
	background:#000 url(images/course-catalog-background.jpg) repeat-x;
	border: 1px solid #666;
}

.courseOutline {
	position:relative;
	float:left;
	width:935px;
	color:#333;
	background-color:#FFF;
	border: 1px solid #666;
}

.courseOutline .category {
	padding:20px 0px 0px 45px;
	font-size: 11pt;
 	font-family: Tahoma, Geneva, sans-serif;
 	color: #00539f;
	text-align:left;
	text-decoration:underline;
}

.courseOutline .topic {
	padding:5px 0px 0px 45px;
	font-size: 10pt;
	font-family: Tahoma, Geneva, sans-serif;
 	color: #00539f;
	text-align:left;
}

.courseOutline .module {
	padding:2px 0px 0px 60px;
	font-size: 10pt;
	font-family: Tahoma, Geneva, sans-serif;
 	color: #333;
	text-align:left;
}

.courseOutline .sampleContent {
	position:absolute;
	top:100px;
	right:20px;
	width:490px;
	height:500px;
	
	font-size: 12pt;
 	font-family: Tahoma, Geneva, sans-serif;
 	color: #00539f;
}

.courseOutline .sampleContent img {
	display:block;
	margin:0px auto;
	padding:20px 0px 20px 0px;
}

.courseCatalog {
	position:relative;
	float:left;
	width:935px;
	color:#333;
	background-color:#FFF;
	border: 1px solid #000;
}

.courseCatalog .contact {
	position:absolute;
	width:450px;
	height:300px;
	top:90px;
	right:20px;
}

.courseCatalog .menu {
	position:relative;
	top:0px;
	float:left;
	width:250px;
	background-color:#00539f;
	color:#FFF;
}

.courseCatalog .courseTitle {
	padding:20px 0px 0px 40px;
	font-size: 11pt;
 	font-family: Tahoma, Geneva, sans-serif;
 	color: #00539f;
	text-align:left;
}

.courseCatalog .courseTitle img {
	float:left;
	padding:0px 20px 0px 0px;	
}

.courseCatalog .courseAction {
	padding:0px 0px 30px 50px;
	font-size: 10pt;
 	font-family: Tahoma, Geneva, sans-serif;
 	color: #333;
	text-align:left;
}

.courseCatalog .courseAction a:link {
	color:#333;
	text-decoration:none;
}

.courseCatalog .courseAction a:visited {
	color:#333;
	text-decoration:none;
}

.courseCatalog .courseAction a:active {
	color:#333;
	text-decoration:none;
}

.courseCatalog .courseAction a:hover {
	color:#333;
	text-decoration:underline;
}

.support {
	width:500px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:9pt;
}

.support .intro {
	font-size:10pt;	
}

.support .sidebar {
	position:absolute;
	top:70px;
	right:5px;
	width:180px;
}
.support .sidebar img {
	border:0;	
}

.support a:link {
	color:#FFF;
	text-decoration:none;
}

.support a:visited {
	color:#FFF;
	text-decoration:none;
}

.support a:active {
	color:#FFF;
	text-decoration:none;
}

.support a:hover {
	color:#FFF;
	text-decoration:underline;
}

.support .question {
	padding:20px 0px 0px 20px;
	color:#4891dc;
}

.support .answer {
	padding:5px 0px 0px 20px;
}

.courseCatalogH1 {
	font-size: 11pt;
 	font-family: Tahoma, Geneva, sans-serif;
 	color: #00539f;
	text-align:left;
	text-decoration:underline;
	padding-top:20px;
}

.demoCentre {
	
}

.demoCentre .movie {
	display:block;
	width:480px;
	margin:20px 0px 30px 20px;
	border:2px solid #ccc;
}

.demoCentre .sidebar {
	position:absolute;
	top:65px;
	right:5px;
	width:180px;
}
.demoCentre .sidebar img {
	margin:2px 0px 0px 0px;
	border:0;
}

.contactDescription {
	position:relative;
	width:650px;
	font-size:10pt;
	text-align:justify;
}

.contactDescription .description {
	padding:0px 0px 0px 30px;
	font-size: 10pt;
 	font-family: Tahoma, Geneva, sans-serif;
 	color: #333;
	text-align:left;
}

.contactDescription .description a:link {
	color:#00F;
	text-decoration:none;
}

.contactDescription .description a:visited {
	color:#00F;
	text-decoration:none;
}

.contactDescription .description a:active {
	color:#00F;
	text-decoration:none;
}

.contactDescription .description a:hover {
	color:#00F;
	text-decoration:underline;
}

.contactDescription .required {
	color:#F00;	
}

.signIn {
	position:relative;
	width:650px;
	font-size:10pt;
	text-align:justify;
}
.signinwrap {
	position:relative;
	margin:50px auto 50px auto;
	width:500px;
	height:300px;
	background:#000 url(images/sign-in-background.jpg) no-repeat;
	text-align:center;
	padding:20px 0px 0px 0px;
}
.signinwrap p.signinfieldwrap {
	margin:1px;
	padding:1px;
}
form.signinform {
	text-align:left;
	padding:20px 0px 0px 0px;
	width:500px;
}
form.signinform label {
	color:#333;
	display: block; 
	float: left; 
	width: 120px; 
	text-align: right;
	margin: 0px 10px 15px 0px;
	padding:2px;
	clear: left;
}
form.signinform input.signintext {
	float: left;
	display: block;
	width: 250px;
	padding:2px;
	margin:0px 0px 15px 0px;
}
form.signinform .submit {
	text-align: right;
	clear: both; 
	width: 400px;
}

.contactformwrap {
	position:relative;
	margin:30px auto 20px auto;
	width:700px;
	height:550px;
	background:#cbcbcb url(images/contact-background.jpg) no-repeat;
	padding:0px 0px 0px 0px;
}

.contactformwrap .contactsuccess {
	text-align:center;
	color:#4891dc;
	font-size:12pt;
}

.contactformwrap p.contactfieldwrap {
	margin:1px;
	padding:1px;
}

form.contactform {
	text-align: left;
	padding: 30px 0px 0px 0px;
	width: 700px; 
}

form.contactform label {
	color:#333;
	display: block; 
	float: left; 
	width: 200px; 
	text-align: right;
	margin: 0px 10px 15px 0px;
	padding:2px;
	clear: left;
}

form.contactform input.contacttext {
	float: left;
	display: block;
	width: 398px;
	padding:2px;
	margin:0px 0px 15px 0px;
}

form.contactform select.contactselect {
	float: left; 
	display: block;
	width: 405px; 
	padding:2px;
	margin:0px 0px 15px 0px;
}

form.contactform textarea.contacttextarea {
	float: left; 
	position: relative;
	width: 400px;
	padding:2px;
	margin:0px 0px 15px 0px;
}

form.contactform input.contactsecurity {
	float: left; 
	width: 100px;
	position: relative;
	display: block;
	padding:2px;
	margin:0px 0px 15px 0px;
}

form.contactform img {
    float: left;
	margin: 1px 0px 0px 10px;
}

form.contactform .submit {
	text-align: right;
	clear: both; 
	width: 620px;
}
.signinerror {
	color:#C00;
	font-size:11pt;
}

.contacterrors {
	color:#C00;
}

.contacterrorlist {
	color:#C00;
}





.footer {
	clear:both;
	position:relative;
	bottom:0px;
	padding:0px 0px 0px 0px;
}