/****************************************************************/
/* 1.	NON LAYOUT */
/****************************************************************/
/* 1A.  HEADINGS */
/****************************************************************/

h1 {
	margin: 0px;
	padding: 0px;
	background: transparent;
    font-size: large;
    color: #660099;
}

h2 {
	color: #660099;
	font-size: medium;
}
h3 {
	color: #0086FA;
	font-size: small;
}

/****************************************************************/
/* 1B.  HYPERLINKS */
/****************************************************************/

img.thumb {
	float: right;
    padding: 5px;
    border: #CCC 1px solid;
    background: #DCEEFF;
    margin: 0 0 5px 5px;
}
img.thumbLeft {
	float: left;
    padding: 5px;
    border: #CCC 1px solid;
    background: #DCEEFF;
    margin: 0 5px 5px 0;
}
a {
	color: #660099;
	text-decoration: underline;
}
a img {
	border: 0px;
}
a:hover {
	color: #0086FA;
	text-decoration: underline;
}
a.button {
	background: #660099;
	padding: 3px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
a.button:hover {
	background: #0086FA;
	text-decoration: none;
}

/****************************************************************/
/* 1C.  OTHER */
/****************************************************************/

p {
    text-align: left;
}
p.notice {
	color: #FF0000;
	font-weight: bold;
}

div.spacer {
	clear: both;
}
span.AS, span.A2, span.GCSE, span.BTEC, span.GE {
	color: #FFFFFF;
	font-weight:bold;
	padding: 1px;

}
span.AS {
	background: #D12A33;
}
span.A2 {
	background: #172697;
}
span.GE {
	background: #FFAA00;
}
span.GCSE {
	background: #62B749;
}
span.BTEC {
	background: #488074;
}
div#hsfcCourseUnits ul li {
	padding-bottom: 10px;
}

tr.resultsb td {
	background: #E8F4FF;
}
.box {
    padding: 10px;
    border-bottom: #C2E1FD 1px solid;
    background: #D8ECFE url('../../pics/design/boxbg.gif') no-repeat bottom right;
    margin-bottom: 10px;
}
.captionBox {
    border-bottom: #C2E1FD 1px solid;
    background: transparent;
    margin-bottom: 10px;
    text-align: right;
    padding-bottom: 2px;
    color: #660099;
}
#archivedPage {
    background: #FFE681 url(../../pics/design/archive.gif) no-repeat 5px 3px;
    font-weight: bold;
    padding: 10px;
    padding-left: 70px;
    border: #FFCD03 1px solid;
    margin-top: 5px;
}
#archivedPageInterested {
    background: #FFF5CD;
    padding: 10px;
    border: #FFCD03 1px solid;
    border-top: 0px;
    margin-bottom: 10px;
    font-style: italic;
}
/****************************************************************/
/* 2.	PAGE LAYOUT */
/****************************************************************/
/* 2A.  PAGE HOLDER */
/****************************************************************/

html, body {
    margin: 0px;
    background: #FFFFFF;

}

body, div, p, td {
    font-family: verdana, sans serif;
    font-size: small;
    color: #000000;
}

div#pageholder {
    text-align: left;
    width: 770px;
    padding: 0px;
    margin: 0 auto 0 auto;
    background: #FFFFFF;
}
div#printhead {
    display: none;
}

/****************************************************************/
/* 2B.  HEADER */
/****************************************************************/

div#headpanel {
	height: 69px;
	width: 750px; 
	background:#660099 url("../../pics/design/headpanelbg.gif") repeat-x;
	padding-left: 10px;
	padding-right: 10px;
}
div#accessibilitypanel {
	color: #A680B9;
	text-align: right;
	padding-top: 5px;
	width: 300px;
	float: right;
}
div#accessibilitypanel a {
	color: #FFFFFF;
	text-decoration: none;
}
div#accessibilitypanel a:hover {
	color: #A680B9;
	text-decoration: underline;
}
div#mainmenu {
	height: 17px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	width: 750px;
	background: #0086FA url("../../pics/design/mainmenubg.gif") no-repeat bottom;
	color: #FFFFFF;
}
div#mainmenu a {
	color: #FFFFFF;
	text-decoration: none;
	font-size:12px;
	font-weight: bold;
    padding: 3px 5px 3px 5px;
}
div#mainmenu a:hover {
	color: #0086FA;
	background: #FFFFFF;
}
span.menudivider {
    display: none;
}


/****************************************************************/
/* 2B.  MIDDLE SECTION (CONTENT) */
/****************************************************************/

div#contentpanel {
	width: 770px;
	padding-top: 15px;
	padding-bottom: 15px;
}

/****************************************************************/
/* 2B1. SUB MENU */
/****************************************************************/
div#leftpanel {
	width: 160px;
	float:left;
}
div#submenu {
	width: 160px;
	background: #DDC7E8 url("../../pics/design/submenuhead.gif") no-repeat top;
	color: #660099;
	font-size: 12px;
	padding: 5px;
}
div#submenu ul {
    margin: 0px;
	margin-top: 10px;
    padding: 0px;
}
div#submenu li {
    list-style: none;
}
div#submenu li a {
    color: #0086FA;
    display: block;
    width: 155px;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 4px 5px 4px 0px;
    background: transparent;
}
* html div#submenu li a {
    width: 155px;
}
div#submenu li a:hover {
    color: #660099;
    background: #FFFFFF;
}
div#submenufooter {
	width: 170px;
	background: #DDC7E8 url("../../pics/design/submenufooter.gif") no-repeat bottom;
	height: 10px;
}

/****************************************************************/
/* 2B2. CONTENT */
/****************************************************************/

div#content {
	width: 587px;

	background: transparent;
	float: right;
}
div#content p, div#content td, div#content li {
	font-size: small;
}
div#breadcrumbs {
	text-align: right;
	color: #0086FA;
	font-size: x-small;
}
div#breadcrumbs a {
	text-decoration: none;
	color: #660099;
}
div#breadcrumbs a:hover {
	color: #0086FA;
	text-decoration: underline;
}

/****************************************************************/
/* 2C.  FOOTER */
/****************************************************************/
div#footer {
	height:17px;
	width:760px;
	background: #660099 url("../../pics/design/footerbg.gif") no-repeat;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 10px;
}
div#fychan, div#cedyrn {
	width: 770px;
	color: #660099;
	text-align: right;
	font-weight: bold;
}
div#cedyrn { font-weight: normal; }
div#fychan a, div#cedyrn a {
	color: #660099;
	text-decoration: none;
}
div#fychan a:hover, div#cedyrn a:hover {
	color: #0086FA;
	text-decoration: underline;
}