/* ---------------- add element zero here -------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
/*	font-size: 100%; */
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ---------------- main page elements ------------------------*/

html,body{padding:0;margin:0;}

body {text-align: center; font-size:70%; font-family:verdana,arial,sans-serif; line-height:125%;}

#page_container {width:1000px; position: relative; text-align: left; margin: 0 auto;}

body {background: #acacac;}
#page_container{background:#ffffff;}

#content {padding: 0 20px 40px;}

#header{overflow:visible;}
#headerlinks{width:200px;float:right;}
#headerlinks a {cursor: pointer;}
#leftbar{width:200px;float:left;padding:0 0 40px 20px;}
#usercontent{width:740px;padding:0 20px 20px 20px;float:left;font-size: 11px;}
#content{width:480px;float:left;}
#sidebar{width:200px;float:right; padding-left:20px;margin-top: 0; overflow: hidden; text-align:left;}
#sidebar td {padding: 0.2em 0;}
#footer{clear:both;position: relative;}
#footer li{list-style:none;display: inline;}
#footerlinks a{display:block;float:left;text-decoration:none;border-right:1px solid #ffffff; padding:0 10px;} 
#copyright{display:block;float:right;padding-left:20px;}
.logo img{border:none;height:40px;width:473px;padding:10px 10px 0 20px;margin-bottom:10px;}
#charity {display: block; float: right; padding-left: 20px;}
#footerbar{padding:6px 0 6px 10px;font-size:90%;overflow:hidden;}
#footerbar{background: #acacac;color: #fff;}
#footer a{color:#ffffff;}

#leftcol {width:240px;float:left;}
#rightcol {width:240px;float:right; overflow: hidden; text-align:left;}

.leftcol {float: left; width: 235px;}
.rightcol {float: right; width: 235px; padding-left: 10px;}

h1{text-transform:uppercase;font-size:2em;padding:8px;font-weight:normal;margin:0 20px 20px 20px;}
h2{font-size:2em;padding:0 0 20px 0;}
h3{font-size:1.4em; padding:0 0 20px 0;}
h3 a{display:block;padding:5px 10px; text-decoration:none;font-weight:bold;}
h4{font-size:1.6em; padding:0 0 20px 0; font-weight:normal;}
h5 {font-size: 1.2em; line-height:1.2; color:#000000; font-weight:bold;}
h6 {color:#000000; font-weight:bold; font-size:1em;}  /* #000000 = black */
p {padding: 0 0 20px 0;}
a.current, a:hover,a:focus {color:#acacac;} /* #acacac = grey */
p, h1, h2, h3, h4, h6, li {line-height: 1.5em;}

ul {list-style: disc; margin-left: 20px;}
ol {list-style: decimal; margin-left: 20px;}

/* ----------------- login ----------------------- */

#headerlinks ul {margin: 0;}

#headerlinks a.active {background: #000; color: #fff;}

#login, #admin, #control {position: absolute;top: 25px;border-top: 1px solid #000;border-bottom: 1px solid #000;right: 6px;display: none;}

#login ul {margin: 0;}
#login .sidepanel {background:none repeat scroll 0 0 #fff;font-size:9pt; margin:0;padding:10px 30px;text-align:center;width:auto;}

#login .sidepanel h3 {display: none;}
#login .sidepanel p {padding-bottom: 5px;}
#login .sidepanel li {margin: 0; padding: 5px 0;}
#login .sidepanel li a {text-decoration: none;}
#login .sidepanel li a:hover {text-decoration: underline; color: #000;}

#login .login a {display: block; text-align: right; margin-top: 5px;}

/* ----------------- admin ----------------------- */

#admin #msl_admin {background: #fff; margin: 0; padding: 10px 20px; width: 200px;}

#admin #msl_admin a {color: #000; text-decoration: none;}
#admin #msl_admin a:hover {color: #000; text-decoration: underline;}

#admin #msl_admin h4 {font-weight:normal; text-transform:uppercase;}

#admin #msl_admin li {border-top:1px solid #CCCCCC;display:block;list-style:none outside none;margin:0;padding:7px 0;}

/* ----------------- control panel ----------------------- */

#control .sidepanel {background:none repeat scroll 0 0 #fff;font-size:9pt; margin:0;padding:10px 20px;text-align:left;}

#control #controlpanel li {
background-position:left center;
border-top:1px solid #CCCCCC;
list-style:none outside none;
margin:0;
padding:5px 10px 5px 20px;
border-bottom: none;
}




/* ----------------- navigation ----------------------- */

#navigation{overflow: hidden;margin:0 0 5px 10px; clear:both; height: auto;}
#navigation h3{position:absolute;left:-9999px;}
#navigation ul{float:left;display:block;padding:0 0;margin:10px 0 5px;}
#navigation li{display:inline; line-height:1.5em;}
#navigation a{color:#acacac;border-right:1px solid #acacac;text-transform:uppercase; padding: 5px 10px; text-decoration: none;}

#secondarynav ul, #organisationnav ul{margin: 0;}
#secondarynav li, #organisationnav li{list-style:none;}
#secondarynav a, #organisationnav a{display:block;
font-weight:bold;
line-height:1.5em;
padding:0.6em 6px;
text-decoration:none;}
#secondarynav{background:#ffffff;}
#organisationnav{margin-bottom:10px;}

a.root {font-weight: bold; text-decoration: none;color: #fff; background: #000; 
display: block;line-height:1.5em;
padding:0.6em 6px;
}

#secondarynav ul.level_2 li a, #organisationnav ul.level_2 lis a {padding-left: 20px; font-style: italic;}


/* ---------------- widget styling ------------- */

#msl_admin{width:213px;border: 1px solid #999;padding:0;margin:5px 5px 0 0;}
#msl_admin h3{font-weight: normal;font-size: 100%;text-transform:uppercase;padding:4px 0 4px 15px;margin:0;}
#msl_admin ul{margin-left:10px !important;}
#msl_admin h4{margin-left:10px !important;}

#search{padding:5px 0 0 0;}
#search input{margin-left:6px;}
#search .textbox{width:110px;}
#search .button{background:none; padding:0px 1px;font-size:1em; font-weight:normal; border:none;margin:3px 0 0 5px;text-transform:uppercase;}

#sidebar #search{padding:5px;margin:5px 5px 0 0;}

#news .news_body {width:480px;float:left;}
#news .news_image {width:200px;float:right;margin-left:20px;}

/* --------------- widget overrides for system styling - hopefully unnecessary very soon -------------- */

.sidepanel {
      background: #fff;
      border: 1px solid #999;
      width:203px;
      padding: 0 5px 5px 5px;
      margin: 5px 5px 0 0;
}
.sidepanel h3 {
color:#000000;
font-size:100%;
font-weight:normal;
margin:5px 5px 10px;
padding:0;
text-transform:uppercase;
}

.sidepanel li {
      position: relative;
	  list-style:none;
}

/* ----------- breadcrumb -------- */
#breadcrumb{font-size:100% !important;text-align:left !important;padding:0 !important;}
#breadcrumb ul{display:block;padding:17px 8px 13px 20px;background:url(breadcrumb.png) no-repeat top left #000;}
#breadcrumb a{text-decoration:none;}

/* -------- admin --------- */
textarea.textbox {font-size: 10pt;}
#msl_admin a{color:#ffffff;}

/* ---------- header ------------ */
a.logo {float: left; width: 473px;}
#headercontrols{background:#acacac;overflow:hidden;clear:both;padding:0;}
#ledbystudents{text-transform:uppercase;color:#ffffff;font-size:1.5em;float:left;padding:4px 20px;}
#accessibility{float:right;color:#ffffff;padding:7px 10px 0 0;margin:0;font-size:10pt;}
#header li{display:inline;}
#header li a{display:block;float:left;padding:6px; color: #000000;text-decoration:none;}

/* ------ footer -------- */
#footer-logos{clear:both;background:#ffffff;overflow:hidden;padding:12px;}
#logosleft{float:left;}
#logosright{float:right;}


/* ------  comments button ------- */
#commentsbutton{background:url("/stylesheet/reading/comments-button.jpg") no-repeat scroll left top transparent;display:block;height:40px;left:20px;padding:5px 8px 5px 0;position:absolute;text-align:center;text-decoration:none;text-transform:uppercase;top:-30px;width:92px;}

#footer a#commentsbutton:hover {text-decoration: underline; color: #fff;}

/* -------- adverts --------- */
#adverts{padding:20px 0 10px 20px;}
#adverts a{padding-right:20px;}
#adverts div{display:inline;}

/* -------- default colour --------- */
#footer a:hover, #footer a:focus{color:#000;}

#navigation a:hover, #navigation a:focus, #navigation a.current{color:#000;}

a {color:#000;}

h1{background:#000;color:#ffffff;}
h2, h3{color:#000;font-weight:normal;}
h4{color:#000;font-weight:normal;}

.secondarynavborder{background:#000;}
#secondarynav a.current{color:#ffffff;background:#000;}
#secondarynav a{color:#000;}

/*--- basket styling---*/
#msl #basket{border:none;margin-left:20px;padding:0 0 10px 0;border-bottom:1px solid #cccccc;display:block;width:95%;}
#msl #basket dl {
	margin: 3px 3px 8px 3px;
	padding: 0;
	border:none;
	}
#msl #basket h3{font-weight:bold;font-size:1.2em;margin-bottom:0;}
#basket a.basket ,#basket a.checkout{
	margin-top: 5px;font-weight:bold;
}