/* Access Centre CSS */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 2em 1em 1em;
	font-size: 62.8%;
	color: #333;
	background: #fff url(background.jpg) top left repeat-x;
}

a {
	color: #26517D;
	text-decoration: underline;
	background: transparent;
	/*font-weight:bold;*/
}

a:visited {
	color: #554269;
	text-decoration: underline;
	font-weight: normal;
}

a:hover {
	color: #957CB0;
}

img {border:none;}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #000;
	line-height: 1.4em;
	margin-top: 0;
	margin-bottom: 0;
	background:url(tl-corner.gif) top left no-repeat;
	padding: 1em 1em 0 1em;
	
}


body.page h1 {background: none; padding: .5em 1em 0 1em;}


body.page h1.map {
	padding-left:0;
}


h1.page-title {
	margin-bottom: .3em;
}

h2,h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #9A0027;
	line-height: 1.4em;
	border-bottom: 1px solid #eee;
}

h3 {
	font-size: 1.2em;
	font-weight:bold;
	color: #000;
	border-bottom:none;
}

ul.arrows {list-style: none; margin:0; padding:0;}

ul.arrows li {background: url(bullet-arrow.gif) 0 .4em no-repeat; padding-left: 1.5em; list-style:none;}

div.navbox h3,div.navboxright h3 {padding: 0 1em; margin-bottom: .3em;}

p#page-description {
	color: #777;
	font-style:italic;
	font-size: 1.2em;
	margin-top: 0;
	padding-top: 0;
}

p#page-date {
	color: #999999;
	font-size: .8em;
	padding-top: 3em;
}

div#site {
	margin: 0 auto;
	padding: 0;
	/*width: 790px;*/
	text-align:left;
	font-size: 1.2em;
	line-height: 1.6em;
	clear: both;
}


div#site-header,
div#site-body, 
div#site-footer,
div#page {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;	
}


div#page-breadcrumb {
	background: #F1F1E4;
	padding: 1em;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

div#page-breadcrumb a {
	text-decoration: none;
}

div#page-header,
div#page-body,
div#page-footer {
	margin-left: 90px;
	clear: both;
}

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

div.homeimg, div.newsimg {width: 100%; height: 250px; float: left; clear: both; background: url(home-collage.gif) top left no-repeat; overflow:hidden;}

div.newsimg {height: 190px; background: url(../images/news-welcome.jpg) top left no-repeat; margin-bottom: 1em;}


div.box {background: #eeeeee; padding:6px; margin: 1em 0;}

div.box-inside {background: #fff; padding:10px; border: 1px solid #ccc;}

div.box h3 {margin-top: 0;}


div.navbox,div.navboxright {background: #deefff; padding:6px;}

body.news div.navbox {margin-bottom: 1em;}

div.navbox-inside {background: #fff; padding:0; border: 1px solid #A9D3E9;}

div.navbox ul,div.navboxright ul {margin:0; padding:0; list-style:none;}

div.navbox li,div.navboxright li {list-style: none; margin-left:0; padding-left:0; display: inline;}



div.navbox ul a,div.navboxright ul a, div.navbox strong {display: block; padding: .8em 1.2em; background-color: #fff; text-decoration: none;}

div.navbox ul a:hover,div.navboxright ul a:hover, div.navbox strong {background-color: #FFFFCC;}


body#are-you-eligible-for-dsa-funding a#link-eligible,
body#anywhere-anyplace-assessment-for-students a#link-anyplace,
body#apply-for-an-assessment a#link-assessment,
body#preparing-for-the-assessment a#link-prepare,
body#specialist-technology-training a#link-specialist,
body#needs-assessment-process-and-booking a#link-needs,
body#anyplace-anywhere-assessment-for-education-authorities a#link-anyplace,
body#about-the-access-centre a#link-about {
  display: block; 
  padding: .8em 1.2em;    
  text-decoration: none;
  background-color: #FFFFCC;
  color:black;
  font-weight:bold;
}








div.navbox ul a:visited,div.navboxright ul a:visited {text-decoration: none;}

div.navbox p,div.navboxright p {padding: .3em 1.2em;}

body.home div.navbox {width: 46%; float: left;}
body.home div.navboxright {width: 46%; float: right;}

div.clear {width: 100%; float:left; clear:both; margin: 1em 0;}

a.button {background: url(button-bg.gif) center right no-repeat; padding: 1em 3em 1em 1em; display:block; color:#fff; text-decoration:none; font-weight:bold;}

a.button:visited {color: #fff; text-decoration:none;}
a.button:hover {color:#FFFF00; background: url(button-bg2.gif) center right no-repeat;}


p.breadcrumb {background:url(tl-corner.gif) top left no-repeat; margin-top:0; padding: 1.8em 1.8em 0 1.8em; color: #333; font-size: .9em;}

p.small {color: #333; background:url(small-bg.jpg) top left repeat-y; padding: 4px 10px; margin-bottom: 2em;}

body.news h2 {border: none;}

span.ou-spacing {word-spacing: -4px;}


/* SITE HEADER
--------------------------------------------------------------------------------------*/

div#site-header {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	clear:both;	
}

div#site-header-row1 {
	width:100%;
	height:109px;
	margin:0;
	padding:0;
	clear:both;
	position:relative;	
}

/*
a#link-ou {
	position:relative;
	top:0;
	left:0;	
	display:block;
	width:62px;
	height:102px;
	background-image : url(oulogo_med.gif);
	background-repeat : no-repeat;
	background-position : top left;
	text-decoration:none;
	text-indent:-5000em;
	border:none;		
} */

a#link-home-logo {
	display:block;
	width:246px;
	height:53px;
	background-image : url(logo-access.gif);
	background-repeat : no-repeat;
	background-position : top left;
	text-decoration:none;
	border:none;
	text-indent:-5000em;	
	overflow:hidden;
	position:absolute;
	left:90px;
	top:10px;
}



div#site-header-row1-p2 {
	position:Absolute;
	right:0;
	top:0;
	text-align:right;
	
}

ul#ou-homes {
	margin:0 0 1em 0;
	padding:0;
}

ul#ou-homes li {
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}

ul#ou-homes li a {
	text-decoration:none;
	padding-left:1em;
	border-left:1px solid #eee;
	margin-left:1em;
	color:#333;
	font-size:0.9em;
}

ul#ou-homes li a#link-students {
	border:none;
}

form#search {
	margin-top:2em;
}

form#search fieldset {
	border:none;
	margin:0;
	padding:0;
}

div#site-header-row2 {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	clear:both;
}

ul#site-nav {
	width:100%;
	height:auto;
	float:left;
	clear:both;
	background-color: #E65B00;
	margin:1.5em 0 0 0;
	padding:0;
}

body.employers-site ul#site-nav {
	background-color: #5F3988;
}

ul#site-nav li {
	list-style-type:none;
	display:inline;
	margin:0;
	padding:0;
}

ul#site-nav li a {
	display:block;
	float:left;
	margin:0;
	padding:0.5em 1em;
	text-decoration:none;
	color:white;
	border-left:1px solid #E65B00;
	border-right:1px solid #E65B00;
}

body.employers-site ul#site-nav li a {
	border-left:1px solid #5F3988;
	border-right:1px solid #5F3988;
}



ul#site-nav li a#link-home {
	border-left:90px solid white;
}

ul#site-nav li a:hover,
body.home ul#site-nav li a#link-home, 
body.news ul#site-nav li a#link-news,
body.features ul#site-nav li a#link-features,
body.services ul#site-nav li a#link-services,
body.about ul#site-nav li a#link-about,
body.contact ul#site-nav li a#link-contact,
body.site-map ul#site-nav li a#link-site-map {
	color:#4e247b;
	background-color:#F1F1E4;
	border-left:1px solid white;
	border-right:1px solid white;
}

body.home ul#site-nav li a#link-home {
	border-left-width:90px;
}

ul#site-nav li a:visited {
	border-bottom: none;
}


/* LAYOUTS
-------------------------------------------------------------------------------------- */


div#cols {width:100%; height:auto; margin:0; padding:0; float:left; clear:both;}


div.col1 {background: #fff url(tr-corner.gif) top right no-repeat; margin-top: 0;}

div.col1-inside {padding: .5em 1.5em 1.5em 1.5em;}

div.col2 {margin-top: 0;}


/* layout1big
----------------------------------------*/

div.layout1big div.col1,
div.layout1big div.col2 {width:100%; height:auto; float:left; clear:both;}

/* layout2bigsmall
----------------------------------------*/

div.layout2bigsmall div.col1 {width:67%; height:auto; float:left;}
div.layout2bigsmall div.col2 {width:27%; height:auto; float:right;}

/* layout2bigsmallfixed
----------------------------------------*/

div.layout2bigsmallfixed div#cols {width:800px; }
div.layout2bigsmallfixed div.col1 {width:520px; height:auto; float:left;}
div.layout2bigsmallfixed div.col2 {width:240px; height:auto; float:left; margin-left:20px;}

/* layout2equal
----------------------------------------*/

div.layout2equal div.col1 {width:47%; height:auto; float:left;}
div.layout2equal div.col2 {width:47%; height:auto; float:right;}

/* layout2equalfixed
----------------------------------------*/

div.layout2equalfixed div#cols {width: 780px;}
div.layout2equalfixed div.col1 {width:380px; height:auto; float:left;}
div.layout2equalfixed div.col2 {width:380px; height:auto; float:right;}

/* layout2smallbig
----------------------------------------*/

div.layout2smallbig div.col1 {width:40%; height:auto; float:left;}
div.layout2smallbig div.col2 {width:54%; height:auto; float:right;}

body.page div.layout2smallbig div.col1 {width:63%; height:auto; float:left;}
body.page div.layout2smallbig div.col2 {width:32%; height:auto; float:right;}


/* layout2smallbigfixed
----------------------------------------*/

div.layout2smallbigfixed div#cols {width:800px; }
div.layout2smallbigfixed div.col1 {width:240px; height:auto; float:left;}
div.layout2smallbigfixed div.col2 {width:520px; height:auto; float:left; margin-left:20px;}

/* layoutmedia
----------------------------------------*/

div.layoutmedia div#cols {width:100%;}
div.layoutmedia div.col1 {width:320px; float:left;}
div.layoutmedia div.col2 {margin: 0 0 0 340px;}



/* FOOTER
------------------------------------------------------------------------------------------- */


div#site-footer {
	border-top: 1px dotted #eee;
	margin-top:2em;
	padding-top:1em;
	width:100%;
	height:auto;
	float:left;
	clear:both;
}

div#site-footer p {
	margin-left:90px;
}

div#site-footer a {
	text-decoration:none;
	color:#333;
	font-size:0.9em;
	font-weight:normal;
}

div#site-footer p#footer-updated {
	text-decoration:none;
	color:#333;
	font-size:0.9em;
	font-weight:normal;
}

/* ACCESSIBILITY FORM
---------------------------------------------------------------------------- */

form#accessibility-form div.highlight {
   padding:1em;
   border: 1px solid #eee;
}

form#accessibility-form p label {
   width:12em;
   float:left;
   font-weight:bold;
}

/* FEEEDBACK FORM

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

form#feedbackform legend {
   display:none;
}


form#feedbackform fieldset {
   border:none; padding:0;
}

form#feedbackform dl dt {
   font-weight:bold; 
   margin-top:2em; 
   padding-bottom:0.5em;
}








/* JQUERY MODAL POPUP STYLES

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



/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */



/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
  a) supplying one via CSS
  b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

  

.jqmWindow {
    display: none;
    position: fixed;
    top: 17%;
    left: 50%;
    margin-left: -300px;
    width: 600px;
	background-color: #FFF;
    color: #333;
    border: 4px solid #000;
    padding: 14px 12px;	
}


.jqmWindow h1 {	
	border:none; 
	margin:0 0 .5em 0; 
	padding:0; 
	color:#9A0027;		
}

.jqmOverlay { background-color: #000; }



/* Fixed posistioning emulation for IE6
   Star selector used to hide definition from browsers other than IE6
   For valid CSS, use a conditional include instead */

* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}



/* 
CSS 3.0 
Added by Steven Price Oct 2009
Need to comment out for validation
*/

img.map {
box-shadow : rgba(0,0,0,.5) 3px 3px 4px;	
-moz-box-shadow : rgba(0,0,0,.5) 3px 3px 4px;
-webkit-box-shadow: rgba(0,0,0,.5) 3px 3px 4px;
}


.jqmWindow {
opacity:0.9;	
}

img.jqmClose {
opacity:0.5;	
}

img.jqmClose:hover {
opacity:1;	
}