/* 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 boxe../s 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 {color: #ee8; background: url(../images/leftbox_background.jpg) #4284CC no-repeat top left; float: left; width: 184px; min-height: 250px; _height: 250px;}
.leftboxcont{float: left; width: 184px; min-height: 250px; _height: 250px;}

.leftbox ul, leftbox ul li:hover 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: 140%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #D8E6F4;
	border-left-color: #D8E6F4;
}   

/*specifying the minimum heights of the submenu boxes also allowing them to grow*/
.leftbox ul ul li {
	_height: 250px;
	min-height 250px; 			
	background-color:#4284CC;
	min-height: 34px;
	font-size: 100%;
	line-height: 140%;
}
.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;}
/*No real change, just used dreamweavers formatting to make easier to read*/
.leftbox a:link, .leftbox a:visited, .leftbox a:active {
	color: #fff;
	text-decoration: none;
	display: block;
	background: url(../images/leftbox_bullet.gif) transparent no-repeat 0 0;
	width: 160px;
	padding-top: 9px;
	padding-right: 0;
	padding-bottom: 9px;
	padding-left: 24px;
}

.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{background: url(../images/leftbox_bullet.gif) transparent no repeat 0 0  !important; color: #ccc);}
.leftbox a:hover {
	color: #99B3E9!important;
	background: url(../images/leftbox_bullet_hover.gif) transparent no-repeat 0 0  !important;
	min-height: 100%; z-index:10000;
}

.search-button {width: 30px;}
.search-box a:hover {background: url() !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: 25%; padding: 10px 0 10px 0; margin: 10px 0 0 25px; clear: right; background: #fff; overflow: hidden;}
.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;
	font-size: 15px;
}
.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; width:auto;}
.rightbox img {padding: 3%; margin: 10px auto 0; display: block; border: 1px solid #ccc !important;}
.rightbox ul li img {border: none !important; padding: 0 5px 0 0;}


.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 {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 0 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() #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;*/
	padding: 5px;
	text-align: right;
	background-color: #4284CC;
	font-size: 1em;
	color:#FFF;
}
table p{padding:5px; margin: 0; line-height: 160%; font-size: 100%;}
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;}

/* new code */
.leftbox li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

.leftbox ul li ul {
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%; /* width is based on the containing block */
	height: 100%;
	margin-top: 0px;
}

/*When there is no hover above a box no sub menu is displayed as 
any upper list inside a lower list inside an upper list is set to display
its a tree styled structure ul>li>ul*/
div.leftbox ul li ul
{display: none;}
/*When the item is hovered over the submenu is displayed, its the reverse of the display:none above*/
div.leftbox ul li:hover ul
{
	display: block;
	padding: 0;
	margin:  -10px 0 0 0 ;
	z-index:10000;
	min-height: 0;
	
}
/*Twitter css*/
#twitter_update_list {padding: 0 0 0 0;
max-width:235px;}
#twitter_div { 
}
ul#twitter_update_list {}
#twitter_update_list li span { }
#twitter_update_list li span a { border:none; background:none; text-align:left; padding: 0 0 0 0; margin: 0 0 0 0;}
#twitter_update_list li a { border-bottom: #4284CC 1px dashed; text-align:right;margin: 0 0 0 0;}
#twitter-link{
	display:block;
	text-align:right;
	font: 10px;
	background: url(../images/littletwitter.png) transparent no-repeat 10px 6px;
	padding: 10px 0 10px 0;
	max-width:235px;
	
}

.rooms{
	align:center;
	margin:0 auto;
	border: #4284CC solid 3px;
	padding-bottom:2em;
	text-align:center;
	*height:auto;
	min-height: 70%;
	max-height:100%;
	width:138%;


}
.rooms h2{
	padding-left:10px;
color:  #4284CC;
	text-align:center;
	margin-top:-20px;
	padding-bottom:10px;
	

}
.rooms form{
	padding-left:5px;
}
.rooms select{
width:70%;
text-align:left !important;
margin-left:1em !important;
float:left;
}
.even{
	background-color: #ccc;	
}
.azbox{
	margin-top:-1em;
	align:center;
	margin:0 auto;
	border: #4284CC solid 3px;
	padding-bottom:3.5em;
	text-align:center;
	*height:auto;
	min-height: 70%;
	max-height:100%;
	width:138%;
}

.azbox ul li{
padding-left 2px;	
	
}
.azbox h2{
	color:  #4284CC;
	text-align:center;
	margin-top:-20px;
	padding-bottom:10px;
	

}

.announcements{
	color:#cc4444;
	font-weight:bold;
	border:solid 2px #4284CC;
	max-width:71%;
	min-width:31%;
	height:auto;
	width:auto;
	
}


.dw{
	
	width:150px;
}

.contactbox{
	margin:0 auto;
	align:center;
	display:block;
		padding-left:2px;
		height:auto;
		clear:both;
	margin-top:2em;


}
.contactbox p{
	font-size:.6em; text-align:center
	
}

.azsubject{
width:50.45%;
float:left;	
margin-left:.6em;
margin-top: 1em;	
}

.tab-box {
	margin: 10px 29% 20px 0;
	_margin: 10px 23% 20px 0;
	padding-top: 10px;
	padding-left: 10px;
	min-height: 78px;
	_height: 80px;
	width: 49.9%;
	
	min-width: 50%;
	min-width: 50%;
}
.tab-box p {margin: 0; padding: 0;}
.tab-box h3 {margin: 0; padding: 0;}
.tab-box h3 a:hover {color: #ff0000 !important;}
.tab-box ul {margin: 8px 0 0 10px; padding: 0;}
.tab-box img {float: right; margin: 0 0 0 10px;}

#followus{margin-top:-10px;}
#followus img{border:none !important; margin-top:-3px;}
#followus p{border:none !important; padding-right:1px; font-size:70%;
line-height:140%; margin-left:10px;}