@charset "utf-8";

/* -- TYPE -- */
body {
	font-family:Helvetica, Arial, sans-serif;
	color:#000000;
	
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	text-align:center;
}
h1, h2, h3, h4, h5 {
	font-weight:bold;
	letter-spacing:0.6px;
	position:relative;
	margin-top:2px;
}
h1 {
	font-size:1em;
}
h1 span.colouredHeading {
	background-color:#00aed9;
}
h2 {
	font-size:0.8em;
}
h2.inBody {
 	margin-top:20px;
}
h2 span.colouredHeading {
	background-color:#0bc11c;
}
.colouredHeading {
	margin-bottom:0.5em;
	padding-top:3px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;
	
	color:#FFFFFF;
}

p {
	/*margin-top:0.75em;*/
	font-size:0.75em;
	line-height:1.45em;
	
	margin:0px;
	margin-bottom:10px;
}
p.finalParagraph {
	margin-bottom:0px;
}
p.leadingParagraph {
	font-weight:bold;
}
p a {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#a3a3a3;
	padding-top:1px;
	padding-left:2px;
	padding-right:2px;
}
p a:hover {
	background-color:#7e7e7e;
}
p a:visited {
	background-color:#7e7e7e;
}
p a:active {
	background-color:#a3a3a3;
}
.bodyList li {
	font-size:0.75em;
	margin:4px;
}

a img {
	border:none;
}

span.replacementLink {
	display:none;
}


/* -- CORE LAYOUT -- */
#centredHolder {
	position:relative;
	margin:0 auto;
	width:750px;
	text-align:left;
	margin-bottom:20px;
	
	background-image:url(../images/main_bg.gif);
	background-repeat:repeat-x;
}
#accessibilityLinks {
	display:none;
}
.endDummy {
	clear:both;
}

/* MAIN HEADER */
.mainHeader {
	position:relative;
	/*height:321px;*/
}
.mainHeader .logo {
}
.mainHeader .subtitle {
	font-size:0.9em;
	color:#003e73;
	font-weight:bold;
	width:650px;
	margin-left:15px;
	margin-right:15px;
	margin-top:10px;
	margin-bottom:15px;
}
.mainHeader .mainCrack {
	width:603px;
	height:97px;
	background-image:url(../images/main_crack.gif);
	background-repeat:no-repeat;
}
.mainHeader .imaginationLink a {
	position:absolute;
	left:603px;
	width:147px;
	height:97px;
	background-image:url(../images/imagination_link.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
}
.mainHeader .imaginationLink a:hover {
	background-position:0 -97px;
}
.mainHeader .extraCrackLeft {
	position:absolute;
	left:-106px;
	top:58px;
	width:106px;
	height:52px;
	background-image:url(../images/extra_crack_left.gif);
}
.mainHeader .extraCrackBottom {
	position:absolute;
	top:147px; /*97+50*/
	left:589px;
	width:96px;
	height:48px;
	background-image:url(../images/extra_crack_bottom.gif);
}

.mainEdgeLeft {
	position:absolute;
	top:0px;
	left:-7px;
	width:7px;
	height:524px;
	background-image:url(../images/edge_shadow_left.gif);
}
.mainEdgeRight {
	position:absolute;
	top:0px;
	left:750px;
	width:7px;
	height:524px;
	background-image:url(../images/edge_shadow_right.gif);
}

/* MAIN BODY */
.mainBody {
	margin-top:40px;
}

/* MAIN NAVIGATION */
.navColumn {
	float:left;
	width:178px; /* -10px for flexibility */
}
.navColumn ul {
	padding:0px;
	margin:0px;
	list-style:none;
}
.navColumn ul li {
	margin-left:15px;
	margin-top:10px;
}
.navColumn ul li a {
	color:#003e73;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
	padding-top:3px;
	padding-bottom:1px;
	font-weight:bold;
	font-size:0.9em;
}
.navColumn ul li a:hover {
	background-color:#003e73;
	color:#FFFFFF;
}
.navColumn ul li.active a {
	background-color:#003e73;
	color:#FFFFFF;
}
.navColumn ul li.active a:hover {
	background-color:#00aed9;
	color:#FFFFFF;
}
.navColumn .navSubtitle {
	margin-top:25px;
	margin-left:17px;
	margin-bottom:-2px;
	font-size:0.9em;
	color:#666666;
}

/* MAIN SIDE BAR */
.sideBar {
	position:absolute;
	right:0px;
	width:138px;
	height:400px; /*DEV*/
}
.sideBar ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.sideBar li {
	margin-top:4px;
	margin-bottom:10px;
}

/* MAIN CONTENT COLUMN */
.contentColumn {
	float:right;
	width:407px;
	margin-top:10px;
	margin-right:156px;
	display:inline;/* IE float-margin bug workaround*/
}
.contentColumn .verticalSpacer {
	height:10px;
}
.contentColumn img.peripheral {	
	float:right;
	margin-left:10px;
	margin-bottom:10px;
}

/* FOOTER */
.mainFooter {
	position:relative;
	margin-top:20px;
	margin-bottom:40px;
}
.mainFooter .divider {
	margin-bottom:15px;
	height:1px;
	background-color:#e5e5e5;
}
.mainFooter .footerMenu {
	float:left;
	font-size:0.6em;
}
.mainFooter .footerMenu a {
	padding-top:1px;
	padding-left:2px;
	padding-right:2px;
	color:#7f7f7f;
	text-decoration:none;
}
.mainFooter .footerMenu a:hover {
	background-color:#7f7f7f;
	color:#FFFFFF;
}
.mainFooter .copyright {
	float:left;
	clear:left;
	margin-top:4px;
	
	color:#afafaf;
	font-size:0.6em;
}
.mainFooter .lancasterLogo {
	float:right;
	margin-right:17px;
}
.mainFooter .imaginationLogo {
	float:right;
	margin-right:35px;
}


/* -- GENERIC ELEMENTS -- */
.shadowBox {
	position:relative;
	left:-4px;
	width:410px;
	margin-bottom:10px;
}
.shadowBox .content {
	background-image:url(../images/shadowBox/bg.gif);
	background-repeat:repeat-y;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:10px;
	padding-left:10px;
}
.shadowBox .topEdge {
	height:9px;
	background-image:url(../images/shadowBox/top_edge.gif);
	background-repeat:no-repeat;
}
.shadowBox .bottomEdge {
	height:11px;
	background-image:url(../images/shadowBox/bottom_edge.gif);
	background-repeat:no-repeat;
}