html {
  font-size: 76%;
  }

body {
  	font-family: Arial, Verdana, Helvetica, "Sans Serif";
	font-size: 0.8em;
	margin: 10px 15px 10px 15px;
	padding: 0px 0px 0px 0px;
  }

div.box
{
	font-family: Arial, Verdana, Helvetica, "Sans Serif"; 
	color: #000000;
	font-size: 0.8em;
	text-align: left;
	border: 1px solid #3D9140;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px; 
}
div.message
{
	font-family: Arial, Verdana, Helvetica, "Sans Serif"; 
	border: 2px solid;
	padding: 5px;
	width: 95%; 
}
#skipnav {
    position: absolute;
    left: -9999px;
	font-size: small;
	}
	
#skipnav a:focus {
  display: block;
	position: absolute;
	top: 20px; 
	left: 10020px; 
	font-size: large; 
	padding: 10px; 
	width: 15em; 
	z-index: 1;
	border: solid 2px;
	}
	
#skipnav a:active {
  display: block;
	position: absolute;
	top: 20px;
	left: 10020px;
	font-size: large;
	padding: 10px;
	width: 15em;
	z-index: 1;
	border: solid 2px;
	}

.hidden {
	display: none;
  }


/* masthead styles */

#masthead {
 	font-family: Arial, Verdana, Helvetica, "Sans Serif";
	font-size: 1em;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 100%;
	display: block;
  } 

#masthead img {
	float: left;
	border-style: none;
	margin: 10px 10px 10px 10px;
	background-image: url(http://www.brad.ac.uk/lss/images/uobtranswhite65px.png);
  }
  
* html #masthead img {
  background-image: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/lss/images/uobtranswhite65px.png',sizingMethod='scale');
}

#masthead h1 {
	text-align: right;
	float: right;
	clear: right;
	font-size: 2em;
	margin: 0px 10px 0px 0px;
	padding: 5px 10px 0px 10px;
	width: 50%;
	}

#masthead p {
	font-size: 0.9em;
	font-weight: bold;
	margin: 5px 5px 0px 5px;
	padding: 0;
	float: left;
  }
  
#masthead a {
	text-decoration: none;
  }  

#masthead p.subtitle {
	text-align: right;
  float: right;
 clear: right;
  font-weight: normal;
	font-size: 0.9em;
	margin: 0px 10px 0px 0px;
	padding: 5px 10px 0 0;
	width: 45%;
}

#masthead p.a-z {
	text-align: right;
  float: right;
 clear: right;
  font-weight: bold;
	font-size: 0.9em;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0 0;
	width: 45%;
	}
		 
#masthead form {
	margin: 5px 10px 0 0;
	padding: 0 10px 0 0; 
	top: 0%;
	left: 100%;
	text-align: right;
	float: right;
  }

#masthead form p {
	margin: 0px 0px 2px 0px;
	text-align: right;
  }
#topnav {
 	font-family: Arial, Verdana, Helvetica, "Sans Serif";
	font-size: 0.9em;
	float:left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
  display: block;
  }

#topnav ul {
		 clear: both;
		 width: 100%;
		 display: block;
		 list-style: none;
		 text-align: center;
		 border-width: 0px 0px 0px 0px;
		 border-style: none none none none;
		 margin: 2px 0px 2px 0px;
		 padding: 1px 0px 1px 0px;
}

#topnav li {
		 display: inline;
		 text-align: center;
		 padding: 0px 0.2em 0px 0.1em;
		 margin: 0px 0.2em 0px 0.1em;
		 border-width: 0px 1px 0px 0px;
		 border-style: none solid none none;		 
}

#topnav a {
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#topnav a:hover {
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}


/* container styles */
#container {
	width: 100%;
	float: left;
	margin-right: -21%;
  }

/* leftcolumn styles */
#leftcolumn {
	float: left;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 20%;
	max-width: 230px;
	min-width: 141px;

  }

#leftcolumn h1 {
	text-align: left;
	padding: 0px 0.2em 0px 0em;
	margin: 0px 0px 0px 0px;
 	font: 1.2em Arial, Verdana, Helvetica, "Sans Serif";
	line-height: 1.3em;
	font-weight: bold;
  }
  
#leftcolumn a
{
	text-align: left;
	text-decoration: none;
}
#leftcolumn a:hover
{
	text-align: left;
	text-decoration: underline;
}

#leftcolumn ul {
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 5px;	 
  }

#leftcolumn li {
list-style-type: none;
background: url('/images/study-bullet.gif') center left no-repeat;
	margin: 0px 0px 0.2em 0px;
	padding: 0 0 0 15px;
	text-indent: 0;  }
  
#leftcolumn li.nav {
	list-style-type: none;
	padding: 0px 0px 10px 0px;
	margin: 0px;
  }
  
#leftcolumn form {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none;
  }
  
#leftcolumn fieldset {
  border: 1px;
  border-style: dotted;
  padding: 2px;
}

#leftcolumn legend {
  border: 0px;
  padding: 0px 0px 1px 0px;
  display: block;
  text-align: left;
  font-weight: bold;
}
#leftcolumn hr {
	width: 80%;
	height: 1px;
  }

#leftcolumn p {
	text-align: center;
  }


/* centre styles */

#centre {
	font-size: 1.2em;
 	line-height: 1.4em;
	float: right; 
	width: 55%; 
 	margin-right: 22%;
	padding: 0px 5px 0px 5px;
	display: inline;
  }			 


#rollover a {
  display: block;
  width: 24px;
  height: 30px;
  background: transparent url(../buttons/contents.gif) no-repeat;
}
#rollover a:hover {
  background-position: -24px;
}

#anchor1 { 
width : 100px; 
height : 20px; 
background-image : url(foo.png); 
} 

#anchor1:hover { 
background-image : url(bar.png); 
} 

#activity {
  padding: 5px;
}

#activity input.button {
  font-size: 1em;
  font-style: normal;
  border-width: 0px 0px 0px 0px;
  text-decoration: underline;
  text-align:left;
  margin: 0px 0px -2px 0px;
  padding: 0px;
  }


#centre a.small {
	font-size: 0.8em;
}

 

#centre h1 {
 	font-family: Arial, Verdana, Helvetica, "Sans Serif";
	font-size: 1.9em;
	margin: 20px 0px 10px 0px;
	padding: 10px 0px 0px 0px; 
	font-weight: bold;
	line-height: 120%;
  }
  
#centre h2 {
	margin: 10px 0px 5px 0px;
	padding: 10px 0px 5px 0px;
 	font: 1.5em Arial, Verdana, Helvetica, "Sans Serif";
	font-weight: bold;
	line-height: 120%;
  }

#centre h2.line {
  border-top: 1px solid #cccccc;
}

#centre h3 {
	margin: 10px 0px 5px 0px;
	padding: 10px 0px 5px 0px;
 	font: 1.3em Arial, Verdana, Helvetica, "Sans Serif";
	font-weight: bold;
  }
  
#centre h3.tip {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
 	font: 1.3em Arial, Verdana, Helvetica, "Sans Serif";
	font-weight: bold;
	clear: both;
  }   
  
#centre h4 {
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
 	font: 1.2em Arial, Verdana, Helvetica, "Sans Serif";
	font-weight: normal;
	clear: both;
  }
  
#centre img {
  margin: 2px;
  padding: 2px;
  }
  
#centre img.left {
	float: left;
	padding: 10px 10px 10px 0px;
	border: none;
  }

#centre img.home {
	float: left;
	padding: 10px 10px 10px 0px;
	border: 3px;
  }

  
#centre img.right {
	float: right;
	padding: 10px 0px 10px 10px;
	border: none;
}

#centre p {
	margin: 0px 0px 9pt 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.1em;
	line-height: 150%;
	letter-spacing: 0.035em;
  } 
  
#centre p.breadcrumb {
	font-size: 0.9em;
  }   
  
#centre p.caption {
    clear: both;
	}

#centre p.indent {
  text-indent: -4.2em;
  padding-left: 60px;
  font-weight: bold;
  margin-top: 15px;
}  
  
#centre p.right {
	text-align: right;
	font-size: 0.9em;
	  }   
  
#centre span.tip {
	font-weight: bold;
	font-size: 1.2em;
	padding: 2px 10px 2px 10px;
	margin: 5px 10px 20px 0px; 
	border: 	1px solid ;
  } 
  
  
#centre span.rss {
	font-weight: bold;
	font-size: 1.2em;
	padding: 1px 3px 1px 3px;
	margin: 2px 2px 2px 0px;
	text-decoration: none;
		border: none;
  }    

#centre table {
	border: collapse;
	margin: 20px 0 20px 0;
	
  }
  
#centre table.full {
	border-collapse: none;
	margin: 20px 0 20px 0;
	width: 95%;
  }  
  
#centre caption {
	text-align: left;
    margin: 0.5em 0px 0.3em 0px;
 	font: 1.1em Arial, Verdana, Helvetica, "Sans Serif";
	font-weight: bold;
	clear: both;
}  

#centre th {
	margin: 0;
	padding: 0px 5px 0px 5px;
	text-align: left;
  }
  
#centre th.subcol {
	font-weight: normal;
	margin: 0;
	padding: 0px 5px 0px 5px;
	text-align: left;
	border: 1px solid;
  }
  
#centre th.centre {
	font-weight: normal;
	margin: 0;
	padding: 0px 5px 0px 5px;
	text-align: center;
  }  

#centre td {
	margin: 0;
	padding: 0px 5px 0px 5px;
	text-align: left;	
	vertical-align: top;
	border: 1px solid;
  }
  
#centre td.centre {
	margin: 0;
	padding: 0px 5px 0px 5px;
	text-align: center;	
	vertical-align: top;
  }  

#centre table.devme {
	margin: 0px;
	padding: 5px;
	border-width: 0;
	border: collapse;
  }  
  
#centre td.devme {
	text-align: center;	
	border-width: 0;
  }  
    
#centre td.devmeleft {
	text-align: left;	
	border-width: 0;
  }  
  
#centre table.skills {
	margin: 0.2em 1em 0.75em 1em;
	width: auto;
	padding: 10px;
}

#centre td.skills {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: left;
	vertical-align: middle;
	margin: 10px;
	width: 33%;
	padding:  10px;
}

#centre td.emp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 10px;
	width: 33%;
	padding:  10px;
}

#centre td.ind {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 10px;
	width: 33%;
	padding:  10px;
}

#centre td.read {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 10px;
	width: 33%;
	padding:  10px;
}

#centre td.write {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 10px;
	width: 33%;
	padding:  10px;
}

#centre td.maths {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 10px;
	width: 33%;
	padding:  10px;
}

#centre td.comms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 10px;
	width: 33%;
	padding:  10px;
}
#centre td.it {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 10px;
	width: 33%;
	padding:  10px;
}
#centre td.lib {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 10px;
	width: 33%;
	padding:  10px;
}
	
	
#centre ul {
	padding: 0 0 8px 20px;
	margin: 0 0 8px 20px;
    list-style-type: square;
  }
  
#centre ul.circle {
font-size: 0.8em;
	padding: 0 0 0 0px;
    list-style-type: circle;
  }  
  
#centre ul.alpha {
	padding: 0 0 0 20px;
    list-style-type: lower-alpha;
  }    
  
#centre ul.roman {
	padding: 0 0 0 20px;
    list-style-type: lower-roman;
  }   
  
#centre ul.none {
	padding: 0 0 0 20px;
    list-style-type: none;
  }   
  
#centre ol {
	padding: 0 0 8px 20px;
	margin: 0 0 8px 20px;
  }  

#centre li {
    margin: 0.2em 0 0.2em 0;

	line-height: 150%;
	letter-spacing: 0.035em;
	}
	
#centre li.nested {
    margin: 0.2em 0 0.2em 0;
		font-size: 1.0em;
	line-height: 150%;
	letter-spacing: 0.035em;

	}
		
#centre dt {
	font-weight: bold;
	padding: 3px 0 0 0;
	}
	
#centre dd {
	margin: 0 0 0 20px;
	}
	
#centre fieldset {
	border: 1px dotted #cccccc;
	padding: 2px;
	}

	
#centre label {
	padding: 0 0 10px 5px;	
	}			
		
#centre legend {
	font-weight: bold;
	padding: 0 0 10px 0;	
	}
	
#centre input,checkbox {
	padding: 3px 0 3px 5px;	
	}	
	
#centre fieldset {
	margin: 0 0 10px 0;	
	}
			 		 	 
/* rightcolumn styles */
#rightcolumn {
	float: right;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	width: 20%;
	max-width: 230px;
	min-width: 141px;
	border: 1px solid;
}
#rightcolumn p.tip {
	padding: 10px;
	font-weight:bold;
}
#rightcolumn a.tip {
	text-decoration:underline;
}
#rightcolumn ul.picturebutton {
	padding: 10px 0px 0px 0px;
	margin: 0px auto 0px auto;
	list-style-type: none;
	text-indent: 0;
	text-align: center;
}
#rightcolumn ul.picturebuttontop img {
	margin: 0 auto 0 auto;
	padding: 20px 0px 0px 0px;
}
#rightcolumn li.nav {
	list-style-type: none;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}
#rightcolumn img {
	border-style: none;
}
#rightcolumn h1 {
	display: block;
	text-align: center;
	margin: 0px 0px 5px 0px;
	padding: 0px 0.2em 0px 0.2em;
 	font: 1.2em Arial, Verdana, Helvetica, "Sans Serif";
	line-height: 1.4em;
	font-weight: bold;
}  
#rightcolumn a
{
	text-align: left;
	text-decoration: none;
}
#rightcolumn a:hover
{
	text-align: left;
	text-decoration: none;
}
#rightcolumn ul {
	padding: 5px 5px 15px 5px;
	margin: 0px 0px 0px 2em;
	list-style-type: square;
}

#rightcolumn a.news
{
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 2px 0px;
	font-weight: bold;
}
#rightcolumn a:hover.news
{
	text-align: left;
	text-decoration: none;
}
#rightcolumn ul {
	padding: 5px 5px 15px 5px;
	margin: 0px 0px 0px 2em;
	list-style-type: square;
}

#rightcolumn li {
	margin: 0px 0px 2px 0px;
}

#rightcolumn li.news
{ 
	margin: 0px 0px 2px 0px;
}

#rightcolumn  p.news
{   
	margin: 10px 10px 10px 10px;
	font-weight: bold; 
}

#rightcolumn hr {
	width: 80%;
	height: 1px;
}
#altrightcolumn {
	float: right;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 4px;
	width: 20%;
	max-width: 230px;
	min-width: 141px;
	    border-left: 1px solid;
}	
#altrightcolumn ul {
	padding: 5px 5px 15px 15px;
	margin: 0px 0px 0px 2em;
	list-style-type: square;
}
#altrightcolumn h1 {
	display: block;
	text-align: left;
	margin: 0px 0px 5px 0px;
	padding: 0px 0.2em 0px 0.2em;
 	font: 1.3em Arial, Verdana, Helvetica, "Sans Serif";
	line-height: 1.4em;
	font-weight: bold;
}
#altrightcolumn p {
	margin: 0px 0px 5px 0px;
	padding: 0px 0.2em 0px 0.2em;
} 
#altrightcolumn a
{
	text-align: left;
	text-decoration: none;
}
#altrightcolumn a:hover
{
	text-align: left;
	text-decoration: none;
}
#altrightcolumn ul {
	padding: 5px 5px 15px 5px;
	margin: 0px 0px 0px 2em;
	list-style-type: square;
}
#altrightcolumn li {
	margin: 0px 0px 2px 0px;
}   
#altrightcolumn img {
	margin: 0px;
	border-style: none;
	padding: 10px 0px 10px 0px;
	text-align: center;
}
/* footer styles */

#footer {
    font-size: 0.85em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	text-align: right;
  }

#footer p.nav {
	display: block;
	padding: 3px 3px 4px 3px;
	margin: 5px 0px 5px 0px;
	border-bottom: 1px solid #cccccc;
  }

#footer p {
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 0px;
}

#footer img {
	border-style: none;
}

#footerleft {
	float: left;
	text-align: left;
}

#footerright {
	float: right;
	clear: right;
}

#fullpage #centre {
	width: 78%; 
 	margin-right: 0;
}

#fullpage #rightcolumn {
	display: none;
	visibility: hidden;
}

#sidebar #centre {

}

#sidebar #rightcolumn {

}