/* Accessibility Colour Schemes */
body.colours_1, #accessibility .colours_1, body.colours_1 #bot #botbox_2.botbox, body.colours_1 #bot #botbox_3.botbox, body.colours_1 #bot #botbox_3.botbox a{
	background:#fff;
	color:#000;
}
body.colours_2, #accessibility .colours_2, body.colours_2 #bot #botbox_2.botbox, body.colours_2 #bot #botbox_3.botbox, body.colours_2 #bot #botbox_3.botbox a{
	background:#000;
	color:#fff;
}
body.colours_3, #accessibility .colours_3, body.colours_3 #bot #botbox_2.botbox, body.colours_3 #bot #botbox_3.botbox, body.colours_3 #bot #botbox_3.botbox a{
	background:#000;
	color:#ffff00;
}
body.colours_4, #accessibility .colours_4, body.colours_4 #bot #botbox_2.botbox, body.colours_4 #bot #botbox_3.botbox, body.colours_4 #bot #botbox_3.botbox a{
	background:#ffff00;
	/*color:#0024ff;*/
	color:#000;
}

/*left menu */
body.colours_1 .lnav a:link, body.colours_1 .lnav a:visited{
	color:#231f20;
	background:#eeeeee;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#eeeeee));
	background:-moz-linear-gradient(#ffffff, #eeeeee);
	background:linear-gradient(#ffffff, #eeeeee);
}
body.colours_2 .lnav a:link, body.colours_2 .lnav a:visited{
	color:#fff;
	background:#000;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#000), to(#000));
	background:-moz-linear-gradient(#000, #000);
	background:linear-gradient(#000, #000);
}
body.colours_3 .lnav a:link, body.colours_3 .lnav a:visited{
	color:#ffff00;
	background:#000;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#000), to(#000));
	background:-moz-linear-gradient(#000, #000);
	background:linear-gradient(#000, #000);
}
body.colours_4 .lnav a:link, body.colours_4 .lnav a:visited{
	/*color:#0024ff;*/
	color:#000;
	background:#ffff00;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffff00), to(#ffff00));
	background:-moz-linear-gradient(#ffff00, #ffff00);
	background:linear-gradient(#ffff00, #ffff00);
}

/*left menu hovers */
body.colours_4 #currentli a, body.colours_2 #currentli a, body.colours_2 .lnav a:hover {
	/*color:#231f20;*/
	color:#000;
	background:#ffffff;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ffffff));
	background:-moz-linear-gradient(#ffffff, #ffffff);
	background:linear-gradient(#ffffff, #ffffff);	
}
body.colours_1 #currentli a, body.colours_1 .lnav a:hover, body.colours_3 .lnav a:hover{
	color:#000;
	background:#ffff04;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffff04), to(#ffff04));
	background:-moz-linear-gradient(#ffff04, #ffff04);
	background:linear-gradient(#ffff04, #ffff04);
}
body.colours_4 .lnav a:hover{
	color:#fff;
	background:#030303;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#030303), to(#030303));
	background:-moz-linear-gradient(#030303, #030303);
	background:linear-gradient(#030303, #030303);
}

body.colours_2 #logo{
	background:url(/library/logo_2.png) no-repeat;
}
body.colours_3 #logo{
	background:url(/library/logo_3.png) no-repeat;
}
body.colours_4 #logo{
	background:url(/library/logo_4.png) no-repeat;
}

body.size_1, #accessibility .size_1{
	font-size: 14px;
}
body.size_2, #accessibility .size_2{
	font-size:20px;
}
body.size_3, #accessibility .size_3{
	font-size:26px;
}


body.size_1 h1{
	font-size: 30px;
}
body.size_2 h1{
	font-size:36px;
}
body.size_3 h1{
	font-size:42px;
}


body.size_1 .lnav{
	font-size: 18px;
}
body.size_2 .lnav{
	font-size:24px;
}
body.size_3 .lnav{
	font-size:30px;
}

#logo{
	position:absolute;
	z-index:20;
	left:110px;
	top:65px;
	width:302px;
	height:133px;
	background: url(/library/logo.png) no-repeat;
}
#logocheat {
	z-index:10;
	display:block;
	top:0px;
	left:0px;
	position:absolute;
	width:410px;
	height:190px;	
}

.load_accessibility{
	display:none;
}
/*//////////////////////////////////////////////////////////////////////////////////// page styles ///////////*/
html,body,a:link,a:visited,a:hover,a:active,h1,h2,h3,h4,h5,p,ul,li,div,img,form,label,input,textarea,select {
	margin:0;
	padding:0;
	border:0;
}
p {
	margin-bottom:10px;
}
*[onclick] {
	cursor:pointer;
}
span {
	color:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
	text-decoration:inherit;
}
html, body {
	width:100%;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;	
	color:#564f42;
}
#loaderholder {
	display:none;
	position:absolute;
	right:20px;
	top:20px;
}
.clear {
	clear:both;
	width:0;
	height:0;
}
.cleardeep {
	clear:both;
	width:0;
	height:10px;
}
/*//////////////////////////////////////////////////////////////////////////////////// standard text styles ///////////*/
h1,h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:inherit;
}
h1{
	font-size:30px;
	margin-bottom:10px;
}
h2 {
	font-size:18px;
}
hr.dashedhr {
	border:0;
	height:0;
	border-bottom:1px #966acf dashed;
	background-color:#ffffff;
}
ul {
	list-style-position:outside;
}
input,textarea,select {
	margin:0;
	padding:1px;
	border:1px solid #232323;
	background-color:#eeeeee;
	color:#000000;
}
input[type="submit"] {
	padding:0 4px;
	cursor:pointer;
	border:1px solid #ffffff;
	background-color:#232323;
	color:#ffffff;
	font-weight:bold;
}
input[type="radio"],input[type="checkbox"],input[type="image"] {
	border:0;
}
/*//////////////////////////////////////////////////////////////////////////////////// page styles ///////////*/
#pageholder {
}
#page {
	width:960px;
	margin:0 auto;
}
#top {
	position:relative;
	height:220px;
	background:url(../library/top_bg.png) no-repeat top;
}
#top_main{
	height:119px;
	position:relative;	
}
#top_bar{
	height:50px;
	line-height:50px;
	position:relative;	
}

#search_holder {
	position:absolute;
	right:10px;
	top:20px;
	display:block;
	width:240px;
	height:30px;
	background:#eeeeee;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#eeeeee));
	background:-moz-linear-gradient(#ffffff, #eeeeee);
	background:linear-gradient(#ffffff, #eeeeee);
	border: 1px solid #ccc;
}
#search_holder h2 {
	display:none;	
}
#search {
	font-size:14px;
	font-weight:bold;
	color:#444444;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color:transparent;
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	border: 0px solid;
	width:195px;
	height:26px;
	line-height:26px;
	padding:2px 0px 2px 5px;
}
#search_btn {
	position:absolute;
	right:0px;
	top:0px;
	width:30px;	
	height:30px;
}

#tnav {
	position:absolute;
	right:90px;
	top:160px;
	height:30px;
}
#tmenu {
	height:inherit;
	list-style:none;
	margin:0px;
	padding:0px;
	width:inherit;
}
#tmenu > li{
	display:block;
	float:left;
	left:0;
	position:relative;
	top:0;
	height:30px;
}
#tmenu li a {
	color:inherit;
	margin-top:10px;
	height:14px;
	display:block;
	text-decoration:none;
	padding:0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:inherit;
	font-weight:bold;
	border-left:1px solid #333;
}
#tmenu li:first-child a{
	border-left:none;
}
#thisa {
	text-decoration:underline;
}
.tnav a:hover{
	text-decoration:underline !important;
}
.lnav {
	list-style:none;
	position:relative;
	z-index:20;
	font-size:18px;
}
.lnav a:link, .lnav a:visited {
	color:#231f20;
	display:block;
	background:#eeeeee;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#eeeeee));
	background:-moz-linear-gradient(#ffffff, #eeeeee);
	background:linear-gradient(#ffffff, #eeeeee);
	text-decoration:none;
	border:1px solid #ccc;
	margin-bottom:1px;
	padding: 10px;
}
#currentli a {
	color:#231f20;
	background:#ffff00;
}
.lnav ul {
	position:relative;
	z-index:-1;
	margin: 0 0 0 10px;
	list-style:none;
	list-style-position:inside;
}
#currentli ul li a:link,#currentli ul li a:active,#currentli ul li a:visited {
	color:#fff;
	background:#030303;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#717171), to(#030303));
	background:-moz-linear-gradient(#717171, #030303);
	background:linear-gradient(#717171, #030303);	
}
.lnav a:hover,#currentli ul li a:hover, #currentli ul li a#subcurrenta {
	color:#000;
	background:#ffff04;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffa0), to(#ffff04));
	background:-moz-linear-gradient(#ffffa0, #ffff04);
	background:linear-gradient(#ffffa0, #ffff04);
		
}
#middle{
	width:960px;
	position:relative;

}
#left {
	width:370px;
	padding-top:0px;
	float:left;
	display:block;
	position:relative;
	z-index:30;
}
#mid {
	position:relative;
	z-index:40;
	float:left;
	display:block;
	width:560px;
	padding-left:30px;
}

#main_content {
	position:relative;
	float:left;
	display:block;
	width:560px;
	min-height:100px;
	z-index:2;
}

#main_content a:link, #main_content a:visited {
	text-decoration:underline;
}


#emailer {
	padding:0 0 20px 0;
	display:block;
	border:1px solid #999;
}
#emailer h2 {
	font-size:22px;
	font-weight:normal;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	display:block;
	height:30px;
	padding:20px 20px 10px 20px !important;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
	color:#231f20;
	background:#ffff04;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffa0), to(#ffff04));
	background:-moz-linear-gradient(#ffffa0, #ffff04);
	background:linear-gradient(#ffffa0, #ffff04);
}
#emailer p {
	clear:both;
	padding:5px 0 20px 20px;
	margin-top:20px;
}
#emailer p label {
	display:block;
	float:left;
	width:100px;
	margin-right:10px;
	text-align:right;
}
#emailer p input[type="text"] {
	font-size:14px;
	font-weight:bold;
	color:#444444;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color:#fff;
	display:block;
	float:left;
	border: 1px solid #000;
	width:195px;
	height:26px;
	line-height:26px;
	padding:2px 0px 2px 5px;
}
#emailer p input[type="submit"].button {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	display:block;
	float:left;
	border: 1px solid #000;
	width:195px;
	height:50px;
	padding:10px 0px !important;
	margin-left:10px;
	background:#000000;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#444444), to(#000000));
	background:-moz-linear-gradient(#444444, #000000);
	background:linear-gradient(#444444, #000000);
	border: 1px solid #ccc;
	position:relative;
	top:55px;
	left:0;
}
#emailer p textarea {
	font-size:14px;
	font-weight:bold;
	color:#444444;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color:#fff;
	display:block;
	float:left;
	border: 1px solid #000;
	width:195px;
	height:100px;
	padding:2px 0px 2px 5px;
}
#left_menu, #news_menu {
	list-style:none;
	margin-bottom:20px;
}
#botholder {
	display:block;
	width:960px;
	margin: 0 auto;
	margin-bottom: 50px;
}
#bot {
	font-size:14px;
	font-weight:bold;
	color:#000;
	padding-top:10px;
	background:url(../library/bot_bg.png) no-repeat bottom;
	height:120px;
	position:relative;
}#bot #botbox_1.botbox  {
	height:60px;
	width:200px;
	position:absolute;
	bottom:10px;
	left:10px;
}
#bot #botbox_2.botbox  {
	width:500px !important;
	text-align:left;
	position:absolute;
	top:30px;
	left:400px;
}
#bot #botbox_3.botbox  {
	width:auto !important;
	text-align:right;
	position:absolute;
	bottom:10px;
	right:10px;
}
#botbox_1 h2 {
	display:none;
}
#bot .botbox a{
	text-decoration:none;
	color:#000;
}
#bot .botbox a:hover{
	font-size:14px;
	text-decoration:underline;	
}
.button{
	display:inline-block;
	min-width:80px;
	height:20px;
	line-height:20px;
	padding:0px 10px !important;
	background:#4881c4;
	color:#fff !important;
	text-align:center;
	text-decoration:none;
}

.button:hover{
	background:#f7f3c4;
}
/*-----------------------------------------pagination selector-----------------------------------------*/
.pagination {
}
.pagination  li{
	margin:0;
	list-style-type: none;
	display: inline;
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	font-family:Arial, Helvetica, sans-serif;
}
.pagination  li  a{
	font-size: 12px;
	display:block;
	margin:0;
	text-align: center;
	text-decoration: none;
	color: #000;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
	border:1px solid #f6e8c5;
	font-family:Arial, Helvetica, sans-serif;
}
.pagination  li  a:hover{
	text-decoration:underline;
}
.pagination li.current_pagination_item  a{
	border:1px solid #000;
	color: #000;
	background-color:  #f6e8c5;
	text-decoration:none;
}
/*//////////////////////////////////////////////////////////////////////////////////// search result styles ///////////*/
.searchresult {
	cursor:pointer;
	margin:0px 0px 10px 0px;
	padding:10px;
	border:1px solid #f6e8c5;
}
.searchresult h2 {
 	color:inherit;	
}
.searchresult a {
	font-family:Arial, Helvetica, sans-serif;
	color:inherit;
	text-decoration:none;	
}
/*//////////////////////////////////////////////////////////////////////////////////// glossary styles ///////////*/
a.gloss {
	text-decoration:none;
	border-bottom:dotted 1px #000000;
}
.alphabet {
	 list-style-position:outside;
}
.alphabet li {
	list-style-type:none;
	display:block;
	float:left;
	width:21px;
	text-align:center;
	line-height:30px;
}
.ab_on {
	padding:1px 3px;
	border:1px solid #4187B8;
	background-color:#5AB68D;
	color:#ffffff;
	font-weight:bold;
}
a.ab_off:link,a.ab_off:visited {
	text-decoration:none;
	padding:1px 3px;
	border:1px solid #4187B8;
	background-color:#ffffff;
	font-weight:bold;
}
a.ab_off:hover {
	background-color:#5AB68D;
	color:#ffffff;
}
/*//////////////////////////////////////////////////////////////////////////////////// msg box styles ///////////*/
#msgholder {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
#msg {
	position:fixed;
	z-index:999;
	display:block;
	width:400px;
	margin:160px 0 0 -221px;
	border:1px solid #666666;
	background-color:#cc0000;
	padding:20px;
	left:50%;
	text-align:center;
}
#msg p {
	color:#ffffff;
	font-weight:bold;
	text-align:center;
}
#msg input#msgok {
	padding:2px 20px;
	margin:0 auto;
	cursor:pointer;
}
#msg a:link, #msg a:visited, #msg a:hover {
	padding:2px 20px;
	background-color:#F0F0F0;
	text-decoration:none;
}

/*////////////////////////////////////////////////////////////////////////////////////// Calendar Styles ///////////*/
.cal_holder{
	z-index:10;
}
.cal_day_names .cal_day{
	font-weight:bold;
}

.cal_day{
	position:relative;
	width:70px;
	float:left;
	height:50px;
	text-align:center;
	border:1px solid #fff;
}

.cal_week .cal_day{
	line-height:50px;
}

div.cal_week .cal_day.cal_today /*Specificity 31*/{
	background:url(/library/cal/today.jpg) repeat;
}

.cal_day_names .cal_day{
	height:20px;
}
				
.cal_week .cal_day{
	background:#ddd;
}
.cal_week:nth-child(2n+1) .cal_day /*specificity 30*/{
	background:#ccc;
}

.cal_week .cal_day.cal_hasevents{
	background:#D6E2E0;
}

.cal_events{
	display:none;
	position:absolute;					
	bottom:0px;
	right:0px;
	width:200px;
	
}

.cal_events_inner{
	position:relative;
	width:150px;
	border:1px solid #ccc;
	background:#eee;
	text-align:left;
	line-height:20px;
	padding:10px;
	margin-bottom:10px;
	/* Move this across whilst leaving .cal_events in place so that the :hover still works in the gap between day and inner. */
	bottom:20px;
	right:20px;
}

.cal_events_inner ul{
	list-style:none;
}
	li.cal_time{
		font-weight:bold;
	}
	
		li.cal_time ul{
			border-top:1px solid #333;
			font-weight:normal;
		}
		
			li.cal_time ul li{
				margin-left:10px;
			}
			
				li.cal_time ul li a{
					text-decoration:none;
				}
				li.cal_time ul li a:hover{
					color:#333;
				}

.cal_week .cal_day.cal_hasevents:hover .cal_events{
	display:block;
}

/*///////////////////////////////////////////////// Horizontal Menu //////////////////////////////////////*/
ul.horizontal{
	list-style: none;
}

	ul.horizontal li{
		float:left;		
	}
	
	ul.horizontal:after{
		clear:both;
	}

/* Accessibility Menu */	
#accessibility{
	position:absolute;
	top: 80px;
	right:10px;
	background:#eeeeee;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#eeeeee));
	background:-moz-linear-gradient(#ffffff, #eeeeee);
	background:linear-gradient(#ffffff, #eeeeee);
	
	border:1px solid #ccc;
	padding:10px;
	
	font-size:14px;
	color:#000;
	font-weight: bold;
	
}
	#accessibility li{
		height:10px;
		
		
			line-height: 10px;
		
		padding:0px 15px;
		border-left:2px solid #000;
	}
	
		#accessibility li:first-child{
			border-left:none;
		}
		
		#accessibility a, a:link, a:visited{
			/*height:30px;*/
			 /* Even large text will be vertically aligned. */
			/*position:relative;
			top:-10px;
			line-height:30px;
			display:block;
			float:left;*/
			margin:0px 2px;
			color:inherit;
			text-decoration: none;
		}
		
		a.acc_colour, a.acc_colour:hover{
			border:1px solid #000;
			padding:0px 5px;
			text-align: center;
		}
		
		#accessibility .acc_size{
			
		}