/* Boilerplate CSS */

BODY {
	margin: 0px; padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #4C4C4B;
}

IMG { border: 0px; _behavior: url(/NWS_Custom/js/htc/iepngfix.htc); /* CSS HACK: fix PNGs in IE6 (not IE7+) */ }
IMG.inlineIcon { vertical-align: middle!important; margin: 0pt 2pt 0pt 7pt!important; padding: 0; border: 0; }

/* DNN: .SkinObject class included to override default.css */
A:link, A.SkinObject:link { color: #3D4778; /* = mid blue, OLD: #24242a; */ font-weight: bold; }
A:hover, A.SkinObject:hover { color: #7B8FF2; text-decoration: underline; }		/* light blue */
A.arrowLink {
	background: url(../images/ui/nav_closed.gif) no-repeat bottom right;
	padding-right: 17px;
}

P { margin-top: 0; }
SMALL { font-size: 0.85em; }

#wrapper {
	width: 995px;			/* 980px */
	margin: 0 auto;
	position: relative;
	border-bottom: 10px solid #92949e;
	background-image: url(../images/ui/wrapper_bg_new.gif);
	background-repeat: repeat-y;
	position: relative;
}
#wrapper.noRightCol {
	background-image: url(../images/ui/wrapper_bg_leftOnly.gif);
}

#header {
	background: url(../images/ui/header_bg_new.jpg);
	height:90px;
	position: relative;
	border-bottom: 10px #92949e solid;
	z-index: 9;
}

html>body #header { height: 90px; /* UNUSED? presume is meant to target FF? */ }

#logo { position: absolute; left: 27px; top: 20px; z-index: 10; }

#headerText { position: absolute; left: 133px; /* OLD: left: 139px */ top: 31px; }

#headersearch {
	position: absolute;
	background: #16182a;
	border-bottom: 1px solid #2d3145;
	left: 786px;	/* WAS: 771px */
	top: 0px;
	padding: 35px 10px 10px 10px;
	width: 177px;
}
#headersearch INPUT.text { width: 130px; color: gray; }
#bannersearchform { margin: 0; padding: 0; /* margin-bottom: 0px; */ }

BUTTON { 
	background: #d7d6d9 url(../images/ui/button_bg.gif) repeat-x; 
	margin:0;
	padding:0;
	border: 1px #bebebe solid; 
	font-size: 1.2em; 
	font-weight: bold; 
	width: 36px;
	*margin-left: 5px;
	*height: 18px;
}
SELECT.subjDropdown { font-size: 1em; width: 100%; }
INPUT.text { font-size: 1.0em; }


#centercontent {
	background: #fff;
	font-size: 1.1em;
	padding: 0 17px 0 17px;
	margin-left: 215px;			/* WAS: 200px */
	margin-right: 214px;
	padding-bottom: 15px;
	width: 530px;
	_width: 525px; 					/* CSS HACK: make the center column thin enough to 'fit' between the two side columns in IE6 and below */
}
.noRightCol #centercontent {
	/*width: auto;*/
	margin-right: 0pt;
	width: 740px;
}

#left, #right { font-size: 8pt; /*11px;*/ overflow-x: hidden; }

#leftcontent {
	width: 212px;	/* WAS: 197px */
	float: left;
	position: relative;
	text-align: left;
	padding-top: 2em;
	font-size: 1em;
	padding-bottom: 190px;
}
#rightcontent { 
	width: 214px; 
	float: right; 
	text-align: left; 
	padding-top: 1.3em; 
	font-size: 1em; 
	_margin-right: 0; 		/* CSS HACK: remove right margin in IE6 and below (WAS: *margin-right) */
}

/* side column headings */
.colourDiv H2, #leftcontent H2, #rightcontent H2 {
	font-family: "Gill Sans MT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	margin-bottom: 6pt;
	color: #777;					/* dark grey - overridden later for colourDiv */
}

.neogicCredit {
	margin: 15pt 15px 10pt 15px;
	padding-top: 5pt;
	border-top: 1px solid #D9DBDC;
	text-align: center;
	color: #A6B1B2;
	letter-spacing: 0.4em;
	font-size: 8pt;
	text-transform: uppercase;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}
.neogicCredit A, .neogicCredit A:visited { color: #A6B1B2; text-decoration: none; }
.neogicCredit A:hover { text-decoration: underline; }
.neogicCredit A.neogicLink, .neogicCredit A.neogicLink:visited { color: #8A999B; letter-spacing: 0.3em; }
.neogicCredit A.neogicLink:hover { color: #A6B0B3; }
.neogicCredit EM { display: none; }		/* only fit "Neogic" from Neogic Web Solutions for Schools */

.neogicCreditVT { clear: both; text-align: center; color: lightgrey; font-style: italic; }
.neogicCreditVT A { color: #D4C49B!important; text-decoration: none; }
.neogicCreditVT A:hover { color: #06144A!important; text-decoration: underline!important; }

.miscLinks {
	background-color: #F5C462;
	padding: 10pt 8px 10pt 18px;		/* WAS: 20px 8px 20px 20px.  WAS: right padding = 27px */
	color: #000000;
	bottom: 0px;
	width: 186px;						/* WAS: 162px / 171px */
	/* OLD: height: 140px; */
	position: absolute;
	left: 0px;
}
.miscLinks UL { list-style-type: none; margin: 1em 0.5em 15pt 0; padding: 0; }
.miscLinks UL LI { list-style-type: none; margin-bottom: 0.7em; background: url(../images/ui/sidelink_ellipsis_arrow.gif) no-repeat center right; }
.miscLinks UL LI A { text-decoration: none; font-weight: normal; font-size: 1em; background-color: #F5C462; padding-right: 4pt; }
.miscLinks UL LI A:hover { text-decoration: underline; }
.miscLinks UL LI IMG { vertical-align: middle; padding-right: 5pt; background-color: #F5C462; }

/* side shadows */
.wideWin .shadowLeft, .wideWin .shadowRight { display: block; }		/* only show side shadows if avail page width > ~1024px */
.shadowLeft, .shadowRight { position: absolute; width: 14px; height: 557px; background-repeat: no-repeat; display: none;	/* hide by default */ }
.shadowLeft { float: left; background-image: url(../images/ui/left_shadow_lighter.gif); left: -14px; }
.shadowRight { float: right; background-image: url(../images/ui/right_shadow_lighter.gif); right: -14px; }

#footerImages {
	list-style: none;
	padding: 0 0px 15px 0px;
	/* width: 100%; */
	margin: 10px auto;
	clear: both;
	text-align: center;
}
#footerImages LI { display: inline; margin: 0 auto; }
#footerImages LI IMG { margin: 0 18px; vertical-align: middle; }
/* UNUSED: suggested by James: #footerImages LI IMG { margin: 0 26.8px; vertical-align: middle; } */
#footerImages A IMG { text-decoration: none; border: 0; }

/* UNUSED */
.iconToolbar UL { list-style: none; text-align:left; margin: 0px; padding: 0px; }
.iconToolbar A { font-size: 0.8em; font-weight: normal; color: #000000; text-decoration:none; }
.iconToolbar A:HOVER { text-decoration: underline; }
.iconToolbar A IMG { border:0; margin-bottom: 0.2em; }
.iconToolbar LI IMG { margin-right: 5px;vertical-align:middle; border:0; }
.iconToolbar LI { background: none!important; display: inline; margin: 0 5px; }



.colourDiv { background-color: #F5C462; color: #41361d; /* OLD: 17130a; #e9c368; */ }
/* dark brown colour within yellow boxes */
.colourDiv H2 { color: #3b321b!important; }  /* DNN */
.colourDiv A { color: #41361d; }
.colourDiv A:hover { color: black; }

/* "more news" etc arrow links */
.colourDiv A.arrowLink { background-image: url(../images/ui/bullet_second_arrow.gif); color: #BA691A; }		/* light brown */
.colourDiv A.arrowLink:hover { color: #A83712; }		/* mid brown */


/* latestnews div requires full width background-colour, which isn't possible if the padding is applied to rightcontent. Instead each section takes its own div */

.rightcolumnform { padding: 0 10pt 10pt 10pt; }
.rightcolumndiv { /* OLD: margin-top: 10pt; */  padding: 7pt 10pt 7pt 10pt; margin-bottom: 3pt; *padding-bottom: 1pt; /* CSS HACK: tweak padding in IE */ }


.latestnewslist { list-style: none; margin: 0 0 10pt 0; padding: 0; }
.latestnewslist IMG { float: left; margin: 1pt 7pt 5pt 0; border: 1px solid white; }
.latestnewslist LI P { *display:inline; }
.latestnewslist SMALL { color: #4B2A0C; }

.latestnewslist LI {
	display: block; zoom: 1;
	margin-bottom: 6pt;
	padding: 2pt 0;
	_height: 1px; 					/* CSS HACK: make text appear at same height as image in IE6 and below */
}
.latestnewslist A { text-decoration: none; font-weight: normal; /* OLD: color: black!important; */ }
.latestnewslist A LI { background: url(../images/ui/nav_closed.gif) no-repeat bottom right; cursor: pointer; }
.latestnewslist LI:hover { background-color: #F5CE7F; }
.latestnewslist A:hover LI { background-color: #F5CE7F; }		/* for earlier browsers that don't support LI:hover */

.latestnewslist .altItem { background-color: #f6ca78; }  /* currently UNUSED */

/* .latestnewslist LI P { *margin-top: -12px; } */

/* PDF/globe icons instead of link arrows, for PDF/external links */
.latestnewslist A.extLink LI { background-image: url(../images/ui/icon_web_tiny.gif); }
.latestnewslist A.pdfLink LI { background-image: url(../images/ui/icon_pdf_tiny.gif); }

.urgentNews STRONG, .urgentNews B, .urgentNews A { color: red; }
.urgentNews STRONG, .urgentNews B { font-size: 1.1em; }


.clear { clear: both; }
.clearLeftMenu { clear: both; height: 300px; display:block; }

.textCenter { margin: 0 auto; display: block; }
.textRight { text-align: right; }


.contentFooter {
	font-size: 0.9em; line-height: 1.5; color: #666; /* margin-top: 30pt!important; */ 
	border-top: 1px solid lightgrey; clear: both;
	margin-top: 20pt!important; margin-bottom: 0pt!important; padding: 7pt 5pt 0 5pt;
}
.contentFooter .phoneNums { float: right; text-align: right; }


#breadcrumb { margin-top: 10pt; margin-bottom: 17pt; }
#breadcrumb A, #breadcrumb .SkinObject { color: gray; font-weight: normal; font-size: 0.9em; /*text-decoration: underline; */}
#breadcrumb A { border-bottom: 1px solid #eee; }
#breadcrumb A:hover { color: black; border-bottom: 0; }
#breadcrumb EM { font-style: normal; color: #BBB; margin: 0 2pt; }


/* home page banner */
.banner {
	float: left;
	position: relative;			/* force banner text to be relative to banner rather than page */
	margin-bottom: 15px;
	*margin-bottom: 0; 			/* CSS HACK: fix bottom margin on fading image banner in IE7 and below */
}
.bannerText {
	position: absolute;
	z-index: 10;
	left: 267px;
	top: 46px;
	/* OLD (relative to page):
		left: 479px;		/ * WAS: 463px * /
		top: 147px;
	*/
}
.banner IMG { display: block; }