/***********************************************/
/* HTML tag styles               */
/***********************************************/

body {
	
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size:76%;
	font-family: helvetica, Arial, sans-serif;
	background-color: #ffffff;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/transit/images/header-body-bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
}

 
.clear { clear:both; }

.row {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	clear: both;
}

.float-left 	{ display: block; float:left; }
.float-right 	{ display: block; float:right; }

a:link, a:visited {
	 color: #588b2c;
	 text-decoration: none;
}

a:hover, a:active {
	 color: #588b2c;
	 text-decoration: underline;
}

a img {
	border: 0;
}


h1 {
	font-family: helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;	
}

h2 {
	font-weight: normal;
	font-family: helvetica, Arial, sans-serif;
	font-size: 1.4em;
}


h3 {
	font-family: helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;	
}

h4 {
	font-family: helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;	
}


p {
	font-family: helvetica, Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
}

#textOnly, .hideme {
	display: none;
	visibility: hidden;
}

hr {
	border: 1px solid #D90E70;
	margin: 20px 0;
	display: block;
	clear: both;
}

strong {
	font-weight: bold;
}
.block {
	display: block;
}
em {
	font-style: italic;
}
/* styles begin */

#outer-wrapper {
	display: block;
	width: 1000px;
	background-color: transparent;
	margin: 0px auto 10px;
	padding: 0px;
	overflow: auto;
	
}

#skipnav {
	display: none;
	visibility: hidden;
}

#skipnav a:focus {
	background: #fff; 
	border: solid 2px #1B6BD8;
}
	 
#skipnav a:hover {
	color: #029EDE;
}

#skipnav a:active {
	background: #fff;
	border: solid 2px #1B6BD8;
}

fieldset {
	width: 98%;
	border: 1px solid #333333;
	color: black;
	margin: 0 0 10px 0;
}
fieldset input {
	margin: 0 8px;
}



/* uni level nav start */
#top-horizontal-nav {
	display: block;
	overflow: auto;
	width: 100%;
	margin: 180px 0 15px 0;
	padding-bottom: 0;
}

#top-horizontal-nav ol {
	display: block;
}
#top-horizontal-nav ol li {
	display: block;
	width: 180px;
	float: left;
	text-align: center;
	margin-right: 20px;
	padding: 10px;
	line-height: 30px;
}
#top-horizontal-nav ol li.students {
	background-color: #D1D5D8;
} 
#top-horizontal-nav ol li.tutors {
	background-color: #231F20;
} 

#top-horizontal-nav ol li a:link, #top-horizontal-nav ol li a:visited {
	color: #000000;
	font-size: 1.4em;
	text-decoration: none;
	font-weight: bold;
}
#top-horizontal-nav ol li a:hover, #top-horizontal-nav ol li a:active {
	color: #000000;
	font-size: 1.4em;
	text-decoration: underline;
	font-weight: bold;
}
#top-horizontal-nav ol li.tutors a:link, #top-horizontal-nav ol li.tutors a:visited,
#top-horizontal-nav ol li.tutors a:hover, #top-horizontal-nav ol li.tutors a:active {
	color: #ffffff;
}

/* uni level nav end */


/* if top level horizontal nav - top-horizontal-nav end */


#inner-wrapper {
	clear: both;
	display: block;
	width: 100%;
	background-color: transparent;
	margin: 0 0 0 0;
	padding: 0;
	overflow: auto;
}
#inner-page-area {
	display: block;
	margin: 20px 0;
	padding: 0 0 0 0;
	width: 1000px;
/*	overflow: hidden;*/
}
#IE7root #inner-page-area {
	overflow: hidden;
}

ul.section-links {
	margin: 0;
	padding: 0;
	display: block;
	width: 332px;
}
ul.section-links li {
	display: block;
	width: 332px;
	height: 130px;
}
ul.section-links li.students {
	display: block;
	margin: 0;
	padding: 0;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/transit/images/students-button.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
ul.section-links li.tutors {
	display: block;
	margin: 0;
	padding: 0;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/transit/images/tutors-button.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
ul.section-links li a {
	display: block;
	margin: 0 0 0 0 ;
	padding: 50px 0 0 0;
	color: #606062;
	font-size: 2em;
	font-weight: bold;
}

#left-nav-area {
	display: block;
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
	width: 200px;
	border: none;
	float: left;
	background-color: #ffffff;
	
}

#left-nav-area h2 {
	color: #231F20;
	padding: 14px;
	padding-left: 28px;
	font-weight: bold;
}
#left-nav-area h2.Students {
	background-color: #D1D5D8;
}
#left-nav-area h2.Tutors {
	background-color: #231F20;
	color: #ffffff;
}

#left-nav-area ul#UoB_Nav {
	display: block;
	margin: 0;
	padding: 0;
	background-color: #000000;
}


#left-nav-area ul#UoB_Nav li {
	display: block;
	margin: 0 0 1px 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #606062;
	background-color: #ffffff;
}

#left-nav-area ul#UoB_Nav li span.currentbranch0 {
	display: block;
	color: #000000;
	padding: 10px;
	padding-left: 28px;
	background-color: #ffffff;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/transit/images/left-nav-bullet.jpg');
	background-position: 0px 10px;
	background-repeat: no-repeat;
}

#left-nav-area ul#UoB_Nav li a:link, #left-nav-area ul#UoB_Nav li a:visited {
	display: block;
	color: #606062;
	padding: 10px;
	padding-left: 28px;
	background-color: #ffffff;
}
#left-nav-area ul#UoB_Nav li a:hover, #left-nav-area ul#UoB_Nav li a:active {
	display: block;
	color: #606062;
	padding: 10px;
	padding-left: 28px;
	background-color: #ffffff;
	text-decoration: none;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/transit/images/left-nav-bullet.jpg');
	background-position: 0px 10px;
	background-repeat: no-repeat;

}

#left-nav-area ul#UoB_Nav li ul.multilevel-linkul-0 {
	border-top: 1px solid #000000;
	background-color: #000000;
}
#left-nav-area ul#UoB_Nav li ul.multilevel-linkul-0  li {
	background-color: #F0F8E8;
	margin-bottom: 1px;
}
#left-nav-area ul#UoB_Nav  li span.currentbranch0 {
	padding: 0;
	padding: 10px;
	padding-left: 28px;
}
#left-nav-area ul#UoB_Nav  li span.currentbranch0 a:link, #left-nav-area ul#UoB_Nav li span.currentbranch0 a:visited {
	padding: 10px;
	padding-left: 28px;
	padding: 0;
	/*background-image: url('http://www.bradford.ac.uk/T4-css-corporate/transit/images/left-nav-bullet.jpg');
	background-position: 0px 10px;
	background-repeat: no-repeat;*/
}
#left-nav-area ul#UoB_Nav  li span.currentbranch0 a:hover, #left-nav-area ul#UoB_Nav li span.currentbranch0 a:active {
	padding: 10px;
	padding-left: 28px;
	padding: 0;
	background-color: #ffffff;
	background-image: none;
	/*background-image: url('http://www.bradford.ac.uk/T4-css-corporate/transit/images/left-nav-bullet.jpg');
	background-position: 0px 10px;
	background-repeat: no-repeat;*/
}


#left-nav-area ul#UoB_Nav li ul.multilevel-linkul-0  li a:link, #left-nav-area ul#UoB_Nav li ul.multilevel-linkul-0  li a:visited {
	padding: 0;
	background-color: #F0F8E8;
	color: #606062;
	font-size: 0.9em;
	padding: 10px;
	padding-left: 28px;
}
#left-nav-area ul#UoB_Nav li ul.multilevel-linkul-0  li a:hover, #left-nav-area ul#UoB_Nav li ul.multilevel-linkul-0  li a:active {
	padding: 0;
	background-color: #F0F8E8;
	color: #000000;
	font-size: 0.9em;
	border-left: 10px solid #606062;
	background-image: none;
	padding: 10px;
	padding-left: 18px;
}




#left-nav-area ul#UoB_Nav li ul.multilevel-linkul-0  li  span.currentbranch1 {
	display: block;
	padding: 10px;
	padding-left: 18px;
	color: #000000;
	font-size: 0.9em;
	border-left: 10px solid #606062
}

/* here */
/* end */


/* left nav area end */

/* home area start */
#home-page-area {
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-color: transparent;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/transit/images/home-page-right-image.jpg');
	background-position: top right;
	background-repeat: no-repeat;
}
#home-page-area h1 {
	font-size: 3em;
	margin-left: 20px;
	margin-bottom: 20px;
}
#home-page-area p {
	padding: 10px 480px 10px 10px;
	line-height: 1.4em;
	font-size: 1.8em;
}
#home-page-area p  span {
	color: #588b2c;
}


/* home area end */

/* middle area start */

#middle-area {
	display: block;
	width: 740px;
	margin: 0 20px 0 20px;
	padding: 0 0 0 0;
	float: left;
	background-color: transparent;
	
/*	overflow: hidden;*/
}

#middle-area #breadcrumb-wrapper {
	margin: 0 0 40px 0;
	border: 1px solid #D1D5D8;
}
#middle-area #breadcrumb-wrapper p {
	padding: 10px;
}


#middle-area h1 {
	font-size: 2em;
	font-weight: normal;
	color: #333333;
	margin: 6px 0 16px 0;
	padding-bottom: 8px;
	border-bottom: 2px solid #231F20;
}
#middle-area h2 {
	font-size: 1.6em;
	font-weight: normal;
	color: #231F20;
	margin: 6px 0 16px 0;
}
#middle-area h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #588b2c;
	margin: 4px 0 0 0;
}
#middle-area h4 {
	font-size: 1.3em;
	font-weight: bold;
	color: #588b2c;
	margin: 0 0 1px 0;
}

#middle-area p {
	font-size: 1.1em;
	color: #231F20;
	display: block;
	line-height: 1.2em;
	margin: 0 20px 10px 0;
}




#middle-area ol, #middle-area ul,
#home-page-area ol, #home-page-area ul {
	display: block;
	margin: 20px 20px 20px 40px;
}
#middle-area ul, #middle-area ul li,
#home-page-area ul, #home-page-area ul li {
	list-style: disc;
	list-style-type: disc;
}
#middle-area ol, #middle-area ol li,
#home-page-area ol, #home-page-area ol li {
	list-style: decimal;
	list-style-type: decimal;
}
#middle-area ol li, #middle-area ul li,
#home-page-area ol li, #home-page-area ul li {
	margin: 0 0 8px 0;
	line-height: 1.2em;
	color: #231F20;
}

#middle-area table {
	clear: both;
	border-collapse: collapse;
	margin: 20px 10px;
	border: 1px solid #cccccc;
	/*width: 700px;*/
}
#middle-area th {
	background-color: #e4e4e4;
	vertical-align: top;
	padding: 8px;
	border: 1px solid #cccccc;
	font-weight: bold;
}


/* hr styles for table */
#middle-area table th p {
	font-size: 1.4em;
	font-weight: bold;
}

/* hr styles end for table */

#middle-area td {
	background-color: #f4f4f4;
	vertical-align: top;
	padding: 8px;
	border: 1px solid #cccccc;
	line-height: 1.2em;
}


#middle-area .rhs-quote {
	display: block;
	float: right;
	width: 240px;
	margin: 0 0 10px 20px;
	text-align: right;
}
#middle-area .rhs-quote p {
	padding: 0 20px 20px 20px;
	font-size: 1.2em;
	font-style: italic;
	color: #D90E70;
}


#middle-area form.rhs-form input {
	font-weight: bold;
}
#middle-area form input.submit {
	display: block;
	margin: 0 auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border:2px solid #CCCCCC;
	color:#D90E70;
	padding: 10px;
}

#IE6root #inner-page-area, #IE6root #left-nav-area {
	height: 300px;
}


.contact-block {
	display: block;
	width: 230px;
	border: 2px solid #d1d8d8;
	float: left;
	min-height: 130px;
	margin: 10px;
	padding: 10px;
}

.contact-block-full {
	display: block;
	width: 530px;
	padding: 20px;
	border: 2px solid #d1d8d8;
	margin: 20px auto 40px;
	min-height: 130px;
}
#IEroot .contact-block {
	height: 130px;
}
.contact-block span.contact-block-item {
	display: block;
	width: 50px;
	float: left;
}
.highlight {
	background-color: #cccccc;
}



#middle-area a img {
	border: none;
}
#middle-area blockquote {
	margin: 20px 40px;
	display: block;
	
}

#middle-area div.shaded-box {
	display: block;
	overflow: auto;
	padding: 20px;
	background-color: #e4e4e4;
	margin: 20px;
}

/* added by Paddy for the image modal grid start */
#middle-area ul.image-grid {
	display: block;
	width: 95;
	margin: 0;
	padding: 0;
	border: 2px solid #5C90A5;
	text-align: center;
	overflow: auto;
	list-style-type: none;
}
#middle-area ul.image-grid li {
	display: block;
	float: left;
	padding: 7px;
	list-style-type: none;
}
#middle-area ul.image-grid li img {
	border: 1px solid #5C90A5;
}


/* latest news styles start */
#middle-area ul.latest-news {
	display: block;
	margin: 10px 0 20px 0;
	padding: 0;
	list-style: none;
}

#middle-area ul.latest-news li {
	display: block;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #f4f4f4;
	overflow: auto;
}
#middle-area ul.latest-news li strong {
	font-weight: bold;
	display: block;
	margin: 0;
	font-size: 1.4em;
}
#middle-area ul.latest-news li strong a:link, #middle-area ul.latest-news li strong a:visited {
	text-decoration: none;
}
#middle-area ul.latest-news li strong a:hover, #middle-area ul.latest-news li strong a:active {
	text-decoration: underline;
}
#middle-area ul.latest-news li p {
	margin: 6px 0;
}
#middle-area ul.latest-news li span.more {
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	padding: 8px;
	margin: 0 20px 0 0;
	float: right;
}
#middle-area ul.latest-news li span.more a:link, #middle-area ul.latest-news li span.more a:visited {
	text-decoration: none;
	padding: 4px;
	background-color: #e4e4e4;
}
#middle-area ul.latest-news li span.more a:hover, #middle-area ul.latest-news li span.more a:active {
	text-decoration: underline;
	padding: 4px;
	background-color: #e4e4e4;
}

/* latest news styles end */


#middle-area p .intro, #middle-area p.intro, #middle-area .intro {
	font-weight: bold;
}




/* middle area end */



/* footer styles start */
#footer-wrapper {
	display: block;
	clear: both;
	width: 1000px;
	margin: 30px auto;
	padding: 0;
  }

#footer-contact {
	display: block;
	clear: both;
	width: 1000px;
	height: 80px;
	padding: 0;
	background-image: url('http://www.bradford.ac.uk/T4-css-corporate/transit/images/footer-bg.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#footer-left {
	display: block;
	width: 540px;
	float: left;
	text-align: left;
	margin-left: 20px;
	margin-top: 35px;
}
#footer-right {
	display: block;
	width: 420px;
	float: right;
	text-align: right;
	margin-right: 20px;
	margin-top: 35px;
}
#footer-right ul li {
	display: block;
	float: right;
	margin-left: 20px;
}
#logos {
	text-align: right;
}
  
/* footer styles end */

/* Use this class if a link gets an icon when it shouldn't. */
body a.noicon { background:none; padding:0; margin:0; }

/* Make sure the icons are not cut */
/* removed the visited two a[href^="http:"]:visited, a[href^="https:"]:visited, */


a[href^="http:"],a[href^="https:"], a[href^="mailto:"],  
a[href$=".pdf"], a[href$=".doc"], a[href$=".docx"], a[href$=".xls"], a[href$=".xlsx"],
a[href$=".PDF"], a[href$=".DOC"], a[href$=".DOCX"], a[href$=".XLS"], a[href$=".XLSX"], a[href$=".rss"], 
a[href$=".rdf"], a[href^="aim:"] {
/*  padding:2px 22px 0px 0;
  margin:-2px 0;*/
  background-repeat: no-repeat;
  background-position: right center;
}

/* Files */
a[href$=".pdf"], a[href$=".PDF"]   { background-image: url(http://www.brad.ac.uk/T4-css-corporate/media/icons/pdf.png); padding:2px 22px 0px 0;  margin:-2px 0;}  
a[href$=".doc"], a[href$=".DOC"],
a[href$=".docx"], a[href$=".DOCX"]   { background-image: url(http://www.brad.ac.uk/T4-css-corporate/media/icons/doc.png); padding:2px 22px 0px 0;  margin:-2px 0;}  
a[href$=".xls"], a[href$=".XLS"],
a[href$=".xlsx"], a[href$=".XLSX"]   { background-image: url(http://www.brad.ac.uk/T4-css-corporate/media/icons/xls.png); padding:2px 22px 0px 0;  margin:-2px 0;}  


/* External links */
/*a[href^="http:"]         { background-image: url(http://www.brad.ac.uk/T4-css-corporate/media/icons/external.png); padding-right: 14px; } 
a[href^="https:"]         { background-image: url(http://www.brad.ac.uk/T4-css-corporate/media/icons/external.png); padding-right: 14px; }*/
a[target="_blank"]         { background-image: url(http://www.brad.ac.uk/T4-css-corporate/media/icons/external.png); padding:2px 22px 0px 0;  margin:-2px 0; } 
a[href^="mailto:"]        { background-image: url(http://www.brad.ac.uk/T4-css-corporate/media/icons/email.png);  padding:2px 22px 0px 0;  margin:-2px 0; }
/*a[href^="http:"]:visited  { background-image: url(../images/icons/visited.png); }*/

/* uni domain links */

a[href^="http://www.brad.ac.uk"],
a[href^="http://www.bradford.ac.uk"] { background:none; padding:0; margin:0; }


/* Misc */
/*a[href$=".rss"], 
a[href$=".rdf"]   { background-image: url(http://www.brad.ac.uk/T4-css-corporate/media/icons/feed.png); }
a[href^="aim:"]   { background-image: url(http://www.brad.ac.uk/T4-css-corporate/media/icons/im.png); }
* /
a[href^="http://www.brad.ac.uk"],
a[href^="http://www.bradford.ac.uk"] { background:none; padding:0; margin:0; }
*/
a.noicon { background:none; padding:0; margin:0; }
#right-area a, .right-extra-area a { background:none; padding:0; margin:0; }

/* turn off for tables */
/* Files */
#middle-area table a[href$=".pdf"], #middle-area table a[href$=".PDF"],
#middle-area table a[href$=".doc"], #middle-area table a[href$=".DOC"],
#middle-area table a[href$=".docx"], #middle-area table a[href$=".DOCX"],
#middle-area table a[href$=".xls"], #middle-area table a[href$=".XLS"]   { background:none; padding:0; margin:0; } 
/* end */