body{margin: 0px; padding: 0px; background-color: #1A1A1A; border-top: 5px #cc0000 solid; font-size: 0.7em; font-family: Georgia, Times New Roman, serif; color: #fff;}
#wrap{margin: auto; position: relative; width: 960px;}
h1{float: left; font-size: 1.1em; margin: 30px 0 0 20px;}
h1 span{display:none;}
h2{color: #97836D; font-family: "Trebuchet MS"; font-size: 1.3em; line-height: 1em; font-weight: normal; background-repeat: no-repeat; margin: 25px 0px 5px 0px;}
#latestnews h2{color: #ffffff; font-size: 1.2em; margin: 20px 0px 20px 0px; padding: 0px;}
a{color: #D60202; text-decoration: none; font-weight: bold;}
a:hover{color: #97836D; margin: 0px;}
hr{color: #4A4A4A;}

.nomarginleft {
	margin-left: 0 !important;	
}

.nomarginright {
	margin-right: 0 !important;	
}

.redbutton {
	background: #cc0000; /* Old browsers */
	background: -moz-linear-gradient(top, #cc0000 0%, #990617 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#990617)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cc0000 0%,#990617 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cc0000 0%,#990617 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #cc0000 0%,#990617 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#990617',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #cc0000 0%,#990617 100%); /* W3C */
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #ffffff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 5px;
}

.header_home {
	background-image: url(../images/bg/background1.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.header_member {
	background-image: url(../images/bg/background2.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.header_departments {
	background-image: url(../images/bg/background3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.header_news {
	background-image: url(../images/bg/background5.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.header_seminars {
	background-image: url(../images/bg/background6.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.header_links {
	background-image: url(../images/bg/background8.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.header_contact {
	background-image: url(../images/bg/background9.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

.header_feednews {
	background-image: url(../images/bg/background7.jpg);
	background-position: top left;
	background-repeat: no-repeat;	
}

.welcome{background-image: url(../images/h1/welcome.gif);}
.profile{background-image: url(../images/h1/members.gif);}
.contacth1{background-image: url(../images/h1/contact.gif);}
.pupillageh1{background-image: url(../images/h1/pupillage.gif);}
.newsh1{background-image: url(../images/h1/news.gif);}
.departmentsh1{background-image: url(../images/h1/departments.gif);}
.newsletterh1{background-image: url(../images/h1/newsletter.gif);}
.linksh1{background-image: url(../images/h1/links.gif);}
.seminarsh1{background-image: url(../images/h1/seminars.gif);}
.familysh1{background-image: url(../images/h1/family.gif);}
.crimeh1{background-image: url(../images/h1/crime.gif);}
.civilh1{background-image: url(../images/h1/civil.gif);}
.searchh1{background-image: url(../images/h1/search.gif);}
.accessibilityh1{background-image: url(../images/h1/accessibility.gif);}
.sitemaph1{background-image: url(../images/h1/sitemap.gif);}
.membername{color: #FFFFFF; font-size: 1.6em;}
.davidsteer{background-image: url(../images/h2/davidsteer.gif);}
.scalephone{width: 1.3em; height: 1.3em; margin: 0px 5px 0px 0px; float:left;}
.scaleenv{width: 1.2em; height: 1.2em; margin: 0px 6px 0px 0px; float:left;}
.scalecv{width: 1.4em; height: 1.4em; margin: 0px 5px 0px 0px; float:left;}
.margin20{margin: 0px 0px 20px 0px; float: left}
.toptext{color: #97836d; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 20px 0;}
.previoustop{border-bottom: 1px solid #4A4A4A; padding: 0px 0px 5px 0px;}




#header{border-bottom: 1px solid #4A4A4A; height: 285px; position: relative; text-align: left;}
#headerright{height: 220px; margin: 0px 0px 0px 260px; position: absolute; right: 0; width: 700px;  z-index:100;}
#photo{position: absolute; margin: 42px 0px 0px 630px; width: 330px; height: 300px; z-index:300;}
#search{
	background: #cc0000; /* Old browsers */
	background: -moz-linear-gradient(top, #cc0000 0%, #990617 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#990617)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cc0000 0%,#990617 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cc0000 0%,#990617 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #cc0000 0%,#990617 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#990617',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #cc0000 0%,#990617 100%); /* W3C */
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	height: 36px;
	position: absolute; 
	right: 10px; 
	vertical-align: middle; 
	z-index:200;
	width: 338px;}
	
#search a {
	color: #ffffff;	
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1em;
	float: left;
	margin: 9px 0;
}
	
#search #searchtext {
	border: none;
	border-radius: 58x;
	-moz-border-radius: 58px;
	-webkit-border-radius: 58px;
	color: #999999;
	float: left;
	font-size: 1em;
	font-style: italic;
	height: 12px;
	margin: 5px 10px;
	padding: 5px;
	width: 180px;	
}

#search #search_go {
	background: none;
	border: none;
	cursor: pointer;
	height: 21px;
	left: 177px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 4px;
	width: 21px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#search #search_go {
		left: 178px;
		top: 6px;	
	}
}

.over_background {
	background-image: url(../images/black.png);
	bottom: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 70px;
	left: 0;
	position: absolute;
	width: 100%;
}

.over_background .phone {
	float: left;
	font-size: 1.3em;
	width: 30%;
}

.over_background .phone p {
	margin: 5px 0 0 20px;	
}

.over_background .phone .telephone {
	color: #97836d;
	font-size: 1.7em;	
}

.over_background .banner_title {
	float: left;
	font-size: 1.8em;
	width: 70%;
}

.over_background .banner_title p {
	margin: 35px 0 10px 20px;	
}

#maincontent{background-color: #272727; color: #d9d9d9; float: left; line-height: 1.8em; margin: 0px; width: 960px;}
#right{float: right; font-size: 1.4em; width: 640px; padding: 0px 10px 40px 20px; text-align: left; display:inline;}

#right_contact{float: right; width: 640px; padding: 0px 10px 40px 30px; text-align: left;}
#right_contact b{color: #97836D; font-weight: bold;}
#right_contact .toptext {display: block; font-size: 1.8em; margin: 10px 0 10px 0;}
#right_contact span{margin: 10px 0px 0px 0px; display: block;}

.contactleft{float:left; width: 260px;}
.contactright{float: right; width: 260px;}

.googlemaps p {
	margin: 0 0 10px 0;	
}

.googlemaps a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;	
}

.googlemaps a img {
	border: 0;	
}

.googlemaps {
	background-color: #333333;
	font-size: 1.2em;
	float: left;
	margin: 10px 0;
	padding: 10px;
	width: 620px;
}

.googlemaps .left_googlemaps {
	float: left;
	width: 50%;
}

#right_contact .two_columns {
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 10px 20px;
	width: 310px;
}

#right_contact .two_columns .heading {
	border-bottom: #4a4a4a 1px solid;
	color: #97836d;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
	padding: 0 0 3px 0;
	width: 192px;
}

#right_contact .two_columns strong {
	color: #97836d;
}

#right_contact .two_columns .link {
	border-bottom: #4a4a4a 1px solid;
	float: left;
	margin: 0;
	padding: 3px 0;
	width: 192px;
}

#right_contact .two_columns .tel {
	border-bottom: #4a4a4a 1px solid;
	float: left;
	margin: 0;
	padding: 3px 0;
	width: 192px;
}

#right_contact .enquiryform {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	
}

#right_contact .full {
	float: left;
	width: 100%;	
}

#right_contact .full textarea {
	height: 162px;
	margin: 10px 0 10px 0;
	width: 630px;	
}

#right_contact .three_columns {
	float: left;
	margin: 0 10px 20px 10px;
	width: 200px;
}

#right_contact .three_columns label {
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin:0 0 5px 0;
}

#right_contact .three_columns input {
	height: 24px;
	margin: 0 0 10px 0;
	width: 190px;
}

#right_contact .three_columns select {
	height: 28px;
	margin: 0 0 10px 0;
	width: 163px;	
}

.pupillage_contact{color: #97836D; font-weight: bold;}
.pupillage_contact b{color: #fff;}

.lefttitle{color: #97836D; font-weight: bold; font-size: 1.2em;}

#left{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 0px 20px 10px; width: 260px; float:left;}

#left h2 {
	color: #ffffff;
	height: auto;
	margin: 10px 0;
}

.leftblock_image{
	float:left;
	height: 125px;
	margin: 0 10px 0 0;
	width: 108px;
	z-index:600;   
}

.titlespan {
	color: #97836d;
	float: left;
	font-size: 1.3em;
}
.telespan{float: left; text-align: left; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; line-height: 1em; vertical-align: middle; padding: 7px 0px 7px 5px; z-index: 500; margin: 5px 0px 0px 0px; width: 129px;}
.telespan strong{color: #97836D;}
.telespanmiddle strong{color: #97836D;}
.emailspan strong{color: #97836D;}
.telespanmiddle{float: left; text-align: left; border-bottom: 1px solid #4a4a4a; line-height: 1em; vertical-align: middle; padding: 7px 0px 7px 5px; z-index: 500; margin: 0px; width: 129px;}
.emailspan{float: left; text-align: left; border-bottom: 1px solid #4a4a4a; line-height: 1em; vertical-align: middle; padding: 7px 0px 7px 5px; z-index: 500; margin: 0px 0px 0px 0px; display:block; width: 129px;}
#telephone{background-image: url(../images/layout/telephone.gif); background-repeat: no-repeat; margin: 20px 0px 20px 0px; font-family: "Trebuchet MS"; text-align: left; height: 70px;}
#telephone span{display: none;}
.telephoneuson{font-size: 1.6em;}
.number{font-size: 2.8em; color: #97836D;}
.orcontact{font-size: 1.2em; line-height: 1.4em;}
.date{color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.9em; font-style: italic;}
.linefour{float: right; margin: 0px 20px 0px 0px;}
.white strong{
	color: #ffffff;	
}

#left_contact{float:left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 0px 0px 20px; text-align: left; width: 260px;}
#left_contact span{float: left; text-align: left; border-bottom: 1px solid #4a4a4a; line-height: 15px; vertical-align: middle; padding: 5px 0px 5px 0px; z-index: 500; margin: 5px 0px 0px 0px; width: 260px;}
#leftcontact .telespan{float: left; text-align: left; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; line-height: 1em; vertical-align: middle; padding: 5px 0px 5px 5px; z-index: 500; margin: 0px 0px 0px 0px; width: 220px; line-height: 15px;}
#leftcontact .telespanmiddle{width: 220px; padding: 5px 0px 5px 5px; line-height: 15px;}
#leftcontact .emailspan{width: 220px; line-height: 15px; padding: 5px 0px 5px 5px;}
.contact_oneoff{margin:0px 0px 0px 20px;}

#left_family{margin: 10px 0px 0px 20px; width: 260px; float:left; text-align: left;}
#left_family span{float: left; text-align: left; border-bottom: 1px solid #4a4a4a; line-height: 15px; vertical-align: middle; padding: 5px 0px 5px 0px; z-index: 500; margin: 5px 0px 0px 0px; width: 260px;}

#footer{background-color: #000; background-image: url(../images/layout/footer_flames.gif); background-position: right; background-repeat: no-repeat; border-bottom: 10px solid #000; border-top: 1px solid #4A4A4A; color: #D60202; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 960px;}
#footerleft{height: 40px; padding: 10px; float: left;}
#footer img{float: left; margin: 2px;}
/* ALSO on IE Stylesheet */#footerright{text-align: right; height: 60px; width: 420px; float: right; margin: 24px 50px 0px 0px; padding: 0px;}/* ALSO on IE Stylesheet */
.logo{float: left; margin: 20px 0 20px 40px;}
#footer a{font-weight: normal;}

#newsarticle span{color: #97836D; font-size: 1.2em; font-weight: bold; margin: 0px 0px 100px 0px;}
#newsarticle strong {text-transform: uppercase; margin: 0px 0px 100px 0px;}
.latestli{margin: 0px -15px 5px 0px; padding: 10px 0px 5px 0px; border-top: 1px solid #4A4A4A;}
#latestnews_left {padding: 0px 10px 0px 0px; text-align: left; float: left; width: 290px; height: 450px;}
#latestnews_right {float: right; height: 450px; padding: 0px 0px 10px 10px; text-align: left; width: 290px;}
#latestnews_left .date {
	color: #999999;
}
#latestnews{display: inline; float:left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;  height:580px; margin: 0px 0px 0px 0px; padding: 0px;position:relative;}
#latestnews a{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
/* ALSO on IE Stylesheet */
ul.icon{margin: 0px 0px 0px -0; padding: 0;}/* ALSO on IE Stylesheet */
li.icon{font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.8em; list-style: none; line-height:1.3em; margin-bottom:10px;}
li.indent{margin: 0px 0px 20px 0px;}

#news_left {
	float: left;
	width: 640px;
}

#news_left .icon li {
	border-bottom: dotted #4a4a4a 1px;
}

#news_left .icon a {
	font-size: 1.3em;	
}

#news_left .icon .date {
	color: #999999;	
}

#news_right {
	background-color: #333333;
	float: left;
	margin: 10px 0 0 10px;
	padding: 10px;
	width: 180px;
}

#news_right h2 {
	color: #97836d;
	font-size: 1em;
	margin: 0 0 10px 0;
}

#news_right .title {
	color: #ffffff;
}

#news_right p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
}

/* ALSO on IE Stylesheet */.members_list ul{float:left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 0px 0px 0px; padding: 10px 0px 8px 0px;width:200px}
.members_list li{border-bottom: dotted #4a4a4a 1px; display: inline; float: left; font-size: 0.7em; line-height: 1.2em; list-style-image: url(../images/layout/ul.gif); padding: 5px 0px 5px 0px; width: 185px;}

.advanced_search {list-style-type:none;margin: 0px 0px 0px 0px; padding: 10px 0px 8px 0px;width:200px;}
/*ul.advanced_search li {float: left; padding: 0px 0px 0px 20px; background-repeat: no-repeat; display: inline; list-style-image: url(../images/layout/ul.gif); width: 240px; line-height: 1.2em;}*/
.advanced_search li {margin-bottom:3px;}
.search_columns{min-height:740px;width:180px;float:left;display: inline;margin:0px;padding-right:10px;}
.searchtitle{width:150px;}

#department_list ul{margin: 0px 0px 0px 0px; padding: 10px 0px 8px 0px;float:left;width:280;}
#department_list li{float: left; padding: 0px 0px 0px 20px; background-image: url(../images/layout/ul.gif); background-repeat: no-repeat; display: inline; list-style-image: url(../images/layout/ul.gif); width: 240px; line-height: 1.2em;}
.newsletterp{display: block; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; margin: 0px 10px 10px 10px; width: 200px;}
.newslettera{border-top: dotted #4a4a4a 1px; display: block; font-size: 0.7em; padding: 5px 0; width: 100%;}
#linkslist li{float: left; padding: 0px 0px 0px 15px; background-image: url(../images/layout/ul.gif); background-repeat: no-repeat; display: inline; list-style-image: url(../images/layout/ul.gif); width: 270px; line-height: 1.2em; margin: 0px 0px 10px -15px;}
.membercontacts {
	border-bottom: 1px dotted #4a4a4a;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	margin: 0 0 10px;
	width: 100%;
}

.membercontacts p {
	margin: 0 0 5px 0;	
}
#cv{color: #fff; float: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0px 10px 10px 0;; padding: 0; width: 640px; }
#cv p{margin: 0 0 10px 0; /*overflow: auto;*/}
/*#cv span{float:right; width: 350px; color: #fff; font-weight: normal;}*/
.image {
	float: right;
	width: 270px;
}

.seemore {
	border-top: 1px dotted #4a4a4a;
	float: left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 10px 0;
	width: 100%;
}

#departmentslist li{float: left; padding: 0px 0px 0px 15px; background-image: url(../images/layout/ul.gif); background-repeat: no-repeat; display: inline; list-style-image: url(../images/layout/ul.gif); width: 270px; line-height: 1.2em; margin: 0px 0px 20px -15px;}
#departmentslist a{width: 190px; float: left;}
#departmentslist span{color: #fff; font-weight: normal; float: right; margin: 0px 40px 0px 0px;}

li  {line-height: 1.2em;}
li.reset  {margin-top: -350px;}
li.column1 { margin-left: 0em; }
li.column2 { margin-left: 285px; }

.links {
	float: left;
	margin: 0 10px;
	width: 200px;
}

.links li {
	border-bottom: #4a4a4a dotted 1px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	width: 200px;	
}

/* HACKS FOR IE */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
* html #content {height: 1%;}
/* End hide from IE-mac */
.20indent { margin-left: 20px; border: 1px dashed red; display:block }
.autoheight {height:auto !important;}
.floatnone {float:none !important;}

/* pagination */

.paginator {height:15px;padding:10px 0 0;}
.paginator ul {margin:0;padding:0;list-style:none;}
.paginator li {float:left;padding:0 5px 0 0;}
.paginator a {font-size:1em !important;}

.pagenumbers {float:right;}

.latest7hsnews, .latestnews {bottom:-10px;position:absolute;font-size:1em !important;}
.latest7hsnews {left:20px;}
.latestnews {left:322px;}