@charset "utf-8";
/* CSS Document */
* {
	padding:0;
	margin:0;
}

img {border:none;}


body {
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	line-height:150%;
	margin-top:2px;

	/**  background:url(../images/normal_bg.png); **/
	background-color: #7e95a3;
	background-repeat:no-repeat;
	background-position: top center;
}

#container {
	padding:0px;
	margin:0px;
	width: 1030px;
	height: 800px;	
	margin-left: auto ;
	margin-right: auto ;
}

#top {
margin:0px;
padding:0px;
height:96px;
background:url(../images/top_bg.png);
text-align: center;
}

#splash {
height:130px;
border-bottom-color: #762a8d;
border-bottom-style:solid;
border-bottom-width: thin;
}

.splash_1{
background:url(../images/bears_walking.png);
}

.splash_2{
background:url(../images/bears_walking.png);
}

#middle {
	margin-bottom: 0px;
}

#footer {
text-align: center;
	height:100px;
	background:#ffffff;
	padding:5px;
	text-align:center;
	border-top-color: #989e96;
border-top-style:solid;
border-top-width:thin;
padding-top: 15px;
}
		

#small_logo {
	margin:0px;
	padding:0px;
	padding-left: 20px;
	float:left;
}
#menu_container {
	float:left;
	height:75px;
}

#nav {
	margin:0px;
	line-height:100%;
}


#nav li{
	float: left;
	margin-left:1px;
	display: block;
	text-align: center;
	padding-left:10px;
	padding-right:10px;
	font-family:Arial;
	font-size: 10pt;
	height:39px;
}


#nav a:link,#nav a:visited,#nav a:active,#nav a:hover {
text-decoration: none; color: white;
}

.menu_item_text {
margin-top: 10px;

}

.menu_item_pad_div {
height:12px;
}

.menu_item_2liner_pad_div {
height:6px;
}

.menu_item {
background: purple;
}

#current {
background-color:#fa9e28; 
}

#item1 {
background-color: #0ea0cc;
}

#item2 {
background-color: #3c86cc;
}

#item3 {
background-color: #3b6bcc;
}

#item4 {
background-color: #4c6bcc;
}

#item5 {
background-color: #7181cc;
}

#item6 {
background-color: #9090e0;
}

#item6_5 {
	background-color: #b99ddf;
}

#item7 {
background-color: #d393aa;
}

#item8 {
background-color: #cb6057;
}

#item9 {
background-color: #e05c3f;
}

.clear {
clear: both;
}

#front_logo {
position:relative;
left:-20px;
top:-25px;
}
		
		
			


			
	
.frontpage_body {
	background:url(../images/bg1.jpg) left no-repeat;
	background-position: -200px -150px;
	background-color: #798093;
}
	
h1 {
	font-size:20pt;
	padding:10px 0;}

h3, h4 {
	color: #3E95A8;
	padding-top: 7px;
}

h2 {
	font-size:16pt;
	padding:20px 0 10px 0;
	margin-bottom: 10px;
	color:#005296;
	background:url(../images/mini_logo.png) left no-repeat;
	background-position: 3px 7px;
	padding-left: 45px;
	height: 20px;
}

h3 {
	font-size:12pt;
	padding:20px 0 10px 0;}
	
a,a:hover,a:visited {}

a:link{
color: maroon;
}
a:hover {}

p {
	padding-top:10px; font-size:13~pt;
	color:#005296;
}

p.emphasise{
	font-size:12pt;
	color:#005296;
}

#readyforwork p,#trainingforwork p {
font-size:12pt;
}
	
/**span.emphasise {
padding: 10px;
	color: blue;
	background-color: white;
	margin-top: 10px;
}**/

/******** LAYOUT DIV STYLES *******/

.blank{
	clear:none;
}

.pdficon {
background:url(../images/pdficon.png) left no-repeat;
padding-left: 45px;
margin:5px;
}

.wordicon {
background:url(../images/wordicon.png) left no-repeat;
padding-left: 45px;
margin:5px;
}

.button{
 margin-top:10px;
 background-color: #99caff;
 padding: 10px;
 border-color:#6580b6;
 color: white;
}

.courseinfo ul {
	padding-top: 5px;
}

.courseinfo li {
	margin-left: 35px;
}

.testimony p {
	font-size:13pt;
}



#wrapper {
	width:100%;
	margin:0 auto;
	min-width:1000px;
	text-align:center;}
#topbar {
	background:#ffffff;
	height:77px;
	padding-top:0px;
	min-width:1000px;
	}
	
.learningassistloginform {
	background-color: #d24bbd;
	border-style: solid;
	border-color:#9c3b8f; 
	border-width: 2px;
	padding: 5px;
	width: 300px;
	color: white;
}

#logo {
	width:193px;
	text-align:center;
	margin:0 auto;
	float:left;}



#websites {
border-spacing: 0px 20px;
}

#websites tr {
	margin-bottom: 10px;
}

#websites td {
	background: #f8f8f8;
	padding: 10px;
	border-bottom:black; 
}

#outer-container {
min-width:1150px;
height: 100%;
}
#login {
	float:right;}
ul#login {}
#login li {
	background:#D24BBD;
	width:114px;
	text-align:center;
	float:left;
	border:1px solid #333333;
	list-style:none;
	margin:0;
	padding:0;
	}

#login li a:hover{
	background-color: #dca2a2;
}	
	
#maincontent {
	height:620px;
	clear:both;
	position:relative;
	width:100%;}
#logo_mcom {
	position:absolute;
	left:570px;
	top:115px;}
	
#logo_jl {
	position:absolute;
	left:600px;
	top:115px;}
	
.feedbackform {
	padding-left: 15px;
	padding-right: 15px;
	width: 450px;
	margin-top: 0px;
}

#contactusmap {
	width: 300px;
	margin-left:10px;
}

.callbackform {
	padding: 15px;
}



	
#frontpage {
	margin:0 auto;
	text-align:left;
	padding-left:60px;
	padding-top:30px;}

#trainingforwork ul  {
	padding-left: 50px;
	color:#005296;
}

#sidebar {
	width:193px;
	text-align:left; 
	float:left;
	margin-right:20px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
	 
#sidebar ul {
list-style:none;
	}
	
#sidebar li {
margin-top:2px;
	list-style:none;
	text-align:center;
	font-size:8pt;
	border:black;
	background:#44a044 ; height: 20px; padding-top: 3px;color: white;font-size:small; 
}

#sidebar  li a {
display:block;
	color:#fafffb;
	text-decoration: none;
}

#sidebar  #current {
display:block;
color: #000;
	background:#bcea8a;
}

#sidebar  .submenu {
margin:0px;
display:block;
color: #000;
	background:#86d656;
}
	
#sidebar  li a:hover {
	text-decoration: underline;
	color: #000;}

#sidebar_img {
	padding-left: 5px;
	position:relative;
}
	
#sidebar_ran_img {
	position:absolute;
	left:125px;
	top:30px;}

.textpane {
	padding-right:100px;
}

#textarea {
	/**background-image:url(../images/transparent_80.png);**/
	min-height: 500px;
	width:100%;
	background: white;
	padding-bottom: 15px;
}

.clear {clear:both;
}
	
#text {
	padding:10px;
	padding-top: 10px;
	padding-bottom: 70px;
	margin-top: 10px;
	float:left;
	width:760px;
	background:#edeef1;
}
	
.warning {font-weight: bold; padding: 10px; margin-bottom: 0px; margin-top:10px; border: 0px solid #ddd; background: #d0ecb4;}

.home_container
	{
	padding-top:100px;
	padding-left: 600px;
	height: 400px;
	background:url(../images/bg1.jpg);
	background-position: -400px -325px;
	}