body{margin: 0px; padding: 0px; text-align: center; background-image: url(../images/layout/background.jpg); background-repeat: repeat-x; background-color: #1A1A1A; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff;}
#wrap{margin: auto; width: 960px;}
h1{margin: 70px 0px 0px 55px; text-align: right; float: left; font-size: 1.4em; width: 314px; height: 60px; background-repeat: no-repeat;}
h1 span{display:none;}
h2{color: #97836D; font-family: "Trebuchet MS"; font-size: 1.6em; line-height: 1em; font-weight: normal; height: 50px; background-repeat: no-repeat; width: 290px; margin: 25px 0px 5px 0px;}
#latestnews h2{font-size: 1.8em; margin: 20px 0px -10px 0px; padding: 0px;}
a{color: #D60202; text-decoration: none; font-weight: bold;}
a:hover{color: #97836D; margin: 0px;}
hr{color: #4A4A4A;}

.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{display: block; width: 300px; }
.previoustop{border-bottom: 1px solid #4A4A4A; padding: 0px 0px 5px 0px;}




#header{text-align: left; border-bottom: 1px solid #4A4A4A; height: 290px; background-image: url(../images/layout/search_bg.gif); background-position: bottom; background-repeat: no-repeat;}
#headerright{margin: 0px 0px 0px 260px; width: 700px; position: absolute; height: 220px; z-index:100;}
#photo{position: absolute; margin: 42px 0px 0px 630px; width: 330px; height: 300px; z-index:300;}
#search{margin: 223px 0px 0px 0px; position: absolute; line-height: 40px; vertical-align: middle; padding: 0px 0px 0px 150px; z-index:200;}

#maincontent{background-color: #272727; float: left; line-height: 1.8em; margin: 0px;}
#right{float: right; width: 600px; padding: 0px 40px 40px 40px; text-align: left; display:inline;}

#right_contact{float: right; width: 600px; padding: 0px 40px 40px 40px; text-align: left;}
#right_contact b{color: #97836D; font-weight: bold;}
#right_contact span{margin: 10px 0px 0px 0px; display: block;}
.contactleft{float:left; width: 260px;}
.contactright{float: right; width: 260px;}

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

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

#left{margin: 0px 0px 20px 20px; width: 255px; float:left;}
.leftblock_image{float:left; z-index:600; width: 107px; height: 120px; margin: 0px;}
.telespan{float: left; text-align: left; border-top: 1px solid #4a4a4a; border-bottom: 1px solid #4a4a4a; line-height: 1em; vertical-align: middle; padding: 9px 0px 9px 5px; z-index: 500; margin: 10px 0px 0px 0px; width: 139px;}
.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: 9px 0px 9px 5px; z-index: 500; margin: 0px; width: 139px;}
.emailspan{float: left; text-align: left; border-bottom: 1px solid #4a4a4a; line-height: 1em; vertical-align: middle; padding: 9px 0px 9px 5px; z-index: 500; margin: 0px 0px 0px 0px; display:block; width: 139px;}
#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: #97836D; font-size: 1em;}
.linefour{float: right; margin: 0px 20px 0px 0px;}

#left_contact{margin: 0px 0px 0px 20px; width: 260px; float:left; text-align: left;}
#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{float: left; width: 960px; padding: 0px 0px 0px 0px; color: #D60202; background-color: #000; margin: 0px 0px 0px 0px; border-top: 1px solid #4A4A4A; border-bottom: 10px solid #000; background-image: url(../images/layout/footer_flames.gif); background-repeat: no-repeat; background-position: right;}
#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{position: absolute;}
#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: 750px;}
#latestnews_right{text-align: left; float: right; width: 290px; height: 450px;}
#latestnews{margin: 0px 0px 0px 0px; display: inline; padding: 0px; float:left;height:500px;position:relative;}
#latestnews a{font-size: 1.3em;}
/* ALSO on IE Stylesheet */
ul.icon{margin: 0px 0px 0px -0;}/* ALSO on IE Stylesheet */
li.icon{list-style-image: url(../images/layout/ul.gif); line-height:1.3em; margin-bottom:10px;}
li.indent{margin: 0px 0px 20px 0px;}
/* ALSO on IE Stylesheet */#members_list ul{margin: 0px 0px 0px 0px; padding: 10px 0px 8px 0px;float:left;width:200px}
#members_list li{float: left; padding: 0px 0px 0px 0px;   display: inline; list-style-image: url(../images/layout/ul.gif); width: 185px; line-height: 1.2em;}

.advanced_search {list-style-type:none;margin: 0px 0px 0px 0px; padding: 10px 0px 8px 0px;width:180px;}
/*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{float: left; padding: 0px 0px 10px 20px; background-image: url(../images/layout/ul.gif); background-position: 0px 4px; background-repeat: no-repeat; display: block; width: 540px; border-bottom: 1px solid #4A4A4A; font-size: 1em; margin: 0px 0px 10px 0px;}
.newslettera{font-size: 1.4em;}
#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;}
#cv{margin: 0px; padding: 10px 0px; border-bottom: 1px solid #4A4A4A; border-top: 1px solid #4A4A4A; color: #fff; width: 560px; }
#cv p{overflow: auto;}
/*#cv span{float:right; width: 350px; color: #fff; font-weight: normal;}*/

#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; }

/* 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;}