/* CSS Document */
/*-------------- DEFAULT LINK/PARAGRAPH/LIST STYLES------------------------------------------ */

a:link, a:visited         {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #003399;
	text-decoration: none;
	font-size: 100%;
}

a:hover         {
	font-family: verdana,arial,helvetica,sans-serif;
	color: #003399;
	text-decoration: underline;
	font-size: 100%;
}


blockquote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 145%;
	font-weight: normal;
	color: #333333;
}


blockquote p, blockquote blockquote {
	font-size: 100%;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 145%;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 145%;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding-bottom: 6px;

}

/* now as near bottom of document 26/5/04 IE can't handle left margins on lists
*ul {
*	font-family: Verdana, Arial, Helvetica, sans-serif;
*	font-size: 70%;
*	line-height: 140%;
*	font-weight: bold;
*	color: #333333;
*	margin-bottom: 5px;
*	margin-top: 0px;
*	background: #FFFFFF;
*	margin-left: 0px;
*	text-align: left;
}*/

/* ---------CREATES THE 75/25 SLIPT ON ALL THE TWO COLUMN PAGES 
(Applied to cell as not supported on browsers 4 and below if div class)--------------*/
.rightcolumnbg{
	background: #666666 center;
	border:0.1px solid #999999;
	text-align: center;
	width: 25%;
	margin: 0px;
	vertical-align: top;
	padding: 0px 0px 8px;

}
/*-------------- ARTICLE COMPONENTS------------------------------------------ */
div.articledividers {
	color: #333333;
	background: #FFFFFF;
	font-size: 100%;
	margin: 0px;
	padding: 4px 0px 0px;
	font-weight: normal;
	line-height: 100%;
	display: block;
	border-bottom: 1px solid #CCCCCC;
}
/* need to apply this style when a thumbnail is used */
div.articledividersimg {
	color: #333333;
	background: #FFFFFF;
	font-size: 100%;
	margin: 0px;
	padding: 4px 0px 0px;
	font-weight: normal;
	line-height: 100%;
	display: block;
	height: 105px;
	border-bottom: 1px solid #CCCCCC;
}
	
/* formats the article title */
.articletitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	line-height: 130%;
	color: #333333;
	margin: 0px;
	padding-bottom: 5px;
	background: #FFFFFF;
}

/* formats article title link*/
.articletitle a:link, .articletitle a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
	font-weight: bold;
	color: #333333;
	font-size: 100%;
	background: #FFFFFF;
}

.articletitle a:hover, .articletitle a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
	font-weight: bold;
	color: #333333;
	font-size: 100%;
	background: #FFFFFF;
}

/* formats the article strapline */
.articlestrapline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding-bottom: 10px;
	padding-top: 2px;
	margin: 0px;
	font-weight: bold;
	background: #FFFFFF;
	font-size: 70%;
	line-height: 135%;

}


/*-------------- EXTRA ELEMENTS WITHIN ARTICLE------------------------------------------ */
/* formats the futher information at the bottom of a full article */
div.moreinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	line-height: 140%;
	font-weight: bold;
	color: #666666;
	margin: 5px 0px 10px;
	padding-bottom: 8px;
	padding-top: 8px;
}
/* formats back to top icon and text*/
div.backtotop {
	font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #FFFFFF;
	padding: 2px 5px;
	text-align: left;
	margin-bottom: 10px;
	margin-top: 10px;

}
/* top five headings*/
div.topfive {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #D3D3D3;
	font-size: 70%;
	font-weight: bold;
	text-align: left;
	border: 1px solid #999999;
	margin: 8px 2px 2px;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;

}
/* top five listings for both web sites and stories*/
.topfive {
	font: bold 70%/160% Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px 5px 3px 8px;
	vertical-align: top;
	margin: 0px;
	border-bottom: 1px dotted #000066;
	border-right: 3px solid #FFFFFF;

}
/* formats the page numbers at the bottom (previous 1 2 3 4 5 next)*/
/* wrap around for when the page prints out*/
div.previousnext{
	margin-top: 10px;
	margin-bottom: 10px;
}
/* formats the next and previous options (making those cells wider than the numbers)*/
.next{
	text-align: right;

}

/* formats page number your on */
.selectednumbers{
	background: #ffffff;
	border: 1px solid #666666;
	text-align: center;
	width: 10%;
	font: bold 70% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding-top: 3px;
	padding-bottom: 3px;

}


/* -------------------------ALL IMAGES STYLES--------------------------------------*/
/* positions and sets dimensions for the large homepage photographs and the caption underneath. 
Altering the box's height in accordance to how large the caption is, I've set an temporary figure but test on IE.4 after adjustments*/
div.homepageimage {
	background: #FFFFFF;
	padding: 2px 4px 4px;
	width: 150px;
	margin: 0px 0px 0px 5px;
	float: right;
	border-bottom: 1px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;
	font: normal 80%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #666666;


}
/* positions and sets dimensions for thumbnail photographs */
.thumbnails {
	padding: 0px;
	margin: 3px 5px 5px 0px;
	background-position: 10px 0px;
	vertical-align: top;
	text-align: left;
	height: 85px;
	width: 85px;
	float: left;



}
/* positions and sets dimensions for landscape photographs */
div.landscapeimage {
    float: right;
	padding: 4px 0px 5px 10px;
	width: 250px;
    margin: 0px 0px 5px;
	font: normal 80%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

/* positions and sets dimensions for portrait photographs */
div.portraitimage {
	float: right;
	padding: 4px 0px 5px 10px;
    width: 200px;
	margin: 0px 0px 5px;
	font: normal 80%/130% Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}

/* positions spotlights  */
div.spotlightimg {
	margin: 4px;
	text-align: center;
}



/* -------------------------------EBULLETIN NAVIGATION--------------------------------*/
/* creates coloured bars for each section in the main navigation*/
div.ebullnavigation {
	font-size: 75%;
	font-weight: bold;
	line-height: 150%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	width: 100%;
	vertical-align: top;
	background: #666666;
	}
	

div.ebullnavigation .archivenotice {
background: #286556;
	border-left:0.1px solid #286556;
	border-right:0.1px solid #286556;
	border-bottom:0.1px solid #286556;
	border-top: 3px solid #66CCCC;
	color: #286556;
	}
div.ebullnavigation .news {
background: #660000;
	border:0.1px solid #660000;
	color: #660000;
	}

div.ebullnavigation .events {
	background: #990134;
	border:0.1px solid #990134;
	color: #990134;
	}
div.ebullnavigation .people{
	background: #0C5B83;
	border:0.1px solid #0C5B83;
	color: #0C5B83;
	}
div.ebullnavigation .business {	
	background: #330066;
	border:0.1px solid #330066;
	color: #330066;}
div.ebullnavigation .student_news {
	background: #7093A4;
	border:0.1px solid #7093A4;
    color: #7093A4;
}
div.ebullnavigation .publications {
background: #67593C;
	border:0.1px solid #67593C;
	color: #67593C;}
div.ebullnavigation .archive {
background: #286556;
	border:0.1px solid #286556;
	color: #286556;}

div.ebullnavigation .features {
background: #00496C;
	border:0.1px solid #00496C;
	color: #00496C;}

div.ebullnavigation .vacancies {
background: #6D6DB6;
	border:0.1px solid #6D6DB6;
	color: #6D6DB6;}

div.ebullnavigation .out {
background: #57832C;
	border:0.1px solid #57832C;
	color: #57832C;}

div.ebullnavigation .students {
background: #7B2852;
	border:0.1px solid #7B2852;
	color: #7B2852;}

div.ebullnavigation .board {
background: #AA7300;
	border:0.1px solid #AA7300;
	color: #AA7300;}




div.ebullnavigation .search{
background: #999999;
	border:0.1px solid #999999;
	color: #999999;}
div.ebullnavigation .home{
background: #000066;
	border:0.1px solid #000066;
	color: #000066;}
div.ebullnavigation .spotlight{
background: #666666;
	border:0.1px solid #666666;
	color: #666666;}
	
div.ebullnavigation a:link, div.ebullnavigation a:visited{
color: #FFFFFF;
	text-decoration: none;
	font-size: 90%;
}
div.ebullnavigation a:hover, div.ebullnavigation a:active{
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 90%;
}
/* used for subnavigation*/
div.ebullnavigation span{
	padding: 0px;
	font-size: 90%;
	font-weight: bold;
	line-height: 140%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 4px;
	width: 100%;

	}

/*-------------------- OTHER ELEMENTS -------------------------*/
/* WRAPPED AROUND QUICK SEARCH FORM ELEMENT TO IDENTIFY WHEN PRINTING*/


label {
	font: bold 75%/180% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;

}

.ebullsearchform {
	padding: 8px 0px 10px 5px;
	background: #D3D3D3;
	margin: 0px;
        color: #000000;
}

div.quicksearchcontent{
	text-align: left;
}
/* WRAPPED AROUND UNIVERSITY NAVIGATION BAR TABLE TO IDENTIFY WHEN PRINTING*/
div.uninav{}
/* used in bottom university navigation bar (only way to pass bobby and XHTML guidelines */
.uninavspacer {
	font: 10%/10% Verdana, Arial, Helvetica, sans-serif;
	color: #000066;
	margin: 0px;
	padding: 0px;
}


/* -------- Default heading styles for use within article body copy --------------*/
h2 {
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	margin-bottom: 2px;
	margin-top: 7px;

}
h3 {
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	margin-bottom: 2px;
	margin-top: 7px;

}
h4 {
	color: #333333;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	margin-bottom: 2px;
	margin-top: 7px;

}

/* -------- Default list styles for bullets and numbered lists --------------*/
ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 140%;
	font-weight: normal;
	color: #333333;
	margin-bottom: 10px;
	margin-top: 0px;
	background: #FFFFFF;
	text-align: left;
}

ol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 140%;
	font-weight: normal;
	color: #333333;
	margin-bottom: 10px;
	margin-top: 0px;
	background: #FFFFFF;
	text-align: left;

}

li {
margin-bottom: 5px;}


/* -------- Paragraph style for literal blocks --------------*/
/* p.literalblocks{
 * margin-left:15px;
 * margin-top:2px;
 * margin-bottom:5px}
 */

pre.literal-block {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 145%;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding-bottom: 6px;
 margin-left:15px;
 margin-top:2px;
 margin-bottom:5px}

/* another tweak */

body {color: #ffffff;}


/*-- styles for change to internal home page for new staff magazine 15/12/09 --*/

div.forssportal {margin: 20px 0 0 0; background:url("forssportal_bg.jpg") no-repeat 0 0; border-bottom: none; padding: 10px;}

div.forssportal p {font: bold 110%/140% Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 0 0; padding: 0;}

div.forssportal a {color: #fff;}

div.forssportal h3 {font: bold 180%/140% Tahoma, Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 3px 0; color: #fff; border-bottom: 1px solid #71BBBB;}

div.forssportal h3 span.normal {font: normal 70%/140% Verdana, Arial, Helvetica, sans-serif;}

/*-- end of styles for change to internal home page for new staff magazine 15/12/09 --*/

/* style 'News and Events' link in top right corner */

.ebulllogo a {color:#FFF; font-size:1.4em; margin:0 20px 0 0;}
.ebulllogo a:link, .ebulllogo a:visited {text-decoration:none;}
.ebulllogo a:hover {text-decoration:underline;}

/* additions */

.uol-archive-title {
        text-align : center ; 
        font-size:1.4em; 
        color: #AAAAAA ;
}

.uol-archive-title a {color:#AAAAAA;}