/* Anglia Ruskin website at http://www.anglia.ac.uk/ruskin/en/home/about.html

#163A79 - dark blue
#6799CC - light blue
#CEDAEA - pale blue
#F0F7FA - very pale blue
#97C660 - light green
#559A4C - dark green
#AD975F - fawn
#D09924 = orange
#C0564B = dark orange
#84365B = purple

 */

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: #584E8F;
}
.resultsblue {
	color: #584E8F;
	font-weight: normal;
	font-family: Verdana, Arial;
	font-size: 13px;
}
.detailsblue
	{
	color: #584E8F;
	font-weight: bold;
	font-family: Verdana, Arial;
	font-size: 13px;
	}

/* ICON HEADERS */

.header
	{
	color: #584E8F;
	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: 12px;
	}
.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;
	}

/* MENU ITEMS */


/* GENERAL LINKS */
A
	{
	color: #584E8F;
	}
A:HOVER
	{
	color: #584E8F;
	}

/* MAIN MENU TABLE CELL */

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

/* MAIN MENU A-LINK */

A.tm
	{
	color: #584E8F;
	font-weight: normal;
	FONT-FAMILY:Verdana,ARIAL;
	font-size: 11px;
	TEXT-DECORATION:none;
	}
A.tm:HOVER
	{
	color: #FFAA24;
	TEXT-DECORATION:underline;
	}

/* MAIN MENU SELECTED A-LINK */

A.ts
	{
	color: #584E8F;
	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: #000000;
} /* leaves space for the masthead, which is below the content in the HTML to improve SEO results */
#masthead {
	position: absolute; top: 8px;
	width: 777px; height: 103px; 
	background: #ffffff url(./images/anglia_ruskin_header.gif) top left no-repeat;
} /* stays at the top visually */
#footer {
	width: 777px; height: 27px;
	background: #ffffff; color: #33528f;
	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: 103px; left: 0px; width: 150px; }
#topmenu, #topmenu * { color: #ffffff; font: normal 12px Verdana, Arial, sans-serif; text-decoration: none; }
#topmenu a { display: block; width: 130px; height:20px; background: #6799CC; padding-left: 5px; padding-top: 2px; border-top:1px solid #FFFFFF; font-weight: bold }
/* top menu (in bar on right-hand side) colours */
#topmenu #tm1 {background-color: #6799CC}
#topmenu #tm2 {background-color: #97C660}
#topmenu #tm3 {background-color: #559A4C}
#topmenu #tm4 {background-color: #AD975F}
#topmenu #tm5 {background-color: #A2812D}
#topmenu #tm6 {background-color: #D09924}
#topmenu #tm7 {background-color: #C0564B}
#topmenu #tm8 {background-color: #84365B}
#topmenu a:hover { text-decoration: underline; color:#000000 !important
/*background-color: #163A79 !important;*/
 }
#topmenu #tm8, #topmenu #tm7, #topmenu #tm6, #topmenu #tm5, #topmenu #tm4, #topmenu #tm3, #topmenu #tm2, #topmenu #tm1 {
background-color: #AD975F
}
#bottom_menu { text-align: left; padding: 0 3px 0 0; }
#bottom_menu, #bottom_menu a { color: #163A79; font: normal 11px Verdana, Arial, sans-serif; text-decoration: none; }
#bottom_menu a {margin-right:8px }
#bottom_menu a:hover { color: #6799CC; text-decoration: underline; }


/* content is in 2 columns: L & R */
#left_col  
{
    float: right;
    width: 600px; 
    margin: 0; 
    padding: 0 0 0 0px; 
    min-height: 550px;
}
#right_col  
{
    width: 150px; 
    margin: 196px 0 0 0; 
    float: left; 
    text-align: center; 
}
/* current page has its link emboldened in the navigation */
#topmenu *.selected, #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, #choosePet { 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}
#interestbox * label:hover { background:#eeeeee}

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