/* CSS Document */
/***** Style Sheet written by David Wickins - dw75@le.ac.uk *****/


body {color:#333; margin: 0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; background: url("../images/body_background.jpg") transparent 0 0 repeat-x;}


/*This sets the colour of the bar containing the bottom navigation */
.bottomNav {background: transparent; margin: 0 0 0 0 !important;}
/*This sets the colour of the five boxes*/
.bottomNav a {background: transparent; border: 1px solid #999999}
/*This sets the colour of the text within the five boxes*/
.bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {color: #999999;}
/*This sets the colour of the five boxes and text within, when the mouse is rolled over*/
.bottomNav a:hover {color: #333333;	background: #FFFFFF;}


/*This sets the colour for the bar underneath the bottom navigation*/
.maintainer {background: transparent; color: #999;}
/*This sets the colour of the text for the updated date*/
.maintainerLeft {color: #999;}
/*This sets the colour of the text for the maintainer text*/
.maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {color: #999;}
/*This sets the colour of the text for the maintainer text, when the mouse is rolled over*/
.maintainerRight a:hover {color: #333;}
/*This sets the colour of the approved text at the very bottom of the screen*/
.approved {color:#999;}

.container {margin: -20px 35px 0 35px; padding: 0; min-height: 460px; _height: 460px; background: url("../images/container_background.jpg") #fff no-repeat top right;}

.leftbox {float: left; width: 184px; color: #ee8; background: url(../images/leftbox_background.jpg) #4284CC no-repeat top left; min-height: 250px; _height: 250px;}

.leftbox ul {margin: 30px 0 0 0; padding: 0; clear: both;}
.leftbox ul ul {margin: -5px 0 0 0; padding: 0 0 5px 0; background: #fff;}
.leftbox ul li {margin: 0; list-style: none; line-height: 120%; border-bottom: 1px solid #D8E6F4; padding: 0;}   
.leftbox ul ul li {margin: 0; list-style: none; font-size: 100%; line-height: 120%; border-bottom: none;}
.leftbox p, .leftbox h1, .leftbox h2, .leftbox h3, .leftbox h4, .leftbox h5, .leftbox h6, .leftbox h7, .leftbox h8, .leftbox h9, .leftbox h10 {display: none;}
.last-menu {background:  url("../images/lastmenu_background.jpg") repeat-x bottom right; padding: 0 0 129px 0 !important; border-bottom: none !important;}

.clinical {background: url(../images/clinicalleftbox_background.jpg) #C9EA51 no-repeat top left;}
.clinical-last {background:  url("../images/clinicallastmenu_background.jpg") repeat-x bottom right;}
.clinical a:link, .clinical a:visited, .clinical a:active {color: #666 !important;}
.clinical ul li {border-bottom: 1px solid #E9F7B9;}   

.education {background: url(../images/educationleftbox_background.jpg) #F99B39 no-repeat top left;}
.education-last {background:  url("../images/educationlastmenu_background.jpg") repeat-x bottom right;}
.education ul li {border-bottom: 1px solid #FDD7B0;}   

.redirect {background: url(../images/leftbox_white.jpg) #fff no-repeat top left;}

.leftbox a:link, .leftbox a:visited, .leftbox a:active {color: #fff; text-decoration: none; display: block; padding: 9px 0 9px 26px; background: url(../images/leftbox_bullet.gif) transparent no-repeat 0 0; width: 160px;}
.leftbox ul ul li a:link, .leftbox ul ul li a:visited {background: url(http://www.le.ac.uk/library/images/leftbox_arrow.gif) transparent no-repeat 27px 6px; padding: 2px 0 2px 36px; width: 143px;}

.leftbox ul ul li a:hover, .leftbox ul ul li a.current {background: url(../images/red_arrow.gif) transparent no-repeat 27px 6px !important; padding: 2px 0 2px 36px; width: 143px;}
.leftbox a:hover {color: #00688A !important; background: url(../images/leftbox_bullet_hover.gif) transparent no-repeat 0 0 !important;}

.search-button {width: 30px;}
.search-box a:hover {background: url(http://www.le.ac.uk/library/css/library.css) !important;}

.redirectbox {margin: 0 !important;}
.middlebox {margin: 0 0 0 216px;}
.middlebox-wide {padding: 0 25px 0 0; margin: 0 0 0 216px;}
.middlebox ul, .middlebox-wide ul, .middlebox ol ul, .middlebox-wide ol ul {margin: 10px 0 0 20px; padding: 0 0 10px 0;}
.middlebox ul li, .middlebox-wide  ul li {padding: 0 0 5px 10px; margin: 0; list-style-type: none; background: url("../images/blue_arrow.gif") no-repeat transparent 0 6px;}
.middlebox a:link, .middlebox a:visited, .middlebox a:active, .middlebox-wide a:link, .middlebox-wide a:visited, .middlebox-wide a:active {color: #333;}
.middlebox a:hover, .middlebox-wide a:hover, .blue {color: #7EACDA !important;}

.middlebox ul ul li, .middlebox-wide ul ul li {font-size: 100%;}

.rightbox {float: right; width: 26%; padding: 30px 0 10px 0; margin: 10px 0 0 25px; clear: right; background: #fff;}
.rightbox p {margin: 0; padding: 10px 0 10px 10px;}
.rightbox h2 {color: #ff0000; font-size: 120%; font-weight: normal; margin: 0 10px -5px 10px; padding: 10px 0 0 0; border-top: 1px solid #ccc; background: url(../images/h3_background.gif) transparent no-repeat left top;}
.rightbox ul {margin: 10px 0 10px 0; padding: 0;}
.rightbox ul ul {margin: 5px 0 -5px 10px; padding: 0;}
.rightbox a:link, .rightbox a:visited, .rightbox a:active {padding: 0 0 0 10px; display: block; text-decoration: none; background: url(../images/blue_arrow.gif) transparent no-repeat 3px 7px;}
.rightbox a:hover {padding: 0 0 0 10px; display: block; text-decoration: none; background: url(../images/red_arrow.gif) transparent no-repeat 3px 7px; color: #ff0000 !important;}
.special {padding: 0 !important; display: inline !important; background: none !important;}
.centre {padding: 10px !important;}

.rightbox ul li {margin: 0; padding: 0 0 5px 10px; list-style: none; background: none !important;}
.rightbox img {padding: 3%; margin: 10px auto 0; display: block; border: 1px solid #ccc !important;}

.anchor-box {margin: -5px 0 0 0;}

.h1-redirect {margin: 39px 0 0 0;}
h1 {margin: 0; padding: 3px 35px 5px 0; font-size: 125%; font-weight: normal; color:#fff; text-align: right;}
h2, .home-h2 {margin: 0 0 10px 0; padding: 45px 0 10px 0; _padding: 46px 0 10px 0; font-size: 140%; font-weight: bold; color: #9B9B9B; font-family: "Franklin Gothic Book"; background: url(../images/h2_background.gif) transparent no-repeat left bottom;}
h3 {margin: 0; padding: 10px 0 0 0; font-weight: bold;  font-size: 120%; font-weight: bold; color: #4284CC; font-family: "Franklin Gothic Book";}
h3 a:link, h3 a:visited, h3 a:active {text-decoration: none; color: #4284CC !important;}
h3 a:hover {color: #2D64A2 !important;}
.redirect-heading {margin: 0 0 0 35px!important;}
.short-h2  {margin: 0 29% 10px 0;  _margin: 46px 23% 10px 0; padding: 45px 0 10px 0; _padding: 0 0 10px 0;}
/*.short-anchor-h2 {margin: 25px 29% 10px 0; _margin: 0 23% 10px 0}*/
.special2 {margin: 80px 0 0 0 !important;}
.special3 {margin: 80px 0 0 0; _margin: 50px 0 0 0;}
.special4 {margin: 6px 0 0 0 !important;}

p, .leftbox ul li, .middlebox li, .middlebox-wide li, .rightbox li, .menu-box li, table, .h4, .topBar ul li {font-size: 70%; line-height: 140%;}
.rightbox ul ul li, table p {font-size: 100%; line-height: 140%;}
.middlebox ol ul li, .middlebox-wide ol ul li {font-size: 100%; _line-height: 140%;}
p {margin: 0; padding: 0 0 10px 0;}
.middlebox li, .rightbox li, .menu-box li, .library-box  {margin: 0; padding: 10px 0 10px 0;}
.menu-box ul {margin: 0; padding: 10px 260px 10px 20px; _padding: 10px 0 10px 20px;}
.menu-box p {font-size: 100%; margin: 10px 0 0 0; padding: 0;}

.library-box {border: 1px solid #ccc; margin: 10px 29% 20px 0;  _margin: 10px 23% 20px 0; padding: 10px; min-height: 78px; _height: 80px; width: auto;}
.library-box p {margin: 0; padding: 0;}
.library-box h3 {margin: 0; padding: 0;}
.library-box h3 a:hover {color: #ff0000 !important;}
.library-box ul {margin: 8px 0 0 10px; padding: 0;}
.library-box img {float: right; margin: 0 0 0 10px;}

.breadcrumbs {text-align: right; margin: 20px 0 0 0; float: right;}
.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active {text-decoration: none;}


.menu-box {background: url(../images/menubox_background.gif) transparent top right; margin: 10px 0 10px 0;  _height: 272px; min-height: 272px;}
.menu-box img {float: right;}
.menu-box li {padding: 0 30px 5px 10px !important; _padding: 0 290px 5px 10px !important}

.a-z ul {margin: 10px 0 10px 0; padding: 0;}
.a-z ul li {display: block; margin: 0 5px 10px 0; padding: 1px 0 0 0 !important; float: left; width: 20px; height: 20px; list-style-type: none; border: 1px solid #ccc; text-align: center; background: url(http://www.le.ac.uk/library/css/library.css) #fff !important;}


.a-z a:link, .a-z a:visited, .a-z a:active {display: block; width: 20px; height: 20px; text-decoration: none; background: url(../images/white_dot.gif);}
.a-z a:hover {background: url(../images/dot.gif) !important; width: 20px; height: 20px;}

table {margin: 5px 0 20px 0; padding: 0; border-bottom: 1px solid #ccc; width: 100%; _width: 99.4%;}
table td {vertical-align: top; padding: 5px}
th {font-weight: bold; background: #f1f1f1; padding: 5px; border-bottom: 5px solid #fff; text-align: left;}
table p, td {border-top: 1px solid #ccc; padding: 5px; margin: 0;}
.table-ie-fix {_margin: -90px 0 0 0;}
table li {font-size: 100% !important;}

form {padding: 0; margin: 0;}
img {border: none;}
.padding-right {padding: 0 10px 0 0;}
.padding-top {padding: 40px 0 0 0;}

.clear-left {clear: left;}
.clear-right {clear: right;}
.text-centre {text-align: center;}
p.border-top {border-top: 1px solid #ccc; padding: 10px 0 10px 0 !important;}