/* ************************************************ */
/* ************************************************ */
/* ** Stylesheet by Ianthe Hind 				 ** */
/* ** Edeta Training Services Ltd      	     	 ** */
/* ** June 2007						 			 ** */
/* ************************************************ */

/* *********************************************** */
/* ** HTML Design 		                        ** */
/* *********************************************** */

/* *********************************************** */
/* ** Edeta Colours		                      	** */
/* ** 											** */
/* ** navy blue: #003366			            ** */
/* ** yellow gold: #ffcc00						** */ 
/* *********************************************** */

html {
     overflow: -moz-scrollbars-vertical;
}

body {
	background-color: #003366;
	color: #003366;
	font-family: tahoma,verdana,arial,sans-serif;
	font-size: 12px;				 		
	font-weight: 500px;
	margin:0;
	padding: 0;
	text-align: left;
	line-height: 1.3em;
	overflow: auto;
	
	/* scroll bar */
	scrollbar-3dlight-color:#def; 
	scrollbar-arrow-color:#def; 
	scrollbar-base-color:#def; 
	scrollbar-darkshadow-color:#def; 
	scrollbar-face-color:#003366; 
	scrollbar-highlight-color:#def; 
	scrollbar-shadow-color:#def; 
	scrollbar-track-color:#def;

}


* {
    padding: 0;
    margin: 0;
    background-color: transparent;
    color: inherit;
}

p {
	line-height: 1.4em;
	margin-top: .5em;
	margin-bottom: 1em;
}

p.lineBreak {
	font-size: 20px;
	line-height: 2em;
	margin: none;
}

p.bullet1top {
	margin-top: 1.3em;
	margin-bottom: 1em;
	line-height: 0.5em;
}

p.bullet1 {
	margin-bottom: 1em;
	margin-top: 0em;
	line-height: 0.5em;
}

p.bullet1single {
	margin-bottom: 1.3em;
	margin-top: 0em;
	line-height: 0.5em;
}

p.bullet2 {
	margin-left: 0.75em;
	margin-bottom: 1em;
	margin-top: 0em;
	line-height: 0.5em;
}

ul {
	list-style: none;
}

ul.short-list {
	margin-bottom: 0.5em; /* set to be same as margin-bottom for <p> tags */
	list-style: disc;
	margin-left: 1em;
}

	ul.normal-list {
		margin-bottom: 1em; /* set to be same as margin-bottom for <p> tags */
	}
	
		ul.normal-list li {
			margin-left: 30px;
			margin-top: .5em;
			margin-bottom: 1em;
			list-style: disc;
		}

		ul.normal-list ul li {
			margin-left: 40px;
		}
		
			ul.normal-list ul ul li {
				margin-left: 50px;
			}

	ul.indent-list {
		margin-bottom: 1em; /* set to be same as margin-bottom for <p> tags */
	}
	
		ul.indent-list li {
			margin-left: 50px;
			margin-top: .5em;
			margin-bottom: 1em;
			list-style: disc;
		}

		ul.indent-list ul li {
			margin-left: 60px;
		}
		
			ul.indent-list ul ul li {
				margin-left: 70px;
			}			
			
			
			
	ol.normal-list {
		margin-bottom: 1em; /* set to be same as margin-bottom for <p> tags */
	}
	
		ol.normal-list li {
			margin-left: 30px;
			margin-top: .5em;
			margin-bottom: 1em;
		}

		ol.normal-list ul li {
			margin-left: 40px;
		}
		
			ol.normal-list ul ul li {
				margin-left: 50px;
			}


table {
	border-collapse: collapse;
	border-bottom: 1px solid #003366;		
}

table.calendar {
	font-size: 10px;
}

table.nob {
	border-bottom: 0px;
}

tr {
	border: 0px;	
}

/* magenta */
tr.colour1 {
	color: #CC0066;
}

/* purple */
tr.colour2 {
	color: #660099;
}

/* red */
tr.colour3 {
	color: #CC0000;
}

/* blue/green */
tr.colour4 {
	color: #006666;
}

/* blue */
tr.colour5 {
	color: #000099;
}

/* green */
tr.colour6 {
	color: #006633;
}

/* khaki */
tr.colour7 {
	color: #999900;
}

/* orange */
tr.colour8 {
	color: #FF6600;
}

th {
	color: #003366;
	font-weight: bold;
	background: #def;
	border: 1px solid #003366;
	padding: 2px 6px;
}

td {
	padding: 1px 6px;
	border: 1px solid #003366;
	text-align: center;
}

/* magenta */
td.header1 {
	background-color: #CC0066;
	color: white;
	font-weight: bold;	
}

/* purple */
td.header2 {
	background-color: #660099;
	color: white;
	font-weight: bold;	
}

/* red */
td.header3 {
	background-color: #CC0000;
	color: white;
	font-weight: bold;	
}

/* blue/green */
td.header4 {
	background-color: #006666;
	color: white;
	font-weight: bold;	
}

/* blue */
td.header5 {
	background-color: #000099;
	color: white;
	font-weight: bold;	
}

/* green */
td.header6 {
	background-color: #006633;
	color: white;
	font-weight: bold;	
}

/* khaki */
td.header7 {
	background-color: #999900;
	color: white;
	font-weight: bold;	
}

/* orange */
td.header8 {
	background-color: #FF6600;
	color: white;
	font-weight: bold;	
}

td.header {
	font-weight: bold;
	text-align: left;
}

td.right {
	text-align: right;
}

td.left {
	text-align: left;
}

td.nob {
	padding: 5px 5px;
	border: 0px;
}

td.tot {
	border: 1px solid rgb(76,74,71);
	font-weight: bold;
}

td.tb {
	border-top: 1px solid rgb(76,74,71);
	border-left: none;
	border-right: none;
	font-weight: bold;
}

td.bb {
	border-bottom: 1px solid rgb(76,74,71);
}

a:link, a:visited, a:active {
	text-decoration: none;
	font-weight: bold;
	color: #003366;
}

	p a:link, p a:visited, p a:hover, p a:active {
		font-weight: bold;
	}	

a:hover {
	text-decoration: underline;
	color: black;
}


.headingLink a:link, .headingLink a:visited, .headingLink a:active {
	font-size: 13px;
	text-decoration: none;
	color: rgb(0,0,0);
	font-weight: bold;
}

.headingLink a:hover {
	font-size: 13px;
	text-decoration: underline;
	color: rgb(224,158,0);
	font-weight: bold;
}

.headingLinkSmall a:link, .headingLinkSmall a:visited, .headingLinkSmall a:active {
	color: rgb(0,0,0);
	text-decoration: none;
}

.headingLinkSmall a:hover {
	color: rgb(224,158,0);
	text-decoration: underline;
}

.nameLink, .nameLink a:hover {
	font-size: 13px;
	text-decoration: underline;
	color: rgb(0,0,0);
	font-weight: bold;
}


.upArrow {
	text-align: right;
}


h2 {
	color: #003366;
	font-weight: bold;
	font-size: 14px;
	background-color: #def;
	padding: 5px 5px;
	clear: both;
	line-height: 1.4em;
}

h2 a:hover {
	text-decoration: none;
	color: #003366;
	font-weight: bold;
}

h3 {
	color: white;
	font-weight: bold;
	font-size: 13px;
	background-color: #003366;
	padding: 5px 5px;
	clear: both;
	line-height: 1.4em;
}

h3 a:hover {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

h4 {
	font-weight: bold;
	font-size: 13px;
	line-height: 1.4em;
	clear: both;
	padding: 5px 0px;
}

h4 a:hover {
	text-decoration: none;
	color: white;
	font-weight: bold;
}

.asterix {
	color: rgb(224,158,0);
	font-weight: bold;	
}

.footnote {
	font-style: italic;
}

img { 
	border: 0; 
}

img.picture{
	border: 2px solid #003366;
}

img.sidePicture{
	float: left;
	position: absolute;
	display: block;
	width: 200px;
	left: 780px;
	top: 150px;
	border: 2px solid #003366;
}

img.sidePicture2{
	float: left;
	position: absolute;
	display: block;
	width: 200px;
	left: 780px;
	top: 325px;
	border: 2px solid #003366;
}



div.screenshot {
	float: right;
	margin: 5px 0 15px 15px;
}

	div.screenshot img {
		border: 1px solid #54616e;
	}

	div.screenshot p {
		font-size: .8em;
		font-weight: bold;
	}

input.text, select, textarea {
	float: left;
	margin-left: 15px;
	padding: 0.1em;
	background: #fff;
	width: 206px;
	border: 1px solid #c8c8c8;
	font-family: tahoma,verdana,arial,sans-serif;
}

input.checkbox {
	float: left;
	margin-left: 15px;
	padding: 0.1em;
	background: #fff;
	border: 1px solid #c8c8c8;
	font-family: tahoma,verdana,arial,sans-serif;
}

select {
	width: auto;
}

.restrict {
	width: 325px;
	float: left;
	margin-left: 15px;
}

textarea {
	font-size: 12px;
}

input.error {
	float: left;
	margin-left: 15px;
	padding: 0.1em;
	background: #fff;
	width: 206px;
	border: 1px solid rgb(255,236,0);
	font-family: tahoma,verdana,arial,sans-serif;	
}

input.errorSmall {
	float: left;
	margin-left: 15px;
	padding: 0.1em;
	background: #fff;
	width: 121px;
	border: 1px solid rgb(255,236,0);
	font-family: tahoma,verdana,arial,sans-serif;	
}


select.small {
	float: left;
	margin-left: 15px;
	padding: 0.1em;
	background: #fff;
	width: 125px;
	border: 1px solid #c8c8c8;
	font-family: tahoma,verdana,arial,sans-serif;
}

input.small {
	float: left;
	margin-left: 15px;
	padding: 0.1em;
	background: #fff;
	width: 121px;
	border: 1px solid #c8c8c8;
	font-family: tahoma,verdana,arial,sans-serif;
} 


.valueText  {
	float: left;
	margin-left: 15px;
	padding: 0.1em;
	width: 206px;
	font-family: tahoma,verdana,arial,sans-serif;
	line-height: 2em;
}

.valueTextBig  {
	float: left;
	margin-left: 15px;
	padding: 0.1em;
	font-family: tahoma,verdana,arial,sans-serif;
	line-height: 2em;
}

.errorMessage {
	color: rgb(196,0,30);
	font-weight: bold;
}

.submitBtn {
	margin: 8px;
	border: 0;
	font-family: tahoma,verdana,arial,sans-serif;
	font-weight: 550;
	color: rgb(255,255,255);
	padding: 0.2em;
	background-color: rgb(76,74,71);
}

.submitBtn:hover {
	color: rgb(0,0,0);
	background-color: rgb(255,236,0);	
	cursor: pointer;
}

.formLine {
	background-color: rgb(186,192,197);
	height: 1px;
	border: none;
	line-height: 1px;
}


form fieldset .formHeading,
form fieldset p formHeading,
form fieldset span formHeading {
	text-align: left;
	color: rgb(76,74,71); 
	background-color: rgb(186,192,197);
	font-weight: bold;
	padding-left: 16px;
	border-top: 1px solid rgb(76,74,71);
	border-bottom: 1px solid rgb(76,74,71);	
	border-left: none;
	border-right: none;
	line-height: 2em;
}

.formSpacer {
	width: 560px;
	text-align: left;
	color: rgb(76,74,71); 
	background-color: rgb(186,192,197);
	font-weight: bold;
	padding-left: 16px;
	border: 1px solid rgb(76,74,71);
}

.formTitle {
	width: 195px;
	float: left;
	text-align: right;
	margin-right: 8px;
	display: block;
	color: rgb(76,74,71);
	font-weight: bold;
	margin-top: 0px;
}

.formText {
	width: 560px;
	text-align: left;
	margin-left: 16px;
	font-weight: normal;
}

.formComment {
	float: left;
	text-align: left;
	margin-left: 220px;
	font-weight: normal;
	font-size: 9px;
	line-height: 1.2em;
	vertical-align: top;
}

.formLongComment {
	margin-top: 3px;
	margin-left: 16px;
	text-align: left;
	font-weight: normal;
	font-size: 9px;
}

.formShortComment {
	margin-top: 3px;
	text-align: left;
	font-weight: normal;
	font-size: 9px;
}



label {
	width: 195px;
	float: left;
	text-align: right;
	padding-right: 8px;
	line-height: 2em;
}

.labelText {
	width: 195px;
	float: left;
	text-align: right;
	margin-right: 8px;
	line-height: 2em;
}



fieldset {
	padding: 0;
	margin: 0;
	border: 1px solid rgb(76,74,71);
	width: 100%;
}

legend
{
	margin-left: 16px;
	color: rgb(0,0,0);
	background: rgb(255,236,0);
	border: 1px solid rgb(76,74,71);
	padding: 2px 6px;
}


form {
	padding: 0;
	margin: 0;
	font-size: 100%;
	width: 576px;

}

form.mini {
	padding: 0;
	margin: 0;
	font-size: 100%;
	width: 200px;
}

form.miniButton {
	padding: 0;
	margin: 0;
	font-size: 100%;
	width: 100px;
}

form br {
	clear: left;
	line-height: 0.25em;
}

form p {
	padding: 0px 0px;
	line-height: 1.3em;
}

form p br {
	clear: left;
	line-height: 0.25em;
}

form fieldset br {
	clear: left;
	line-height: 0.25em;
}


br {
	clear: left;
	height: 0;
	margin-bottom: 0.65em;
}

.tab { /* possibly redundant */
	margin-left: 24px;
}

/* ************************************************ */
/* ** Layout Formatting                    		 ** */
/* ************************************************ */

#container {	
	position:absolute;
	left: 50%; 
	width: 1000px;
	margin-left: -500px; /*set to a negative number 1/2 of your width*/ 
	background-color: #def;
}

	#menu {
		float: left;
		width: 180px;
		height: 645px;
		background-color: #def;
	}
		.mainNav {
			float: left;
			position: absolute;
			display: block;
			width: 150px;
			left: 10px;
			top: 110px;
		}

			.mainNav li {
				float: left;
				width: 150px;
				height: 15px;
				margin-bottom: 12px;		
				}

				.mainNav li a,
				.mainNav li a:visited  {
					float: left;
					width: 150px;
					height: 15px;
					position: absolute;
					text-align: center;
					font-size: 12px;
					font-family: arial;
					font-weight: bold;
					text-decoration: none;
					color: white;
					background-color: #003366;
					border: 1px solid #F0F8FF;
					padding: 3px 5px;						
				}
		
				.mainNav li a:hover,
				.mainNav li a:active {
					float: left;
					position: absolute;
					color: #003366;
					text-decoration: none;						
					background-color: #ffcc00;
					border: 1px solid #003366;
				}

		#logo {
			position: absolute;
			float: left;
			width: 130px;
			height: 100px;
			top: 15px;
			left: 25px;
			background: url("images/logo.gif") 0 0 no-repeat;
		}
			
		#logo:hover {
			cursor: pointer;
		}
			
		#address {
			position: absolute;
			top: 390px;
			width: 180px;
			text-align: center;
			font-size: 12px;
			font-weight: bold;
		}
			
		#sqms {
			position: absolute;
			float: left;
			width: 80px;
			height: 100px;
			top: 493px;
			left: 50px;
			background: url("images/sqms.gif") 0 0 no-repeat;			
		}
			
		#sqms:hover {
			cursor: pointer;
		}

		#learndirect {
			position: absolute;
			float: left;
			width: 135px;
			height: 100px;
			top: 590px;
			left: 22px;
			background: url("images/learndirect.gif") 0 0 no-repeat;			
		}
			
		#learndirect:hover {
			cursor: pointer;
		}
		
	#sidebody {
		float: right;
		width: 820px;
	}	
								
		#titlebar {
			width: 820px;
			height: 50px;
			background-color: #def;
			border-bottom: 2px solid #003366;				
		}
				
			#title {
				width: 820px;
				height: 40px;
				position: absolute;;
				text-align: center;
				text-transform: uppercase;
				font-family: arial;				
				font-size: 20px;
				font-weight: bold;
				top: 20px;
			}


		#main {
			width: 798px;
			height: 510px;
			background-color: white;
			border-left: 2px solid #003366;
			border-bottom: 2px solid #003366;
			padding: 5px 10px;	
			overflow: auto;			
		}
		
		#text {
			float: left;
			width: 550px;
		}
		
		#pictures {
			float: right;
			width: 200px;
		}
		
		.pictureNav {
			float: left;
			position: absolute;
			display: block;
			width: 150px;
			left: 820px;
			top: 70px;
		}

			.pictureNav li {
				float: left;
				width: 150px;
				height: 15px;
				margin-bottom: 12px;		
				}

				.pictureNav li a,
				.pictureNav li a:visited  {
					float: left;
					width: 150px;
					height: 15px;
					position: absolute;
					text-align: center;
					font-size: 12px;
					font-family: arial;
					font-weight: bold;
					text-decoration: none;
					color: white;
					background-color: #003366;
					border: 1px solid #F0F8FF;
					padding: 3px 5px;						
				}
		
				.pictureNav li a:hover,
				.pictureNav li a:active {
					float: left;
					position: absolute;
					color: #003366;
					text-decoration: none;						
					background-color: #ffcc00;
					border: 1px solid #003366;
				}		
		
		#courses {
			float: left;
			position: absolute;
			left: 180px;
			display: block;
			font-size: 12px;
			font-family: arial;
			font-weight: bold;
			padding: 3px 10px;
			top: 585px;			
		}


		.botNav {
			float: right;
			width: 818px;
			position: absolute;
			top: 585px;
			left: 320px;
			display: block;

		}

			.botNav li {
				float: left;
				line-height: 1.2em;
			}

				.botNav li a,
				.botNav li a:visited {
					padding-left: 12px;
					float: left;
					text-align: center;
					font-size: 12px;
					font-family: arial;
					font-weight: bold;
					text-decoration: none;
					color: #003366;
					border: 1px solid #def;					
					padding: 3px 10px;						
				}
				
				.botNav li a:hover,
				.botNav li a:active {
					float: left;
					color: #003366;
					text-decoration: none;
					background-color: #ffcc00;
					border: 1px solid #003366;
				}

		.botNav2 {
			float: right;
			width: 818px;
			position: absolute;
			left: 320px;
			top: 611px;
			display: block;

		}

			.botNav2 li {
				float: left;
				line-height: 1.2em;
			}

				.botNav2 li a {
					padding-left: 12px;
					float: left;
					text-align: center;
					font-size: 12px;
					font-family: arial;
					font-weight: bold;
					text-decoration: none;
					color: #003366;
					border: 1px solid #def;					
					padding: 3px 10px;						
				}
				
				.botNav2 li a:hover,
				.botNav2 li a:active {
					float: left;
					color: #003366;
					text-decoration: none;					
					background-color: #ffcc00;
					border: 1px solid #003366;
				}