body{
font-family: Arial, Helvetica, sans-serif;
}
/**** links styling & recolouring ****/


p{line-height: 1.3; margin: 7px 0;}

h1, h2, h3{
line-height: 1.3;
font-size: large;
}

#mainContent h2, #mainContent2 h2, #mainContent3 h2{
font-size: medium;
}

#mainContent h3, #mainContent2 h3, #mainContent3 h3{
font-size: small;
}

#mainContent h1, #mainContent h2, #mainContent h3, 
#mainContent2 h1, #mainContent2 h2, #mainContent2 h3, 
#mainContent3 h1, #mainContent3 h2, #mainContent3 h3{
font-family: Arial, Helvetica, sans-serif;
}
#mainContent h1{
margin-bottom: 5px;
}

#menu h1 a{
color: #fff;
}

#sideBar #mainContent h1{
padding: 5px 0;
}

table{
border: 1px solid;
width: 100%;
}

td{
border: 1px solid;
}
a img {
	border:0;
}


a.image img{
margin: 0 5px 10px 5px;
}
.left {
	float:left;
	text-align:left;
}


.right {
	float:right;
	text-align:right;
}


.hide {
	display: none;
}


#mainContent, #mainContent2, #mainContent3{
font-size: small;
}


#footer{
margin-top: 20px;
}


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1000px;
}


/* rules for the invisible skip nav section*/


#skip_nav{
list-style: none;
height: 0;
}


#skip_nav li a{
position: absolute;
z-index: 99;
top: 0;
left: -1000px;
}


#skip_nav li:hover, #skip_nav li a:hover {
left:0;
}


#skip_nav li:focus, #skip_nav li:focus {
left: 0;
}


#skip_nav li a:hover, #skip_nav li a:focus{
left: 0;
}


/* rules for the visible top links*/


#top_links {
text-align: right;
width: 100%;
margin: 0;
padding: 0;
}


#top_links li, #breadcrumbs li, #main_nav li {
display: inline;
list-style: none;
}

#top_links li{
line-height: 1.3;
}

#top_links a {
text-decoration: none;
padding: 0 0.5em;
font-size: small;
font-weight: bold;}


#header{
height: 100px;
margin: 0;
}


#header h1, #header h3 {
width: 50%;
margin: 0;
padding: 0.3em;}


#header h3.schoolname{
font-size: x-large;
padding: 0;
position: absolute;
float: left;
text-align: right;
width: 991px;
top: 63px;
}


#header h3.schoolname a{
text-decoration: none;
}


#header h1 a img{
border: none;
float: left;
left: inherit;
top: 0.75em;
margin: 0;
}


#main_search {
position: absolute;
width: 17em;
margin-top: 10px;
height: 2em;
padding: 0;
left: inherit;
margin-left: 400px;
}


#main_search input#q{
float: left;
padding: 0.2em;
margin: 0.5em;
border: 0;
width: 12em;
font-size: .8em;
}


#main_search input#btnG:hover{
cursor: pointer;
}

#main_search input#btnG{
width: 5em;
height: 1.5em;
margin: 3px 0;
float: right;
border: 1px solid;
}


#main_search input#btnG:hover{
cursor: pointer;
}


#main_search p, #main_search form, #user_login p, #user_login form{
padding: 0;

margin: 0;
}


#menu{
float: left;
width: 200px;
}


#menu{
float:left;
margin-left: 0;
width: 200px;
top: 6em;
height: auto;
}


#menu ul li{
display: block;
margin: 2px;
}


#menu li.top, #menu li.active{
border: 1px solid;
}


#menu li.sub{
border:0;
margin: 0 2px;
}


#menu li a {
display:block;
font-family:Arial,Helvetica,sans-serif;
padding:5px;
text-decoration:none;
}


#menu ul li a.sub{
font-size: small;
line-height: 1;
padding-left: 10px;
border: 0;
}


#menu li.sub{
display: none;
}


body.menu_1 #menu ul li.menu_1, body.menu_2 #menu ul li.menu_2, body.menu_3 #menu ul li.menu_3, body.menu_4 #menu ul li.menu_4, body.menu_5 #menu ul li.menu_5{
display: block;
}


#menu h1{
font-size: small;
padding: 10px 3px 10px 8px;
}


#menu #feedback h1{
width: 100%;
margin-left: -5px;
}


#accessibility{
padding: 0.5em;
border: 1px solid #CCC;}


#accessibility a{
text-decoration: underline;
font-weight: bold;
}


#feedback{
padding: 0px 5px 5px 5px;
margin: 10px 3px 10px 3px;
border: 1px solid;
}


#sideBar #mainContent{ 
	float: left;
	width: 58%;
	padding: 0px 10px 10px 10px;
}


#sideBar #mainContent2{
	float: right;
	width: 198px;
	border: 1px solid #CCC;
}


#twoColumn #mainContent2{
	float: right;
	width: 400px;
	padding-top: 10px;
}


#twoColumn #mainContent{
	float: left;
	width: 38%;
	padding: 10px 1%;
}


#oneColumn #mainContent{
width: 780px;
padding: 0 10px 10px 10px;
margin-left: 200px;
}


#oneColumn #mainContent2, #oneColumn #mainContent3{
display: none;
}

#sideBar #mainContent2 h3{
text-align: center;
padding: 3px;
margin: 0 0 3px 0;
font-size: small;
}


#sideBar #mainContent2 h3.user_login{
margin: 0 auto;
text-align: center;
height: 50px;
}

#sideBar #mainContent2 p{
padding: 3px 5px 10px;
}

#footer{
padding-top: 0.5em;
width: 100%;
margin: 0 auto;
font-size: x-small;
clear: both;
}


#footer p.footer_bar{
width: 991px;
padding: 5px;
text-align: right;
margin-bottom: 10px;
}


#footer p.footer_left{
float: left;
text-align: left;
width: 45%;
padding-left: 0.5em;
}


#footer p.footer_right{
float: right;
text-align: right;
width: 50%;
padding-right: 0.5em;
}


#footer_bottom{
clear: both;
height: 1px;
font-size: 1px;
}


.content_box_link ul {
        list-style-type: none;
} 


.content_box_link li {
        margin: 5px;
		display: inline;
		float: left;
        width: 21.7em;
}


.content_box_link li a { 
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
		height: 7em;
        padding: 5px;
		margin: 5px;
        text-decoration: none;
		border: 2px solid;
}


.content_box_link li a p{
padding-right: 80px;
}


.content_box_link li a img {
padding: 0.5em;
display: inline;
padding-right: 0;
border: none;
float:right;
}


.content_box_link a em { 
        display: block;
        font: normal small Verdana, Helvetica, sans-serif;
		font-size: small;
        line-height: 125%;
		padding-right: 80px;
}


.content_box_link a span {
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}


#threeColumn #mainContent{
width: 780px;
padding: 3px 10px 10px 10px;
float: left;
}


#threeColumn #mainContent2{
width: 370px;
float: left;
padding: 0 10px 10px 10px;
}


#threeColumn #mainContent3{
width: 370px;
float: left;
padding: 0 10px 10px 10px;
}


h1.highlight a{
text-decoration: none;
}


.event_teaser{
margin-top: 5px;
}


.event_teaser p{
margin-left: 4.1em;
}


.cal_date{
float: left;
margin: 0 0.4em 0.4em 0; 
text-align: center;
text-transform: uppercase;
border: 1px solid #CCC;
}


.cal_date p{
padding: 0 0.4em;
line-height: 1;
margin: 0;
}


.cal_date .cal_day{
padding: 0.2em;
}


.cal_date .cal_day2{
font-size: 17px;
font-weight: bold;
}


.section_head a{
text-decoration: none;
}

#breadcrumbs{
font:12px Arial;
padding-left: 8px;
min-height: 32px;
height: auto;
}

#breadcrumbs li.crumb a{
display:inline-block;
padding-left:20px;
line-height:18px;
background:transparent url('/health/media/HealthMedia/images/control_fastforward.png') center left no-repeat;
}


#breadcrumbs li{
display:inline;
height: 100%;
}


#breadcrumbs li a{
font-weight: bold;
text-decoration: none;
padding: 0px 2px;
}


#breadcrumbs a img{
border: 0;
margin-top: 3px;
}


#breadcrumbs li.crumb a{
line-height: 1.5;
text-transform: capitalize;
}


#breadcrumbs li.crumb a:hover, #breadcrumbs li.crumb a:focus{
text-decoration: underline;
}

.highlight{
padding: 5px;
margin-bottom: 10px;
}

.section_head{
padding: 5px;
margin-bottom: 10px;
}

a.dept_thumb{
border-bottom: 5px solid;
}

/* nav start */

#menu {
width: 200px;
margin: 0;
padding:0;
font-family: Arial;
}
#threeColumn #menu {
min-height:500px;
}

#menu h1 {
padding: 116px 6px 6px 6px;
font-size: 1.2em;
}

ul#UoB_Nav {
	margin: 6px 0 6px 0;
	padding: 0;
	width: 200px;
	display: block;
	list-style: none;
	list-style-type: none;
}

ul#UoB_Nav li {
	margin: 0 0 3px 0;
	background-color: transparent;
	display: block;
	list-style: none;
	list-style-type: none;
	padding: 1px 1px;
	font-weight: normal;
	border: 1px solid #CCC;
	font-size: 12px;
}

ul#UoB_Nav li ul.multilevel-linkul-0 {
	margin: -2px 2px 0;
	background-color: transparent;
	display: block;
}

ul#UoB_Nav li ul.multilevel-linkul-0 li {
	margin: 1px 0 1px 6px;
	display: block;
	border: none;
	font-weight: bold;
}
ul#UoB_Nav li ul.multilevel-linkul-0 li span.currentbranch1{
 border-right: 5px solid #99CC33;
}

ul#UoB_Nav li a:link, ul#UoB_Nav li a:visited,
ul#UoB_Nav li span.currentbranch0{
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		display: block;
		margin: 2px;
		padding: 2px;
}

ul#UoB_Nav li a:active, ul#UoB_Nav li a:hover, 
ul#UoB_Nav li span.currentbranch0{
		text-decoration: none;
		color: #000;
		background-color: #CCC;
		display: block;
		margin: 2px;
		padding: 2px;
}

ul#UoB_Nav li ul.multilevel-linkul-0 li span.currentbranch1 {
	border-right: 5px solid #9C3;
	text-indent: 0;
	display: block;
	color: #000;
	margin: 2px;
	padding: 2px;
}

ul#UoB_Nav li span.currentbranch0 a:link, ul#UoB_Nav li span.currentbranch0 a:visited {
	padding: 0;
}

ul#UoB_Nav li ul.multilevel-linkul-0 li a:hover{
border-right: 5px solid #000;
}
#menu h2{font-size: small; background: #CCC; text-align: center;}
ul.UoB_Nav {
	margin: 6px 0 6px 0;
	padding: 0;
	width: 200px;
	display: block;
	list-style: none;
	list-style-type: none;
}

ul.UoB_Nav li {
	margin: 0 0 3px 0;
	background-color: transparent;
	display: block;
	list-style: none;
	list-style-type: none;
	padding: 1px 1px;
	font-weight: normal;
	border: 1px solid #CCC;
	font-size: 12px;
}

ul.UoB_Nav li ul.multilevel-linkul-0 {
	margin: -2px 2px 0;
	background-color: transparent;
	display: block;
}

ul.UoB_Nav li ul.multilevel-linkul-0 li {
	margin: 1px 0 1px 6px;
	display: block;
	border: none;
	font-weight: bold;
}
ul.UoB_Nav li ul.multilevel-linkul-0 li span.currentbranch1{
 border-right: 5px solid #99CC33;
}

ul.UoB_Nav li a:link, ul.UoB_Nav li a:visited,
ul.UoB_Nav li span.currentbranch0{
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		display: block;
		margin: 2px;
		padding: 2px;
}

ul.UoB_Nav li a:active, ul.UoB_Nav li a:hover, 
ul.UoB_Nav li span.currentbranch0{
		text-decoration: none;
		color: #000;
		background-color: #CCC;
		display: block;
		margin: 2px;
		padding: 2px;
}

ul.UoB_Nav li ul.multilevel-linkul-0 li span.currentbranch1 {
	border-right: 5px solid #9C3;
	text-indent: 0;
	display: block;
	color: #000;
	margin: 2px;
	padding: 2px;
}

ul.UoB_Nav li span.currentbranch0 a:link, ul.UoB_Nav li span.currentbranch0 a:visited {
	padding: 0;
}

ul.UoB_Nav li ul.multilevel-linkul-0 li a:hover{
border-right: 5px solid #000;
}


/* nav end */

#mainContent .content_box_link_second {
width: 270px;
height: 130px;
margin: 5px;
display: inline;
float: left;
border: 4px solid #CCC;
font: 19px Arial;
font-weight: bold;
background: #999;
}

#mainContent .content_box_link_second a{
text-decoration: none;
color: #FFF;
display: block;
height: 120px;
padding: 5px;
background: none;
}

#mainContent .content_box_link_second a img{
float: right;
margin-left: 5px;
border: 2px solid #FFF;
}

#mainContent .content_box_link_second:focus, .content_box_link_second a:hover
{
background: #99CC33;
text-decoration: none;
}

#mainContent .content_box_link_second .subtitle
{
display: block;
font-size: 12px;
color: #333;
}

#menu li a:hover, #menu li:hover{
text-decoration: none;
}

.contact-block{
float: left;
display: inline;
width: 268px;
margin: 5px;
height: 125px;
line-height: 1.4;
border: 1px solid #CCC;
font-size: small;
padding: 10px 5px 5px;
}

.contact-block img
{
float: right;
max-width: 100px;
max-height: 100px;
padding-left: 15px;
}

.contact-block .contact-block-item {
float: left;
display: block;
width: 50px;
}

.contact-block .name, .contact-block .link-to-full{
font-weight: bold;
}

a.vcard img{
clear: both;
}

.full-profile{
display: block;
clear: both;
}

.full-profile .full-profile-contact-title {
width: 100px;
display: block;
float: left;
}

.full-profile img {
float: right;
max-width: 200px;
max-height: 200px;
padding-left: 15px;
}

.tab_menu{
margin-top: 3px;
}

.tab_menu a{
padding: 2px 5px;
background: #99CC33;
border: 1px solid #CCC;
text-decoration: none;
color: #FFF;
line-height: 1.7;
}

.tab_menu a:hover, .tab_menu a:focus{
background: #CCC;
border: 1px solid #333;
color: #000;
}

.sidebar_call_to_action
{
font-size: large;
background-color: #99CC33;
color: #FFF;
padding: 5px;
display: block;
min-height: 80px;
margin: 0px 0px 10px 0px;
}

.sidebar_call_to_action a
{
color: #FFF;
}

#menu a img{
padding: 10px 0px;
}

th{
padding: 3px;
}

#home-main ul#home-main-selector li {display:inline; width: 25%;}
#home-main {width: 580px; margin: 0 auto 0.5em; background: #fff;}
#home-main ul#home-main-selector li a {padding: 0.3em 0.3em 0.4em; font-weight: bold; height: 3em; background: #666; color: #CCC; font-weight: bold; text-decoration: none;}
#home-main ul#home-main-selector li.selected a {background: #9C3; color: #FFF;}
#home-main ul#home-main-selector li.selected a:hover, #home-main ul#home-main-selector li a:hover {text-decoration: underline;}
#IEroot #home-main ul#home-main-selector li a {padding: 0.3em 0.3em 0.4em; font-weight: bold;}
#IEroot ul#home-main-selector{height: 1.5em; padding-top: 0.2em; background: #CCC;}


#mainContent table.width-auto {width: auto;}

#mainContent #site-map ul li ul{margin-left: 2em;}
#mainContent #site-map ul li ul li ul{margin-left: 2em;}
#mainContent #site-map ul li ul li ul li ul{margin-left: 2em;}

#sideBar .main-bit h1{font-size: x-large; color: #FFF; padding: 0; margin: 0;}
.main-bit{padding: 0px 0px 5px 0px;}
.home-options-list{text-align: right;}
.main-bit form fieldset{background: #7A1; padding: 10px;}
#mainContent ul.no-bullets li, #mainContent2 ul.no-bullets li, #mainContent3 ul.no-bullets li{list-style: none;}
.sideBar-container{width: 198px; overflow: hidden;}
.sideBar-container img.rotate-default {margin-left: -23px;}

#sideBar #mainContent2 ul li{list-style: none inside none; padding: 6px; border-bottom: 1px dashed #CCC;}

#mainContent ul li.news {list-style: none; border-bottom: 1px dashed #DDD;}
#mainContent ul li.news a.news{background: none;}
#mainContent .infoblock {width: 280px; float: left; height: auto; min-height: 180px; display: block; border: 2px solid #9C3;}
#mainContent .infoblock h2{font-size: medium; width: 260px; background: #121212; color: #FFF; display: block; padding: 3px 10px; text-align: left; font-weight: bold;}
#mainContent .infoblock img{float: left; margin: 10px 0 0 10px;}
#mainContent .infoblock ul{list-style:none outside none; margin:10px 0 0 150px; padding:0;}
#mainContent .application {margin: 10px 10px 10px 0;}
#mainContent .about {margin: 10px 0;}
.video-holder{background:none repeat scroll 0 0 #121212; color:#FFFFFF; float:left; padding:5px; width:380px;}