/* general page setup */
*, html * {
	margin:0px; padding:0px;
	}
body {
	font-size:100.01%; 
	font-family:Arial,Helvetica,sans-serif;
	background-color:#FFFFFF; color:#000000;
	}
a img {
	border:0px;
	}
/* put a div vertically 1/2 way down the window */
#horizon {
	text-align:center; margin-top:20px;
	}
/* site border - position this bang in the centre of the screen */	
#keyline {
	width:890px; height:604px;  
	margin:auto;
	background-image:url(images/keyline.gif); overflow:hidden;
	}
/* wrap content to size */
#wrapper {
	text-align:left;
	width:890px; margin:0px 14px 0px 14px;
	font-size:0.85em;
	}
/* area above main menu */
#header {
	height:157px;
	background-image:url(images/main-logo.gif);	background-repeat:no-repeat;
	background-position:44px 13px;
	}
#topAd {
	border:1px solid #FBB160; width:487px; height:131px; float:left; display:inline; margin:12px 3px 0px 193px;
	}
#topAd img {
	width:487px; height:131px; display:block;
	}
/* below the main menu - the main content */

/* the L/hand side */
#leftCol {
	float:left;
	width:218px;
	}
#logos {
	width:216px; height:73px; margin-top:10px;
	border:1px solid #FBB160; overflow:hidden;
	}
#crbLogo {
	 width:72px; height:73px;
	 }
#charteredM {
	 width:112px; height:73px;
	 }
/* the main / centre pane */
#mainContent {
	float:left; display:inline; margin-left:15px;
	width:449px; text-align:justify;
	}
#contentTitle {
	height:24px;
	line-height:24px;
	vertical-align:middle;
	color:#732100;
	font-size:17px;
	font-weight:bold;
	border:1px solid #FCB815; border-left:0px; border-right:0px;
	margin:2px 0px 10px 0px;
	}
#viewport {
	height:250px; width:442px; overflow:auto; padding:0px 6px 2px 0px;
	font-size:12px;
	scrollbar-3dlight-color:#FFE361;
	scrollbar-arrow-color:#A85C00;
	scrollbar-base-color:#ff6347;
	scrollbar-darkshadow-color:#DE9700;
	scrollbar-face-color:#FEB000;
	scrollbar-highlight-color:#FFE361;
	scrollbar-shadow-color:#A85C00;
	scrollbar-track-color:#FFCF69;	
	}
#viewport p {
	margin-bottom:12px;
	}
#viewport ul, #viewport ol {
	margin:0px 0px 12px 32px;
	}
#viewport th, #viewport td {
vertical-align: top;
}
#viewport .redText {
color: red;
}
#enterLZ {
	width:446px; height:73px; margin-top:26px;
	border:1px solid #FBB160;
	}
#enterLZ img {
	width:446px; height:73px;
	}
/* the R/hand column */
#rightCol {
	float:left; display:inline; margin-left:16px;
	width:166px; display:inline;
	}
#loginBox * {
	font-family:Arial, Helvetica, san-serif;
	}
#loginBox {
	height:90px; border:1px solid #FBB160;
	color:#A85C00; 
	}
#loginBox fieldset {
	border:0px; margin:8px 6px 0px 6px;
	}
#loginBox fieldset br {
	display:none;
	}
#loginBox fieldset div.legend {
	height:20px; overflow:hidden;
	}
#loginBox fieldset div.legend img {
	width:92px; height:18px; padding-top:2px;
	}
#loginBox fieldset img {
	width:65px; height:17px; padding:6px 3px 0px 0px;
	}
#loginBox fieldset input {
	width:78px; border:1px solid #FBB160;
	}
#loginBox fieldset input.loginButton {
	height:20px; width:30px; font-size:13px; display:block; float:right; font-weight:bold; background-color:#A85C00; color:#FFFFFF; padding-bottom:2px;
	}
#callback {
	margin-top:8px;
	border:1px solid #FBB160;
	}
#callback a img {
	border:0px; width:164px; height:89px; display:block;
	}
#schoolAd {
	margin-top:8px;
	overflow:hidden;
	}
#schoolAd img { 
	border:1px solid #FBB160; 
	width:164px; height:190px; 
	}
.editBar {
	text-align: left;
	color: #000000;
	background-color: #DDDDDD;
	font-size: 12px;
	font-weight: normal;
	line-height: 13px;
	}
#divEmailBox {
	color: #000000;
	background-color: #FEB100;
	padding: 0.2em 0.5em;
	}
#divEmailBox form label {
	font-size: 95%;
	float:left;
	width: 7em;
	}
#divEmailBox form a#btnCancelEmail {
	font-size: 80%;
	margin: 0px 0px 0px 0.5em;
	}