@charset "iso-8859-1";
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px; 
	line-height: 13px;
	color: #323232; 
	margin: 0;
	padding: 0;
	/* text-align: left; */
}
	
html, body {
    height: 100%;
}

body {
    margin: 0;
	padding: 0;
	text-align: center;

}

a {
	text-decoration:underline;
	color: #00aeff;
}

a:hover {
    text-decoration:none;
}

img {
	border: none;
	vertical-align:top;
}

table {
	border: 0;
}

table th, table td {
	margin: 0;
	padding: 0;
}


/*------------------------------------------------------------------------------
GENERAL LAYOUT
------------------------------------------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
.clearfix {display:block;}
/* End hide from IE-mac */

#container {
    position:relative;
	margin: 0 auto;
	width:950px;
	height:1250px; 
	/* height: auto !important; */
 /* height: 100%;   */
 /* border:#00aeff; */
 	border:#999999;
	border-style:solid;
	border-width:1px;
	padding-bottom:10px
}

#contactStrip {
    width: 950px;
    height: 30px;
  /*  background: #323232 url(../images/contact_us_today.gif) no-repeat 752px 10px;  */
}

#header {
    width:100%;
    height: 95px;
	background-image: url(images/toprightcurve5.gif);
	background-repeat: no-repeat;
	background-position:right;
	text-align:left;
	border-bottom:#fff;   
/*  border-bottom:#00AEEF;  */
	border-left-color:#fff;
	border-right-color:#00AEEF;
	border-style:solid;
	border-width:1px;
	border-top:none;
	border-top-color:#00AEEF;
}

#header img {
    padding: 14px 0 0 10px;
}


#homeContent {
    float: left;
    width: 480px;
}

#bluebar {
    width:937px;
    height:32px;
	padding-top:10px;
	padding-left:15px;
	margin-bottom:10px;
	background-color:#00AEEF; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height:22px;
	font-weight:normal;
	color: #ffffff;
	text-align:left;
}

#topsection {
	width: 490px;
	height: 330px;
	float:left;
}

#mainContent {
    float: left;
    width: 664px;
    padding-left: 30px;
}

#footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #595959;
	padding-top:20px;
	padding-left:40px;
	padding-bottom:20px;
	clear: both;
	text-align:left;
}



/*------------------------------------------------------------------------------
TYPE
------------------------------------------------------------------------------*/

h1 {
    
}


h2 {
    font-size: 15px;
    font-weight: normal;
    color: #0066cc;
}

h3 {
    font-size: 11px;
    color: #0066cc;
}


h4 {
    font-size: 10px;
}

h5 {
    font-size: 18px;
    font-weight: normal;
    color: #0066cc;
}

h6 {
    font-size: 12px;
    font-weight: normal;
    
}



/* --------------------------------------------------------------------------------------- */
/*                              Left Hand Columns                                          */
/* --------------------------------------------------------------------------------------- */


#leftColHOLDER{
	width:300px;
	height:850px;
	float:left;
	
}

#leftCol1 {
	width:280px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	margin-left:5px;
}


#leftCol1 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
	text-align:left;
	
}

.leftCol1 p {
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
    color: #333;
}

.leftCol1 p.bullet { 
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url("/images/bluebullet.gif");
	list-style-type: disc;
	
} 

#leftColObjectives {
	background-repeat: no-repeat;
	background-position:100% 100%;
	width:280px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	margin-left:5px;
	margin-top:10px
}


#leftColObjectives h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
	text-align:left;
	
}

.leftColObjectives p {
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
    color: #333;
}

.leftColObjectives p.bullet { 
	font-family:Arial, Helvetica, sans-serif;
	list-style-image:url("/images/bluebullet.gif");
	list-style-type: disc;
	
} 


#leftCol2 {
	width:280px;
/*	coursecontentgirl.gif */
	background-image:url(images/girlredwhitetshire.gif);
	background-repeat: no-repeat;
	background-position:100% 100%;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	margin-left:5px;
	margin-top:10px
}

#leftCol2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
	text-align:left;
	
}

.leftCol2 p {
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
    color: #333;
}

#leftcol2Bullets{

	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#leftcol2Bullets li 
{
	padding-left: 10px;
	background-image: url(images/bluebullet.gif);
	background-repeat: no-repeat;
	background-position:0px 4px;
}

#leftCol3 {
	width:280px;
	height:400px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	margin-left:5px;
	margin-top:10px
}

#leftCol3 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
	text-align:left;
	
}

.leftCol3 p {
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
    color: #333;
}

#leftCol4 {
	width:280px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	margin-left:5px;
	margin-top:10px
}

#leftCol4 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
	text-align:left;
	
}

.leftCol4 p {
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
    color: #333;
}

#leftCol5 {
	background-image:url(images/backgroundgirl.gif);
	background-repeat: no-repeat;
	background-position:95% 100%;
	height:220px;
	width:280px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:11px;
	padding-right:10px;
	float:left;
	text-align:left;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	margin-left:5px;
	margin-top:10px;
}

#leftCol5 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
	text-align:left;
	
}

.leftCol5 p {
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
    color: #333;
}

#leftcol5Bullets{

	margin-left: 0;
	padding-left: 0;
	list-style: none;
	
}

#leftcol5Bullets li 
{
/* Padding Left moves the text to the right */
	padding-left: 31px;
	padding-top:0px;
	background-image: url(images/pdfbullet.gif);
	background-position:bottom;
	background-position:left;
	background-repeat: no-repeat;
	line-height:20px;

}


#MeLearningLeftBox {
	width:280px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	float:left;
	text-align:left;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	margin-left:5px;
	margin-top:10px

}

#MeLearningLeftBox h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
	text-align:left;
	
}

.MeLearningLeftBox p {
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
    color: #333;
}

/* --------------------------------------------------------------------------------------- */
/*                              Login Section                                              */
/* --------------------------------------------------------------------------------------- */


#RightHandLogin {
    background-image: url(images/righthandmap.gif); 
	background-repeat: no-repeat;
	background-position:50% 45%; 
	width:152px;
	height:512px; 
	margin-right:5px;
	padding-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	text-align:left;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	float:right;
}

#RightHandLogin img.loginBTN{
/*	Remove comments and login button will centre
	float:left;
	padding-top:0px;
	padding-left:24px; */
}

#RightHandLogin img.plugins{
	float:left;
	padding-top:13px;
	padding-left:37px;
}

#RightHandLogin p {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
    color: #333;
}

#RightHandLogin h2 {
    padding: 10px 0px 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
}

#BackgroundBTN {
padding-left:30px;

}



/* --------------------------------------------------------------------------------------- */
/*                              Centre Image Section                                       */
/* --------------------------------------------------------------------------------------- */

#middlecontainer {
	width:430px;
	height:528px;
	float:right;
	margin-right:12px;
}

#ChildrenImg {
	width:430px;
	height:255px;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	float:left;
		
} 

/* --------------------------------------------------------------------------------------- */
/*                              Background Section                                         */
/* --------------------------------------------------------------------------------------- */


#Backgroundsection{
	width:410px;
	height:230px;
	margin-top:15px;
	padding-left:10px;
	padding-right:10px; 
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	float:right;
	
} 


#Backgroundsection h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
	padding-bottom:10px;
	text-align:left;
	
}



/* Begger Section Section */

/* Start Section Section */


#BackgroundSection2 {
	background-image: url(images/begging.gif);
	background-position:right;
	background-repeat: no-repeat;
	width:595px;
	height:287px;
	margin-top:10px;
	margin-right:5px;
	padding-top:10px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	float:right;
} 


#BackgroundSection2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
	padding-bottom:10px;
	text-align:left;
	
}


#BackgroundSection2 table{
table-layout:fixed;
width:40px;
}

/*------------------------------------------*/

#Middlesection3 {
	background-image: url(images/aboutusmellogo.gif);
	background-repeat:no-repeat;
	background-position:90% 15%; 
	height:215px;
	width:595px;
	margin-right:5px;
	margin-top:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px; 
	text-align:left;
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	float:right;
} 


#Middlesection3 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
	padding-bottom:10px;
	text-align:left;
}



/* ----------------------------------------------------------------
/* Three Columns for London Contiuun of Need 
  -----------------------------------------------------------------*/
  
#col1 {
float: left;
margin-left:5px;
width: 25%;
}

#col2 {
float:none;
margin-left:5px;
width: 25px;
}

#col3 {
float: left;
margin-left:5px;
width: 25px;
} 


#BackgroundSection h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
	padding-bottom:10px;
	text-align:left;
	
}

.BackgroundSection p {
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
    color: #333;
}


#MELSection{
	width:260px;
	height:215px;
	float:left; 
	text-align:left; 
	border:#CCCCCC;
	border-style:solid;
	border-width:1px;
	margin-left:5px; 
	margin-right:5px; 
	margin-top:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:30px; 
}

#MELSection h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#00aeff;
	padding-bottom:10px;
	text-align:left;
}


#navcontainer {
	height:20px;
	margin-left:10px;
}

#navcontainer2 {
	height:110px;
	margin-left:10px;
}

#navlist { 
	list-style-image:url(images/blue_chev_bullet.jpg);
	padding-left:25px;
	padding-bottom:5px;
	padding-top:5px;
}