/* -( body )- */

body {
	background-color: #ffd9b2;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #231f20;
	font-weight: normal;
	scrollbar-face-color : #d0d0d0;
	scrollbar-shadow-color : #a2a2a2;
	scrollbar-highlight-color : #fff;
	scrollbar-3dlight-color : #efefef;
	scrollbar-darkshadow-color : #8d8d8d;
	scrollbar-arrow-color : #201046;
	background-image: url(images/template/background.gif);
	background-repeat: repeat-x;
	}
	
a:link { text-decoration: underline; color: #231f20;  }
a:visited { text-decoration: underline; color: #231f20; }
a:hover { text-decoration: underline; color: #000062; }
a:active { text-decoration: underline; color: #231f20; }

/* -( template )- */

#wrapper {
	position: relative;
	visibility: visible;
	overflow: hidden;
	z-index: 1;
	height: 618px;
}

#logo {
	position: absolute;
	visibility: visible;
	top: 0px;
	right: 30px;
	height: 94px;
	width: 200px;
	overflow: hidden;
	z-index: 1;
	background-image: url(images/template/logo.gif);
	background-repeat: no-repeat;
}

#logoPrint {
	visibility: hidden;
	position: absolute;
}

#strap {
	background-image: url(images/template/strap_vert.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 1;
	height: 506px;
	width: 28px;
	left: 10px;
	top: 138px;
}

#menu {
	overflow: hidden;
	position: relative;
	visibility: visible;
	z-index: 4;
	height: 23px;
	margin-top: 0px;
	margin-bottom: 1px;
	margin-left: 45px;
	top: 90px;
	}
	
#overlap {
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 2;
	height: 23px;
	margin-top: 0px;
	width: 30px;
	height: 23px;
	top: 90px;
	right: 0px;
	background-image: url(images/template/menu_overlap.gif);
	background-repeat: no-repeat;
	}

#panel {
	background-color: #FFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #cfcfcf;
	border-left-color: #cfcfcf;
	overflow: hidden;
	position: relative;
	visibility: visible;
	z-index: 1;
	height: 536px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 4px;
	margin-left: 45px;
	top: 90px;
	
}

#footer {
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 5;
	height: 32px;
	top: 646px;
	width: 428px;
	right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 28px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	background-image: url(images/template/footer_bg.gif);
	background-repeat: repeat-x;
}

#legal {
	overflow: hidden;
	position: relative;
	visibility: visible;
	z-index: 4;
	height: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 28px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	background-image: url(images/template/footer_bg.gif);
	background-repeat: repeat-x;
	padding: 0px;
	margin-top: 4px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 45px;
}

#submenu {
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 5;
	height: 490px;
	left: 63px;
	top: 108px;
	width: 208px;
	background-color: #FFF;
	border: 1px solid #cfcfcf;
	float: left;
}

#bodyMain {
	overflow: auto;
	position: relative;
	visibility: visible;
	z-index: 5;
	height: 261px;
	background-color: #FFF;
	border: 1px solid #cfcfcf;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 280px;
	left: 0px;
	top: -432px;
}

#bodySub {
	overflow: auto;
	position: relative;
	visibility: visible;
	z-index: 5;
	height: 219px;
	top: -425px;
	background-color: #FFF;
	border: 1px solid #cfcfcf;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 280px;
}


#bodyWhole {
	overflow: auto;
	position: relative;
	visibility: visible;
	z-index: 5;
	height: 490px;
	background-color: #FFF;
	border: 1px solid #cfcfcf;
	margin-top: 0px;
	margin-right: 60px;
	margin-bottom: 0px;
	margin-left: 280px;
	left: 0px;
	top: -432px;
}

/* -( menu )- */

#menu01 {
	background-image: url(images/menu/01_o.gif);
	background-repeat: no-repeat;
	left: 45px;
	top: 90px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 23px;
	width: 49px;
}

#menu02 {
	background-image: url(images/menu/02_o.gif);
	background-repeat: no-repeat;
	left: 94px;
	top: 90px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 23px;
	width: 62px;
}

#menu03 {
	background-image: url(images/menu/03_o.gif);
	background-repeat: no-repeat;
	left: 156px;
	top: 90px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 23px;
	width: 93px;
}

#menu04 {
	background-image: url(images/menu/04_o.gif);
	background-repeat: no-repeat;
	left: 249px;
	top: 90px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 23px;
	width: 76px;
}

#menu05 {
	background-image: url(images/menu/05_o.gif);
	background-repeat: no-repeat;
	left: 325px;
	top: 90px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 23px;
	width: 100px;
}

#menu06 {
	background-image: url(images/menu/06_o.gif);
	background-repeat: no-repeat;
	left: 425px;
	top: 90px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 23px;
	width: 112px;
}

#menu07 {
	background-image: url(images/menu/07_o.gif);
	background-repeat: no-repeat;
	left: 537px;
	top: 90px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 23px;
	width: 128px;
}

#menu08 {
	background-image: url(images/menu/08_o.gif);
	background-repeat: no-repeat;
	left: 665px;
	top: 90px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 23px;
	width: 68px;
}

#menu09 {
	background-image: url(images/menu/09_o.gif);
	background-repeat: no-repeat;
	left: 733px;
	top: 90px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 23px;
	width: 53px;
}

#menu10 {
	background-image: url(images/menu/11_o.gif);
	background-repeat: no-repeat;
	left: 45px;
	top: 90px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 23px;
	width: 74px;
}

/* -( submenu )- */

#subMenu0101 {
	background-image: url(images/submenu/01o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 134px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0102 {
	background-image: url(images/submenu/02o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 170px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0103 {
	background-image: url(images/submenu/03o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 206px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0104 {
	background-image: url(images/submenu/04o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 242px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}
/* Course Menu Buttons */
#subMenu0201 { /* Overview */
	background-image: url(images/submenu/49o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 134px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0202 { /* A Level Computing */
	background-image: url(images/submenu/50o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 164px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0203 { /* GCSE ICT */
	background-image: url(images/submenu/51o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 224px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0204 { /* GCSE Maths */
	background-image: url(images/submenu/52o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 254px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0205 { /* GCSE English */
	background-image: url(images/submenu/53o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 284px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0206 { /* GCSE French */
	background-image: url(images/submenu/54o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 314px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0207 { /* GCSE Revision */
	background-image: url(images/submenu/55o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 344px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0208 { /* Primer ICT */
	background-image: url(images/submenu/56o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 374px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0209 { /* Primer English */
	background-image: url(images/submenu/57o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 404px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0210 { /* Primer Maths */
	background-image: url(images/submenu/58o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 434px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0211 { /* Primer French */
	background-image: url(images/submenu/59o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 464px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0212 { /* Secondary Transfer */
	background-image: url(images/submenu/60o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 494px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0213 { /* Summer Courses */
	background-image: url(images/submenu/61o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 554px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0214 { /* Baby & Toddler */
	background-image: url(images/submenu/62o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 524px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}

#subMenu0215 { /* A Level Maths */
	background-image: url(images/submenu/63o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 194px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 30px;
	width: 206px;
}
#subMenu0301 {
	background-image: url(images/submenu/32o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 134px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0302 {
	background-image: url(images/submenu/33o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 170px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0303 {
	background-image: url(images/submenu/34o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 206px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0401 {
	background-image: url(images/submenu/26o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 134px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0402 {
	background-image: url(images/submenu/27o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 170px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0403 {
	background-image: url(images/submenu/28o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 170px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0404 {
	background-image: url(images/submenu/29o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 206px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0501 {
	background-image: url(images/submenu/30o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 134px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0502 {
	background-image: url(images/submenu/31o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 170px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0503 {
	background-image: url(images/submenu/37o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 206px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0701 {
	background-image: url(images/submenu/38o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 134px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0702 {
	background-image: url(images/submenu/39o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 170px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0703 {
	background-image: url(images/submenu/40o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 206px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0801 {
	background-image: url(images/submenu/22o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 134px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0802 {
	background-image: url(images/submenu/23o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 170px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0803 {
	background-image: url(images/submenu/24o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 206px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0804 {
	background-image: url(images/submenu/25o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 242px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0805 {
	background-image: url(images/submenu/41o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 278px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0901 {
	background-image: url(images/submenu/42o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 134px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0902 {
	background-image: url(images/submenu/43o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 170px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}

#subMenu0903 {
	background-image: url(images/submenu/35o.gif);
	background-repeat: no-repeat;
	left: 64px;
	top: 206px;
	overflow: hidden;
	position: absolute;
	visibility: visible;
	z-index: 50;
	height: 36px;
	width: 206px;
}