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

body {
	font-weight: normal;
	font-family: 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: #1f446e;
}
.resultsblue {
	color: #1f446e;
	font-weight: normal;
	font-family: Arial;
	font-size: 13px;
}
.detailsblue
	{
	color: #1f446e;
	font-weight: bold;
	font-family: Arial;
	font-size: 13px;
	}

/* ICON HEADERS */

.header
	{
	position: relative;
	z-index: 10;
	color: #006699;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	}

/* TYPE & VARIATIONS IF NEEDED */

.normallarge
	{
	color: #000000; /* #5C5C5C;*/
	font-weight: normal;
	font-family: Arial;
	font-size: 13px;
	}
.resultslarge
	{
	color: #ffffff;
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	padding: 2px;
	}
.detailslarge
	{
	color: #000000; /*#5C5C5C;*/
	font-weight: normal;
	font-family: Arial;
	font-size: 13px;
	padding: 2px;
	}

/* NORMAL TYPE & VARIATIONS IF NEEDED */

.normal
	{
	color: #000000; /*#5C5C5C;*/
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	}
.question
	{
	color: #000000; /*5C5C5C;*/
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	}
.results
	{
	color: #000000; /*#5C5C5C;*/
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	padding: 3px;
	}
.results td{
	padding: 1px;
	padding-right: 20px;
}
.details
	{
	color: #000000; /*#5C5C5C;*/
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	}

/*  NORMAL TYPE & COLOUR VARIATIONS */

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

/* SMALL */

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

/* MENU ITEMS */


/* GENERAL LINKS */

/* MAIN MENU TABLE CELL */

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

/* MAIN MENU A-LINK */

A.tm
	{
	color: #006699;
	font-weight: normal;
	FONT-FAMILY:ARIAL;
	font-size: 11px;
	TEXT-DECORATION:none;
	}
A.tm:hover
	{
	color: #FFAA24;
	TEXT-DECORATION:underline;
	}

/* MAIN MENU SELECTED A-LINK */

A.ts
	{
	color: #006699;
	font-weight: bold;
	FONT-FAMILY: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:ARIAL;
	font-size: 10px;
	TEXT-DECORATION:none;
	background: url('images/l3_bg.gif');
	}
A.sm
	{
	color: #FFFFFF;
	font-weight: normal;
	FONT-FAMILY: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: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: #ececec; padding:0; margin:0px; } /* centralises layout */
#wrapper {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border: 0;
	width: 780px;
	background: #ffffff;
} /* keeps content in fixed-width column */
#content {
	position: relative;
	padding-top: 141px;
	color: #000000;
	padding-left: 10px;
	z-index:6;
} /* leaves space for the masthead, which is below the content in the HTML to improve SEO results */
#masthead {
	position: absolute; top: 0px;
	width: 760px; height: 119px; 
	background: #ffffff url(./images/chops/hdrBg.jpg) top left repeat-x;
	z-index:99;
	border-bottom: 1px solid #002774;
	margin-left: 10px;
} /* stays at the top visually */

#masthead #homelink
{
    position: absolute;
    width: 412px;
    height: 119px;
    left: 0px;
    top: 0px;
    background: url('./images/chops/logo.jpg') top left no-repeat;
}

/* adapted for bcu code*/
#tabs {
	position: absolute; 
	top: 120px;
	width: 760px;
	padding-top: 4px;
	height: 20px;
	z-index:11;
	margin-left: 10px;
	background: url('./images/chops/hdrLinksBg.jpg') top left repeat-x;
}

.tabtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
	font-weight: 600;
	text-decoration:none;
	line-height: 90%;
}

#tabs a
{
    color: #fff;
    text-decoration: none;
    margin-right: 5px;
}
#tabs a:hover {
	text-decoration: underline;
}
.quotetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #078CC0;
	font-weight: normal;
	padding-right: 5px;
	width: 160px;
	margin: 20px auto
}


#menu {
	width: 180px;
}
#menu .item{
	float: left;
	width: 170px;
	margin-bottom: 15px;
	text-decoration: none;
	cursor: pointer;
}
#menu .item .top{
	float: left;
	width: 170px;
	height: 40px;
}
#menu .item .bottom{
	float: left;
	padding: 2px;
	padding-left: 3px;
	width: 165px;
	color: #fff;
	background: #000;
	font-size: 13px;
	font-family: arial;
	text-align: left;
}
.messageBoardLink{
	background:url('images/chops/messageBoardLink.jpg') top left no-repeat;
}
.searchLink{
	background:url('images/chops/searchLink.jpg') top left no-repeat;
}
.studentLink{
	background:url('images/chops/studentLink.jpg') top left no-repeat;
}
.adviceLink{
	background:url('images/chops/helpLink.jpg') top left no-repeat;
}
.advertiseLink{
	background:url('images/chops/advertiseLink.jpg') top left no-repeat;
}
.toolsLink{
	background:url('images/chops/toolsLink.jpg') top left no-repeat;
}
.linksLink{
	background:url('images/chops/linksLink.jpg') top left no-repeat;
}


#menu ul {
	font-family: arial, helvetica;
	font-size: 10pt;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left;
}

#menu ul li {
	margin: 0;
	padding: 5px;
	border-top: 1px solid #fff;
}

#menu ul li a {
	color: #ffffff;
	margin-left: 5px;
	text-decoration: none;
	outline: none;
}
#menu ul li a:hover {
	color: #ffe66f;
	text-decoration: underline;
}


.level1 {
	background: #002e67; 
}
.level2 {
	background: #ffe66f; color: #000000;
}
.breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 2px;
	font-size:10px;
	color: #000;
	padding-left: 15px;
	background: url('images/chops/breadcrumb.png') top left no-repeat;
}
.breadcrumb a{
	text-decoration: underline;
	color: #006699;
}

#new_right_col {
	width: 165px;
	float: right;
	margin: 1px 18px 0 0;
	border-left: 1px solid #002d66; border-bottom: 1px solid #002d66; border-top: 18px solid #002d66;
	background: #ebebeb; color: #000000
}
#new_right_col strong, #new_right_col a span {
	width: 165px;
	padding:0; margin: 1ex 0 1.5ex 5px; display:block;
	font-weight: bold
	/* old values: 
		width: 190px;
	height: 2.5ex;
	padding:0; margin: 0px 0 10px 5px; display:block;
	font-weight: bold
	*/
}
#new_right_col strong {
	margin-top: 10px
}
#new_right_col a span {
	text-decoration: underline
}
#new_right_col a.selected {
	display: none;
}

/* end adapted for bcu code*/


#bottom_menu {
	width: 777px; height: 27px;
	background: #ffffff;
	color: #000000;
	font: normal 11px Arial, sans-serif;
	text-align: center;
	margin: 10px 0 0 0;
	padding: 7px 0 0 0;
} /* just visual controls */
#bottom_menu a { color: #0000ff }
#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: 34px;
	right: 28px;
	width: 290px;
	height: auto;
}
#topmenu a {
	color: #fff;
	width: auto;
	text-decoration: none;
	font-size: 10px;
	padding-left:4px;
}

#topmenu a:visited {color: auto}
/* top menu extra padding */
#topmenu a span { margin-top:8px; color:#0000ff; font-weight: bold; line-height: 110%; text-decoration: underline;}
/* hover state */

#subFooter{
	position: relative;
	width: 760px;
	height: 50px;
	z-index:5;
	margin-left: 10px;
}
#subFooter #blend{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 154px;
	width: 100%;
	background: url('images/chops/greyBlend.jpg') top left repeat-x;
	z-index: 4;
}
#subFooter #sfContent{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index:6;
	font-weight: normal;
}

#sfContent #left{
	float: left;
	color: #505050;
	line-height: 18px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	margin-left: 10px;
}
#sfContent #left a{
	margin-left: 5px;
	margin-right: 5px;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #505050;
}
#sfContent #left a:hover{
	text-decoration: underline;
}
#sfContent #right{
	float: right;
	position: relative;
	width: 250px;
	background: #fff;
	background-image: url('images/chops/legalCorner.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	color: #000;
	padding: 7px;
}
#sfContent #right a{
	float: left;
	color: #000840;
	text-decoration: none;
	font-weight: normal;
	padding:0px;
	margin-left: 20px;
}
#sfContent #right a:hover{
	text-decoration: underline;
}
#sfContent #right #legalPlus{
	position: absolute;
	top: 9px;
	left: 9px;
	width: 11px;
	height: 11px;
	background: url('images/chops/legalPlus.jpg') top left no-repeat;
}

#footer {
	position: relative;
	text-align: center;
	padding-top: 10px;
	background: #fff;
}
#footer #ftrContent{
	position: relative;
	width: 760px;
	margin-left: 10px;
	height: 226px;
	background: url('images/chops/ftrBg.jpg') bottom left repeat-x;
	border-top: 1px solid transparent;
}
#footer #bottom{
	color: #fff;
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 100%;
	text-align: center;
}
#footer #bottom a{
	color: #fff;
	text-decoration: underline;
}
#footer #ftrContent p{
	color: #fff;
	margin: 20px;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	line-height: 20px;
}
#footer #ftrContent p a{
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
#footer #ftrContent p a:hover{
	text-decoration: underline;
}

#footer, #footer a { color: #0000ff; font: bold 11px Arial, sans-serif }
#tm_a {
	position: relative;
	clear: right;
	width: 100%;
	color: #fff;
	font-size: 17px;
	font-family: arial;
	margin: 0 auto;
	text-align: right;
	font-weight: normal;
}
#tm_b {
	position: relative;
	clear: both;
	width: 100%;
	text-align: right;
	margin-top: 10px;
}
#tm_c{
	position: relative;
	clear: left;
	width: 100%;
	text-align: right;
	font-size: 10px;
	color: #fff;
	margin-top: 6px;
}
#tm_b input {
	font: normal 11px Arial, sans-serif;
}
#tm_b form { margin:0; padding:0 }

/* content is in 2 columns: L & R */
#left_col {
	position: relative;
	width: 552px;
	margin-left: 7px;
	padding: 0;
	min-height: 550px;
}
#right_col {
	width: 200px;
	min-height: 550px;
	margin: 32px 0 0 0;
	float: right;
	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:#000000} /*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 */
/* Accommodation Search forms */
#searchFormTable, #referenceFormTable {width: 530px; margin-left: 10px;}
.sfq {
	width: 290px;
	padding-right: 2px;
}/* query text */
.w535 {
	width: 535px;
	position: relative;
}

/* 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}

.newsheadline {
	position: relative;
	color: #fff;
	font: bold 25px Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #000;
	width: 530px;
	padding: 5px;
	margin: 0px;
	float:left;
	margin-bottom: 10px;
}
.newsheadline img{
	margin-top: -15px;
}
#searchHdr{
	float: left;
	width: 539px;
	height: 223px;
	background: url('images/chops/searchHdr.jpg') top left no-repeat;
	margin-bottom: 10px;
}

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