@charset "iso-8859-1";
/* CSS Document */
body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #d1dee4;
}
h1   {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000066;
	margin-top: 0;
}
h2   { font-family: Verdana, Arial, Helvetica, sans-serif;
       color:#00487D;
}
h3   { font-family: Arial, Helvetica, sans-serif;
	   color: #00487D;
}
p    { font-family: Arial, Helvetica, sans-serif;
}
li   { font-family: Arial, Helvetica, sans-serif;
}
.floatimage ul {
  list-style-type: none;;
}
.floatimage ul li { padding-left:70px; overflow:hidden;  margin-bottom: 6px }
.floatimage ul li img { float:left; }
.floatimage ul li img { float:left; position:relative; left:-70px; }
.floatimage ul li img {
	float:left;
	position:relative;
	left:80;
	margin-right:-60px;
	top: 80;
}
.image-right-noborder  {
float:right;
margin-left:10px;
2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
}
.image-right-noshadow  {
float:right;
margin-left:10px;
}
/*UoB styling*/
#introtext {padding: 2px;
			width: 88%;
             margin: 8px 0;
			 margin-left:2em;}
#introtext h1 {color:#29556F;
               margin-top: 0;
               }

#col1 {width: 42%;
       float: left;
	   margin-left:2em;}

#col2 {width: 42%;
       margin-left: 51%;
	   	   margin-right:2em;}

.homebox {border-right: 3px #E9EEF1 solid;
		  border-bottom: 4px #598F8F solid;
          margin-bottom: 12px;
          padding: 6px;
		  background-color:#FFFFFF;
		  2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);}
.homebox h2 {margin-bottom: 0;
margin-top: 0;}

.homebox h2 a, .homebox h3 a
  {color: #598F8F;
   text-decoration: none;}

.headinglink {
	text-decoration: none;
	font-weight: bold;
	color: #CC3333;
} 
.headinglink:hover {
	text-decoration: none;
	font-weight: bold;
	color: #FF00FF;
	}
.nodec {
	text-decoration: none;
	}
.nodec:hover {
	text-decoration: none;
	color: #FF00FF;
	}
.nodec:visited  {
	text-decoration: none;
	color: #0000FF;
	}
/*button links */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
a:hover { border-color: #ccc; }
.lesson {
	text-decoration: none;
		font-weight: bold;
		color: #0000FF;
}
.lesson:hover {
	text-decoration: none;
		font-weight: bold;
		color: #FF00FF;
}
.sublink {
	text-decoration: none;
	color: #CC3333;
} 
.sublink:hover {
	text-decoration: none;
	color: #FF00FF;
}
/* top navigation including search box */
#navparent {margin-top: 0px;
			margin-bottom: 0px;
		  background-image: url(images/top-bg.gif);
		  background-repeat: repeat-x;
		  padding: 5px;
		  position: relative;
}
ol.lowerroman li {list-style-type: lower-roman;}
/* top navigation bar tab appearance*/
a.bg{text-decoration: none;
	padding: 4px 10px 5px 14px;
	font-weight: bold;
	color: #00487D;
	background-attachment: scroll;
	background-image: url(images/paleblue.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 8px;
	2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
}
a.bg:visited {
	text-decoration: none;
	font-weight: bold;
	color: #00487D;
	2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
} 
a.bg:hover { text-decoration: none;
	          font-weight: bold;
              color: #FFFFFF;
			  2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
}
/* top navigation bar navbox_1 numerous links section, link style */
/*old a.nav:link { text-decoration: none;
	         font-weight: bold;
             color: #000000;
}			
*/
a.nav{text-decoration: none;
	padding: 4px 10px 5px 14px;
	font-weight: bold;
	color: #990066;
	background-attachment: scroll;
	background-image: url(images/linktab2.gif); 
	background-repeat: no-repeat;
	background-position: left top; 
	padding-bottom: 8px;
	2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
	}
.nav.backgound-img {margin: 0;}

a.nav:visited {
	text-decoration: none;
	font-weight: bold;
	color: #990066;
	2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
} 
a.nav:hover { text-decoration: none;
	          font-weight: bold;
              color: #FFFFFF;
			  2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
}
/* second navigation bar */
#navbox_2 { 
	margin-left: 8px;
		margin-right: 3px;
			background: #d1dee4;
	font-weight: bold;
	text-decoration: none;
		 }
/* second navigation bar highlighted when on the page */
a.white{font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

/* second navigation bar navbox_2 link style */
a.nav_2:link { 	font-weight: bold;
	text-decoration: none;
             color: #000000;
}
a.nav_2:visited { 	font-weight: bold;
	text-decoration: none;
             color: #990066;
}			 
a.nav_2:hover { 	font-weight: bold;
	text-decoration: none;
              color: #FFFFFF;
}
/* left-hand navigation */
#left_navbox {float: left;
		  background: #d1dee4;
		  padding: 8px;
		  width: 22%;
}

/* left-hand navigation bar left_nav link style */
a.left_nav:link { text-decoration: none;
	         background-color: transparent;
			 font-size:small;
}		
a.left_nav:visited { text-decoration: none;
				color:#CC0099;
	            background-color: transparent;
				font-size:small;
} 	
a.left_nav:hover {text-decoration: none;
				color: #ff00ff;
              background-color: transparent;
			  font-size:small;
}
a.left_bold:link { text-decoration: none;
	         background-color: transparent;
 	font-size: large;
}		
a.left_bold:visited { text-decoration: none;
				color:#CC0099;
	            background-color: transparent;
 	font-size: large;
} 	
a.left_bold:hover {
	text-decoration: none;
	color: #ff00ff;
	background-color: transparent;
 	font-size: large;
}
/*smaller font size*/
.small {font-size:small;}
/* main content area */
#content  {background-color:#ffffff;work
	   	   color:#000000;
		   margin-top:0em;
		   margin-left:24%;
		   width: 68%;
		   padding: 14px;
           border-right: 3px #E9EEF1 solid;
		   border-bottom: 4px #598F8F solid;
			2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
}
#cont  {background-color:#ffffff;
	   	   color:#000000;
		   margin-top:0em;
		   width: 750px;
		   padding: 14px;
           border-right: 3px #E9EEF1 solid;
		   border-bottom: 4px #598F8F solid;
			2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);	   
}
#cont-wide {background-color:#ffffff;
	   	   color:#000000;
		   margin-top:0em;
           margin-left:5%;
		   width: 90%;
		   padding: 14px;
           border-right: 3px #E9EEF1 solid;
		   border-bottom: 4px #598F8F solid;
			2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
}
#box {background-color:#ffffff;
	   	   color:#000000;
		   width:350px;
		   margin-top:0em;
		   padding: 0.5px;
		   border: 2px solid #60869e;
}
/* central content link style */
a.cont-link:link { text-decoration: none;
			color: #ecf2ff;
	         background-color: transparent;
}		
a.cont-link:visited { text-decoration: none;
		        color: #000066;
	            background-color: transparent;
} 	
a.cont-link:hover { text-decoration: none;
              color: #b01c2e;
			  text-decoration:underline;
              background-color: transparent;
}
/* non-logo list */
.spacelist li {margin-bottom: 6px;}
/* abc list */
.abclist li {margin-bottom: 6px;
			list-style-type: upper-alpha;
			font-weight: bold;
}
/* logo list */
.space-image li {margin-bottom: 6px;
				list-style-image: url(images/fav.gif);
				padding-left: 0.25em;
}
/* list with doc image */
.doc-image li {margin-bottom: 6px;
				list-style-image: url(images/icons/doc.gif);
				padding-left: 0.25em;
}
/* pdf list */
.pdf li {margin-bottom: 6px;
				list-style-image: url(images/pdf.gif);
				padding-left: 0.25em;
}
/* ppt list */
.ppt li {margin-bottom: 6px;
				list-style-image: url(images/ppt.gif);
				padding-left: 0.25em;
}
/* film list */
.film li {margin-bottom: 6px;
				list-style-image: url(images/film.gif);
				padding-left: 0.25em;
}
.shadow {2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);}
/* table with block-blue headers */
.stafftable {border-collapse: collapse;}
.stafftable td {border:1px solid #a2c1c1;
padding: 3px;
background-color: #FFFFFF;}
.stafftable th 	{border:1px solid #a2c1c1;
				color:#000000;
background-color: #f5f5f5;}
.stafftable img {
box-shadow: 2px 2px 10px #bdbcb0; -moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3); -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);}

.border {
	border-top-color:#a2c1c1;
	border-bottom-color:#a2c1c1;
}
/* table with block-blue headers, white background*/
.whitetable td {border:1px solid #a2c1c1;
background-color: #FFFFFF;}
.whitetable th 	{border:1px solid #a2c1c1;
				background-color:#dbe7e7;
				font-size:110%;
				color:#000000;}
/*  order form */
.mlwintable td {
	border:1px solid #a2c1c1;
	background-color: #f5f5f5;
	font-size:75%;
		font-weight:bold;
	vertical-align: top;
	padding:3px;
}
.mlwintable th 	{border:1px solid #a2c1c1;
				background-color:#dbe7e7;
				font-size:120%;
				color:#000000;}
/* white table */

.stats-table {border-collapse: collapse}

.stats-table th {background-color:#d1dee4;
				padding:10px;
				border:1px solid #60869e; 
				text-align:center;		
}
.stats-table td {background-color: #ffffff;
				padding:10px;
				border:1px solid #60869e; 
				text-align:right;}
.green-border {border:2px #60869e solid; }
/* workshop table */
.workshop {border-collapse: collapse}

.workshop th {background-color:#d1dee4;
				padding:2px;
				border:1px solid #60869e; 
				text-align:center;
				font-size:120%;
				color:#00487D;		
}
.workshop td {background-color: #ffffff;
				padding:2px;
				border:1px solid #60869e; 
				text-align:left}
				
.green-border {border:2px #60869e solid; }
/* search box */
#search  {
	background: #669999;
	position: absolute;
	top: 1px;
	right: 3px;
	padding: 8px;
}
/* form styles */
.rf			{color: #ff0000;}
.blue 	{color: #330066; font-weight:bold; font-style: italic;}
.yellow-F {
	background-color: #FFFFD2;
	padding:2px;
}
.section	{
	background:  #FFFFFF;
	padding:6px;
	margin-top:0em;
	margin-left:5%;
	width: 90%;
	padding: 14px;
	border-style: none;
}
.legend	{color: #00487D;
		font-size:120%;
		padding:4px;}
input.paleblue {background-color:#F5F5F5;}
.nodisplay {display: none;}
/*buttons*/

.button { font-family: Arial, Helvetica, sans-serif;
font-size:140%;
	   color: #00487D;
}
/**image positions - the lower the number the higher the image sits on the line **/
.lower {
   position:relative;
      top:6.0pt; 	  
	  mso-text-raise:-5.5.0pt;
}
.justbelow {
   position:relative;
   top:3.0pt;
   mso-text-raise:-5.0pt;
}
/* footer styles */
.footer {text-align: center;
		 background-color: transparent;
		 font-size:10px;
}
.footer a:link {background-color: transparent;
}
.footer a:visited {background-color: transparent;
}
.footer a:hover { color: #ff00ff;
background-color: transparent;
}