body {
	font-family: Arial, Helvetica,Verdana, sans-serif;
	font-size: 1em;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-color:#000;
	min-height:100%;
	height:100%;
}

p {
	font-size: 1em;
	line-height: 1.2em;
	font-color: #606;
	padding-left:10px;
}

h1 {
	font: normal 1.50em Arial, Helvetica,Verdana, sans-serif;
	color: #000;
	font-weight: bold;
	text-align:left;
}

h2 {font: bold 1.15em Arial, Helvetica,Verdana, sans-serif; color: #000; margin: 0px  0px 0.2em 0px ;
}

h3 {
	color: #000;
	font-family: Arial, Helvetica,Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

h1,h2,h3,p {
	margin: 0px 0px 1em;
}

br {clear:both}

#logo a {
background: url(../images/logos/Conxlogoleics_BW100.jpg) no-repeat left top;
display:none;
height: 52px;
width: 150px;
}
#logo img {
position:absolute;
left:-200em
}

a:link {
	color: #3300cc ;
	text-decoration: none;
}

a:active, a:focus {background: yellow;}

a:hover {
	color: #3300cc; 
	text-decoration: underline;
}

a:visited {
	color:#3300cc;
	text-decoration: none;
}

ul {
font-size: 1em;}

li{
list-style: square;}

li.decimal {list-style-type: decimal}

.skiplink {display: none;}

hr {border: 2;
 height: 2px;
 color: #CC99CC;
 background-color: #F5F5F5;}

hr.dotted {border: 2px dotted;
 height: 1px;
 color: #660066;
 background-color: #F5F5F5;
 text-align:left;
}

hr.dotted50 {border: 2px dotted;
 height: 2px;
 color: #660066;
 background-color: #F5F5F5;
 width:50%;
 text-align:left;

}





#wrapper{
  margin: 20px auto;
	width: 780px;
	min-height:100%;
	background-color:#FFFFFF;
	border:thick #FFFFFF solid;
}

#banner {
	margin-top:0px;	
	height:200px;
	width:780px;
	background-image: url(../images/banners/topbanner.jpg);
	background-repeat:no-repeat;
}

#ema {font-weight:bold; border:dotted; border-color: #006600; float:right; 
	
}



#listen {
	margin-top: 150px;
	padding-left:20px;
	width: 80px;
	height:50px;
	text-align:left;
	vertical-align: bottom;
}

#listen2 {
	margin-top: 150px;
	width: 80px;
	height:50px;
	text-align:left;
	vertical-align: bottom;
	float:left;
}

#search{
	float:right;
	height: 30px;
	width: 570px;
	padding-right:2px;
	padding-top:5px;
	text-align:right;
	
}
#search h1 {
	font-family: Arial, Helvetica,Verdana, sans-serif;
	font-weight: bold;
	color: #660066;
	font-size:30px;
	
}


#left {
	position: relative;
	float: left;
	width: 175px;
	text-align:left;
}

#middle {
	margin-top: 0px;
	margin-left:0px;
	margin-right:2px;
	width:570px;
	float:right;
	padding-top: 0px;
	background-color:#fff;
}

#content {
	margin-top:2px;
	margin-left:10px;
	width:560px;
	float:right;
	padding-top: 0px;
}

#contentheader {
	float:left;
	background-color: #FFCCFF;
	border: #FF99FF 1px solid;
	background-color: #fff0f5;
	font: normal 1em Arial, Helvetica, sans-serif;
}

.fontl{ 
float:left;
min-width:100px; 
margin:10px 20px 2px 0px; 
font-size:100%; 
font-family:Arial;
} 

.fontr{ 
float:left;
min-width:500px; 
margin:10px 20px 2px 0px; 
font-size:100%; 
font-family:Arial;}
 
.sandbag-left {
  border: 0px; 
  padding-right: 4px;
  margin: 0px 5px 10px 0;
  float: left; 
  clear: right;
}

.sandbag-leftLMI {
  border: 0px; 
  padding-right: 4px;
  margin: 0px 5px 0px 0;
  float: left; 
  clear: right;
}

.sandbag-leftlong {
  border: 0px; 
  padding-right: 4px;
  margin: 0px 5px 5px 0;
   float: left; 
  clear: right;
}

.sandbag-right {
  border: 0px #000000; 
   padding-left: 2px;
   margin: 0px 0px 10px 0;
  float: right; 
  clear: right;
}



.sandbag-rightopps {
  border: 0px #000000; 
   padding-left: 10px;
   margin: 0px 0px 10px 0;
  float: right; 
  clear: right;
}


.sandbag-rightlib {
  border: 0px #000000; 
   padding-left: 10px;
  margin: 0px 20px 10px 0;
  float: right; 
  clear: right;
}

.floatimgleft {
float:left;
padding:4px;
margin-top:0px;
margin-right:10px;
margin-bottom:0px;
} 

.floatimgcentre{
float:center;
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
}


.floatimgright {
float:right;
margin-top:0px;
margin-right:10px;
margin-bottom:0px;
} 

/* highlighted title for year 13 calen dar */
.yr13cal {font: bold 1.15em Arial, Helvetica,Verdana, sans-serif; color: #663399; background-color: #FF99CC;
}

.thumbwrap {
	display: inline-block;
	padding: 0px 0px 0 0px;
	margin: 0;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.1;
	text-align: center;	
}

.thumbwrap li {
	display: inline-block;
	display: -moz-inline-box;  /* Moz */
	display: inline-block;  /* Op, Saf, IE \*/
	margin: 0 0px 15px 0px;
	padding: 0;
	vertical-align: top; /* IE5/Mac */
	padding: 0;
	list-style:none;
}
.thumbwrap a {
	display: block;
	border: 4px solid #999;
	color: #000;
	background-color: #eee;
	text-decoration: none;
}
.thumbwrap a:hover {
	border-color: #6f6;
	background-color: #dfd;
}
.thumbwrap a img {
	border-width: 0;
	vertical-align: bottom;
}
.thumbwrap a span {
	display: block;
	padding: 2px;
	font-size: 88%;
	width: 100px; /* Moz */
}

<!--[if IE]>
.thumbwrap li, .thumbwrap {
	display: inline;
	_height: 0;
}
.thumbwrap a span {
	_height: 0;
}
<![endif]-->

#esyrd {
	margin-top: 5px;
	margin-left:1px;
	width: 180px;
	height:50px;
	text-align:right;
	font-size:16px; color: #000; font-weight: bold;
	background-image: url(../images/home/esywrds.gif);
}
/* form */
/*input{font-family: Verdana, Arial, Helvetica, sans-serif;	
	padding: 1px;
	font-size: 12px;
	font-weight: strong;
	color: #000000;
	border: 1px; 
	border-color:#000;
	
}*/
fieldset
  {
   display: block;
   width: 90%;
   border-color: black;
   border-width: 1px;
 
   margin: 0.5em;
   padding: .2em;
   text-align: left;
  }
 legend
  { 
   text-align: center;
   font-size: 120%;
  }
 
  dl
  {
   display: block;
   width: 80%;
   float: left;
   margin: .5em .5em .5em .5em;
  } 
  /* form end */

#txtsz {
	margin-top: 3px;
	margin-left:1px;
	width: 180px;
	height:50px;
	text-align:right;
	font-size:16px; color: #000; font-weight: bold;
	background-image: url(../images/home/txtsz.gif);
}

#footer {
	text-align: center;
	color:#000;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	margin-top: 20px;
	border-bottom: 2px solid #CCCCFF;
	clear: both; 
}

#btmpge {
	text-align: center;
	padding-top: 0px;
	height:20px;
	padding-bottom: 2px;
	margin-top: 10px;
	clear: both;
	background-color: #000000;
}

.textlistcentres1 {
    padding: 4px;
	width: 80%;
	margin:0px 0px 0px 60px;
	background-color: #66CCCC  ;
    border: 1px solid gray;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif; padding-top:15px ;
	
}

.textlistcentres2 {
    padding: 4px;
	width: 80%;
	margin:0px 0px 0px 60px;
	background-color: #FFFF99;
    border: 1px solid gray;
	border-right-width: 1px;
	border-left-width: 1px;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
	padding-top:15px ;
}



#opps.container {
  float:right; width:100%; padding: 0; 
}

#opps.left {
  float:left; width: 20%;
}

#opps.left_image {
  float:left; width: 150px;
  padding:5px;
}
		
		
#opps.spacer {
  clear: both; margin: 0; padding: 0; width: auto;
}

#opps.right {
  float:right; width: 320px; padding: 0; 
}

#opps.inner_left {
  float:left; width: 50%; min-height:100%; background-image:url(../images/apprenticeshipguide_000.jpg);
}

#opps.inner_right {
  float:right; width: 50%; min-height:100%;;
}

#opps.centre {
  float:left; width:100%; }