/* BCU website at http://www.bcu.ac.uk/
REMEMBER TO ADJUST THE IE STYLESHEET AS WELL!
 */

body {
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
}

/* BLUE TYPE (highlighted) */

.shield_bg {
	background: url('images/sheild-bg.gif');
}
.reg_bg {
	background: url('images/reg-bg.gif');
}
.l3_bg {
	background: url('images/l3_bg.gif');
}
.fBg {
	background: url('images/fBg.jpg');
}

.blue, .BLUE {
	color: #330066;
}
.resultsblue {
	color: #006699;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 13px;
}
.detailsblue
	{
	color: #006699;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 13px;
	}

/* ICON HEADERS */

.header
	{
	color: #330066;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 12px;
	}

/* TYPE & VARIATIONS IF NEEDED */

.normallarge
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 13px;
	}
.resultslarge
	{
	color: #ffffff;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
	}
.detailslarge
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 13px;
	}

/* NORMAL TYPE & VARIATIONS IF NEEDED */

.normal
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
	}
.question
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 11px;
	}
.results
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
	}
.details
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
	}

/*  NORMAL TYPE & COLOUR VARIATIONS */

.normalwhite
	{
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 12px;
	}
.normalblack
	{
	color: #000000;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 12px;
	}

/* SMALL */

.normalsmall
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 11px;
	}
.resultssmall
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 11px;
	}
.detailssmall
	{
	color: #5C5C5C;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 11px;
	}

/* GENERAL LINKS */
A { color: #cc0066 }

/* MAIN MENU TABLE CELL */

.topmenu_l3
{
color: #006699;
font-weight: normal;
font-family:Verdana,Arial;
font-size: 11px;
text-decoration:none;
background: url('images/l3_bg.gif');
}
.topmenu
	{
	color: #006699;
	font-weight: normal;
	FONT-FAMILY:Verdana,ARIAL;
	font-size: 11px;
	TEXT-DECORATION:none;
	}

/* MAIN MENU A-LINK */

A.tm
	{
	color: #006699;
	font-weight: normal;
	FONT-FAMILY:Verdana,ARIAL;
	font-size: 11px;
	TEXT-DECORATION:none;
	}
A.tm:HOVER
	{
	color: #FFAA24;
	TEXT-DECORATION:underline;
	}
	A.ac
	{
	color:#8BA4B2;
	TEXT-DECORATION:none
	}
	A.ac:HOVER
	{
	color: #330066;
	TEXT-DECORATION:underline;
	}

/* MAIN MENU SELECTED A-LINK */

A.ts
	{
	color: #006699;
	font-weight: bold;
	FONT-FAMILY:Verdana,ARIAL;
	font-size: 11px;
	TEXT-DECORATION:none;
	}
A.ts:HOVER
	{
	color: #FFAA24;
	TEXT-DECORATION:underline;
	}

/* SECONDARY MENU A-LINK */
.topmenu2

	{
	color: #FFFFFF;
	font-weight: normal;
	FONT-FAMILY:Verdana,ARIAL;
	font-size: 10px;
	TEXT-DECORATION:none;
	background: url('images/l3_bg.gif');
	}
A.sm
	{
	color: #FFFFFF;
	font-weight: normal;
	FONT-FAMILY:Verdana,ARIAL;
	font-size: 10px;
	TEXT-DECORATION:none;
	}
A.sm:HOVER
	{
	color: #FFAA24;
	TEXT-DECORATION:underline;
	}

/* IN PAGE MENU LINKS */

A.cm
	{
	TEXT-DECORATION:none;
	}

A.cm:HOVER
	{
	TEXT-DECORATION:underline;
	}

/* FOOTER COPY RIGHT TEXT /*

.copyright
	{
	FONT-FAMILY:Verdana,ARIAL;
	font-size: 9px;
	}

/* BLOCKQUOTE BOX OF REFERENCES */

BLOCKQUOTE
	{
	FONT-FAMILY:ARIAL;
	FONT-STYLE:italic;
	PADDING:5px
	}

/* LINKS PAGE IMAGE BOX */

.linkimage
	{
	border: 2px solid #FFFFFF;
	}

/* FORM OBJECTS */

/* TEXT BOXES */

.input
	{
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}
.medinput
	{
	WIDTH:200px;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 12px;
	}

.searchinput
	{
	WIDTH:100px;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}

.mboardinput
	{
	WIDTH:200px;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}
.advinput
	{
	WIDTH:285px;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}

/* SELECT OPTION DROPDOWNS */

.select
	{
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}
.searchselect
	{
	WIDTH:200px;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}
.advselect
	{
	WIDTH:285px;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	}

/* New rules for standards-compliant CSS-controlled layout: */
body { text-align: center; background: #ffffff; } /* centralises layout */
#wrapper { text-align: left; margin: 0 auto; padding: 0; border: 0; width: 777px; background: #ffffff; } /* keeps content in fixed-width column */
#content {
	margin-top: 111px; padding-top: 10px;
	background: #ffffff; color: #555555;
} /* leaves space for the masthead, which is below the content in the HTML to improve SEO results */
#masthead {
	position: absolute; top: 20px;
	width: 777px; height: 73px; 
	background: #ffffff url(./images/header_bg.gif) top center no-repeat;
} /* stays at the top visually */
#masthead span {
	font: bold 18px Arial, Helvetica, sans-serif; color: #ffffff;
	display: inline-block;
	margin-left: 0px
}
.tlink {
	margin-left: 5px;
	text-decoration: none;
	color: #ffffff;
	display: block;
	line-height: 120%
}
#footer {
	width: 777px; height: 27px;
	background: #ffffff; color: #330066;
	font: normal 10px Verdana, Verdana, Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 7px 0 0 0;
} /* just visual controls */
#skip_to_nav {text-indent: -5000px; float: left; } /* hidden if you're not using a screen-reader or basic mobile */
/* rules to position the navigation within the masthead */
#topmenu { position: absolute; top: 85px; left: 0px; width: 150px }
#topmenu, #topmenu * { color: #ffffff; font: normal 14px Verdana, Arial, sans-serif; text-decoration: none; }
#topmenu a {
	position: relative;
	display: table-cell; 
	width: 150px; height:22px;
	background: inherit; color:#330066; 
	margin: 0px; padding: 0 0 0 5px; 
	font-weight: bold; float: left; text-align: left; line-height: 110% }
/* top menu extra padding */
#topmenu a span { display: block; margin-top:8px; color:#000000; font-weight: bold; line-height: 110%;}
/* hover state */
#topmenu a:hover, #topmenu a:hover span { text-decoration: none; color:#cc0066 }
#topmenu a.selected { color: #cc0066 }
#bottom_menu { text-align: right; position: absolute; top: 35px; right: 0 }
#bottom_menu { text-align: right; padding: 42px 0px 0 0; }
#bottom_menu, #bottom_menu a { color: #330066; font: normal 11px Verdana, Arial, sans-serif; text-decoration: none }
#bottom_menu a {margin-left:8px }
#bottom_menu a:hover { text-decoration: underline }
#homelink img {border:0}


/* content is in 2 columns: L & R */
#left_col { width: 625px; margin: 0px 0 0 60px; padding: 0 0 0 100px; min-height: 550px; }
#right_col { width: 150px; margin: 176px 0 0 0; float: left; text-align: center; }

/* current page has its link emboldened in the navigation */
#bottom_menu *.selected { font-weight: bold; }

/* layout for RH advert links */
#other_towns_link {
	margin-bottom: 11px;
	width: 133px;
	background: #476baa;
	color: #ffffff;
}
/* margin for LH col forms */
#left_col form { margin-bottom: 20px; }

h1,h2 {font-size: 12px; font-weight: bold}
label.small {font-size:9px; font-weight:normal; color:#5c5c5c}

.nowrap {white-space: nowrap}

.boardSelOn {font-weight: bold; background:#18397a; color:#ffffff; cursor: pointer}
.boardSelOff {font-weight: normal; background:#ffffff; color:#5c5c5c; cursor: pointer}
#chooseCam, #chooseChe { cursor: pointer; width: 250px; padding: 2px; border: 1px solid #000000; text-align: center }

/* designed to allow forms to fit inside TDs without padding chamges*/
#left_col td form, #left_col th form, .sleek {border:0; padding:0; margin:0; height: inherit !important}


/* site-wide update to strip local styles out of search form */
#searchFormTable, #referenceFormTable {width: 535px}
.sfq {width: 295px; padding-right: 5px}/* query text */
.sfi {width: 223px}/* form input */
.sfhlp {width: 17px}/*help icons */
.rfq {width: 322px; padding-right: 5px}/* query text */
.rfi {width: 114px}/* form input */
.rfhlp {width: 94px}/*help icons */

.w535 {width: 535px}

/* interests box for board-requests */
#interestbox * label { min-width: 100px; display: block; min-height: 20px; background: #fff}
#interestbox * label input {float: left}
#interestbox * label span {display: block}
#interestbox * label span i {font-size:1px} /*zero-width spaces not correctly implemented in most fonts, and not in HTML entities, so using this rule to kludge it*/
#interestbox * label:hover { background:#eeeeee}

/* privacy policy page */
div#privacy { display:table-cell }

.lstc { background:url(images/stamp_lstc.gif) 250pt 48pt no-repeat }


.warning{ background-color: #F9E275; border: 1px solid #FCD113; padding: 1em; margin: 1em 0 1em 0; }
.warning div{ float: left; }
.warning_icon{ display: block; float: left; width: 20px; height: 20px; background: url(images/icons.png) top left; }
.error{ background-color: #FFCFCF; border: 1px solid #CD0A0A; padding: 1em; margin: 1em 0 1em 0; }
.error_icon{ display: block; float: left; width: 20px; height: 20px; background: url(images/icons.png) top left; background-position: -20px 0; }
.error p{ margin: 0 0 1em 0; padding: 0;}
.clear{ clear: both; }