body {
	background-color: #fbfbf3;
	color: #111;
    text-align: center;
	margin-top: 0px;
	font-family: "Noto Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
    overflow-y: scroll;
}
#wrapper {
    width: 900px;
    margin: 0 auto;
    text-align: left;
}
#header {
    background-color: #000;
	margin-bottom: 15px;
}
h1 {
    display: inline-block;
	font-size: 2.1em;
	margin-top: 5px;
	margin-bottom: 14px;
	color: #fafaf2;
}
#header a {
    display: inline-block;
	margin-top: 22px;
	color: #fff;
}
#header #a_inc-dec {
	float: right;
	padding: 8px 10px 8px 33px;
	width: 190px;
	margin-top: 14px;
	background-color: #ff9933;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#a_prev {
	float: left;
	width: 70px;
	padding-left: 8px;
	padding-right: 7px;
	margin-left: 20px;
	margin-right: 20px;
}
#a_next {
	float: right;
	width: 40px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 20px;
	margin-right: 20px;
}



#content {
	float: left;
	position: relative;
    margin-left: 127px;
	margin-right: 90px;
}
a, a:visited { color: #ff6600; } 
/* a:visited { color:#660099; } */
a:hover { color: #3344dd; }
a:active { color: #ff6600; } 
a:focus {
    outline: #33ccff solid 3px;
	overflow: hidden;
	text-decoration: none;
}
#links a:focus { overflow: visible; } /* else the numbered links jump in firefox */

a img { border: 0px solid #999; }
p { font-size: 1em; }
p { line-height: 1.5em; }
ul { 
    line-height: 2em;
	padding-left: 54px;
}
li { padding-left: 10px; }

h2 {
	color: #3344dd;
	font-size: 1.4em;
	font-weight: normal;
	margin-top: 0;
	margin-top: 35px;
	margin-bottom: 0;
}
.pics #header { margin-bottom: 55px; }
.pics h2 { margin-top: 0; }



/* * * * * * * * * *  focus and tabindex  * * * * * * * * * */
#focus a:focus { 
    outline: none;
	text-decoration: underline;
}
.news-item { 
    float: left;
	width: 100%;
	margin-bottom: 25px;
}
.a_image {
    display: block;
	float: left;
	width: 120px;
	height: 120px;
	margin-top: 6px;
}
.extract {
    float: left;
    margin-left: 40px;
    width: 500px;
}
.extract p { 
    margin-bottom: 0;
	margin-top: 10px; 
}
.readmore {
    float: right;
	margin-right: 20px;
	height: 39px;
	margin-top: -15px;
}
.readmore img { border: 0; }
/* * * * * * * * * *  focus and tabindex  * * * * * * * * * */



/* * * * * * * * * *  skip navigation  * * * * * * * * * */
#skip #header { margin-bottom: 12px; }
#skip-link {
    position: absolute;
	display: none;
	top: 10px;
	color: #ff6600;
}
#skip-link:visited { color: #3344dd; }
#skip-link:hover { color: #ff6600; } 
#skip-link:active { color: #3344dd; }

#skip #main, #skip #main:visited, #skip #main:hover, #skip #main:active {
	color: #fff;
	padding: 4px 20px 5px 20px;
	background-color: #3344dd;
	text-decoration: none;
	margin-bottom: 40px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#skip h2 {
    margin-bottom: 30px;
	margin-top: 15px;
}


#skip ul { padding-left: 0; }
#menu-top {
    width: 100%;
	margin-top: 45px;
	margin-bottom: 40px;
}
#menu-top li {
    display: inline-block;
	padding-right:40px;
}
#skip li { padding-left: 0; }
#menu-side {
    float: left;
    width: 160px;
	margin-top: 0;
	line-height: 1.7em;
}
#menu-side li { list-style: none; }
#main-content {
    float: left;
    width: 450px;
	margin-left: 20px;
}
/* * * * * * * * * *  skip navigation  * * * * * * * * * */



/* * * * * * * * * *  readability  * * * * * * * * * */
#readability #header { margin-bottom: 4px; }
#readability #a_prev, #readability #a_next { text-decoration: underline; }
#readability #content {
    margin-left: 0;
	margin-right: 0;
}
#readability p {
	font-size: 0.8em;
    line-height: 1em;
	margin-top: 0;
	margin-bottom: 0;
}
#readability #content a { text-decoration: none; }
#readability #content a, #readability #content a:visited { color: #3344dd; }
#readability h2 {
	margin-bottom: 0;
	font-size: 1em;
	color: #000;
    font-weight: bold;
}
/* * * * * * * * * *  readability  * * * * * * * * * */



/* * * * * * * * * *  legibility  * * * * * * * * * */
.narrow #content { width: 500px; }
#legibility #content { font-family: impact; }
/* * * * * * * * * *  legibility  * * * * * * * * * */



/* * * * * * * * * *  alt tag  * * * * * * * * * */
#alt-tag h2 { 
	/* display: inline-block; */
    margin-bottom: 25px;
}
#alt-tag h2 span {
	padding-left: 22px;
	/*background: url(images/arrow_black.png) center right no-repeat;*/
}
#alt-tag h2 img {
    position: relative;
	top: 6px;
}
.news-column {
    width: 195px;
	float: left;
	margin-right: 30px;
}
.news-column img { margin-bottom: 3px; }
.news-column ul { padding-left: 0; }
.news-column li {
    list-style: none;
	padding-left: 25px;
	margin-bottom: 4px;
	background: url(images/bullet_star.png) top left no-repeat;
}
#news1 { background: url(images/barclays-bike-gym.jpg) top left no-repeat; }
#news2 { background: url(images/weed-garden.jpg) top left no-repeat; }
#news3 { background: url(images/cc-rehearsal.jpg) top left no-repeat; }
/* * * * * * * * * *  alt tag  * * * * * * * * * */



/* * * * * * * * * *  colour * * * * * * * * * */
#colour #content { width: 600px; }
#colour li { 
    color: #95806c;
	line-height: 2em;
}
#colour h2 { color: #9ea6f5; }
#colour ul { 
	margin-top: 12px;
    margin-bottom: 34px;
}
/* #ul_affectedby        { padding-left: 54px; } */
#ul_affectedby li     { padding-left: 10px; }
#ul_makeaccessible    { padding-left: 35px; }
#ul_makeaccessible li { padding-left: 30px; }
.colour { 
    list-style: none;
	padding-left: 35px;
}
.colour-do   { background: url(images/colour_green.gif) top left no-repeat; }
.colour-dont { background: url(images/colour_red.gif) top left no-repeat; }
/* * * * * * * * * *  colour * * * * * * * * * */



/* * * * * * * * * *  clickable links * * * * * * * * * */
#div_numbers { margin-top: 30px; }
#links ul { padding-left: 0; display: inline; }
#links li {
    display: inline;
	list-style: none;
	padding-left: 0;
}
#links .numbers li { margin: 3px; }  /* .numbers class is added and removed with jquery */
#links li a { display: inline-block; }
#links .numbers li a {
	background-color: #ddd;
	padding: 6px 12px 6px 12px;
}
#links .numbers li a:hover {
	background-color: #999;
	color: #fbfbf3;
}
.a_numprevnext {
    display: inline-block;
	display: none;
    padding: 10px;
}
#a_numprev { padding-left: 0; }

/* tablestyler.com */
table { 
    border-collapse: collapse; 
    background: overflow: hidden; 
	border: 1px solid #006699;
	margin-top: 45px;
}
#links table td, #links table th { padding: 3px 10px; line-height: 1.8em; }
#links table thead th { 
	background-color: #006699;
	background-color: #005588;
	color: #ffffff; 
	border-left: 1px solid #0070A8; 
} 
#links table thead th:first-child { border: none; }
#links table tbody td { border-left: 1px solid #e1eef4; }
#links table a { margin-right: 10px; }
#links table tbody .alt { background: #e1eef4; }
#links table tbody td:first-child { border-left: none; }
#links table tbody tr:last-child td { border-bottom: none; }
.books tr:hover, #links .books tbody tr.alt:hover { background: #ddd; cursor: pointer; }
/* * * * * * * * * *  clickable links * * * * * * * * * */



/* * * * * * * * * *  abbreviations * * * * * * * * * */
abbr { border-bottom: 1px #000 dotted; } /* IE and chrome don't add styling. firefox and opera do */
.sp_highlight { 
    background-color: #ffff77; 
	padding-left: 3px; 
	padding-right: 3px; 
}
#abbreviations #content { width: 520px; }
.p_access { display: none; }
/* * * * * * * * * *  abbreviations * * * * * * * * * */



/* * * * * * * * * *  simple english * * * * * * * * * */
#credit {
    color: #aaa;
	font-size: 0.9em;
	font-style: italic;
	float: right;
}
/* * * * * * * * * *  simple english * * * * * * * * * */



/* * * * * * * * * *  carousel * * * * * * * * * */
#div_no-carousel { display: none; }
.carousel_images { margin-top: 20px; }
.carousel_images img { margin-bottom: 20px; }
/* * * * * * * * * *  carousel * * * * * * * * * */



/* * * * * * * * * *  flashing * * * * * * * * * */
#flashing h2 { margin-bottom: 25px; }
.flash {
    width: 195px;
    height: 190px;
	float: left;
	margin-right: 30px;
}
/* * * * * * * * * *  flashing * * * * * * * * * */



/* * * * * * * * * *  link text * * * * * * * * * */
#ul_linktext_good { display: none; }
/* * * * * * * * * *  link text * * * * * * * * * */



/* * * * * * * * * *  headings hierarchy * * * * * * * * * */
#headings h3 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
}
#headings p { 
    margin-top: 2px; 
	margin-bottom: 30px;
}
#headings_good { display: none; }
/* * * * * * * * * *  headings hierarchy * * * * * * * * * */