@charset "utf-8";
/* CSS Document */


body {
	background:#fff url(images08/page-bg.jpg) repeat-x center top;
	line-height: 1.6em;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #1b1b1b;
}
/*layout*/
#container {
	margin:0 auto;
	width:770px;
}
#header {
	height:50px;
	margin-top:20px;
	padding-bottom:15px;
}
#sidebar {
	float:left;
	width:200px;
	padding-bottom:20px;
}
#testimonial {
	margin:20px 0;
	line-height:1.2em;
}
#testimonial h3 {
	font-size:1.1em;
	margin:0;
	font-weight:bold;
}
#testimonial img {
	position:relative;
	left:-6px;
}
.left-quote {
	background:url(images08/leftquote.gif) no-repeat left top;
	width:14px;
	height:12px;
	float:left;
	position:relative;
	right:20px;
	margin-right:-20px;
}
.right-quote {
	background:url(images08/rightquote.gif) no-repeat left top;
	width:14px;
	height:12px;
	float:right;
	position:relative;
	right:-35px;
	top:-13px;
	margin-right:20px;
}
* html .right-quote {
	right:-55px;
}
.student-name {
	font-weight:normal;
	font-size:1.5em;
}
#menu, #menu ul {
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0;
}
#menu li {
	background:url(images08/menu-divider.gif) repeat-x right bottom;
	line-height:1.3em;
	padding:0px 0 2px 0;
}
#menu a {
	display:block;
	padding:4px 10px 4px 0;
	width:190px;
}
#menu a:hover {
	background:url(images08/arrow_right.gif) no-repeat right 0.3em;
	text-decoration:none;
	font-weight:bold;
	color:#000;
}
#menu a.submenu {
	padding:4px 0px 4px 10px;
	color:#c86262;
}
#menu a:hover.submenu {
	color:#000;
}
#content {
	float:right;
	width:540px;
	margin-bottom:20px;
}
#search {
	background:url(images08/search-bg.jpg) repeat-x left top;
	padding-left:40px;
	position:absolute;
	top:5px;
	right:0;
	height:37px;
}
#search-cdu {

	background:url(/cdufiles/ssi/images/search/search-cdu.gif) no-repeat;
	height:13px;
	margin:4px 7px 0 0;
	float:left;
	text-indent:-7777px;
	width:71px;
}
#search-form {
	padding-top:4px;
	padding-right:15px;
}
#search-form input, #search-form select {
	font-size:11px;
	float:left;
}
#search-form input {
	margin-left:3px;
}
#query {
	width:124px;
}
#contact-container {
	background:#990000 url(images08/contact-background.jpg) repeat-x center top;
	border-bottom:1px solid #5e0900;
	padding:20px 0;
	width:100%;
}
#contact-table {
	border-collapse:collapse;
	border:0;
}
#contact-table-col1 {
	width:138px;
}
#contact-table-col2 {
	width:239px;
}
#contact-table-col3 {
	width:25px;
}
#contact-table td {
	padding:0 5px 0 0;
}
#contact-body {
	margin:0 auto;
	width:770px;
}
#contact-heading {
	color:#fff;
	float:left;
	text-align:right;
	width:200px;
}
#contact-heading h3 {
	font-size:1.5em;
	font-weight:bold;
	margin:0;
}
#contact-content {
	color:#fff;
	float:right;
	font-weight:bold;
	line-height:1.2em;
	width:540px;
}
#contact-content a {
	color:#F8D358;
}
#contact-content label {
	display:none;
}
#contact-name, #contact-email, #contact-phone {
	background:url(images08/text-field.png) no-repeat center top;
	border:0;
	height:18px;
	padding:4px 8px 0 8px;
	margin-bottom:2px;
	width:122px;
}
#contact-message {
	background:url(images08/text-area.png);
	border:0;
	height:68px;
	overflow:auto;
	padding:3px 8px;
	width:223px;
}
#footer-container {
	background:#003359;
	padding:20px 0;
}
#footer {
	color:#DADADA;
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	margin:0 auto;
	width:584px;
	padding-left:193px;
}
#footer img {
	padding-bottom:20px;
}
/*typography*/

#footer a {
	color: #f8d358;}
a {
	color:#900;
	text-decoration: none;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 2em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;
	line-height:1.2em;
}
h2 {
	font-size: 1.6em;
	margin: 1.0em 0em 1.2em 0em;
	font-weight: normal;
	line-height:1.4em;
}
h3 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
h4 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
}
img {
	border: 0;
}
ol, ul {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 1em;
	margin-bottom: 1em;
}
p {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
}
li > p {
	margin-top: 0.2em;
}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
}
strong, b {
	font-weight: bold;
}
input, textarea {
	font:1em Arial, Helvetica, sans-serif;
}
hr {
	color:#333;
	height:1px;
	background:#333;
}
form {
	margin:0;
}
th {
	font-weight:normal;
}
img, div, p, input, textarea {
	behavior: url(/schoolleavers/iepngfix.htc)
}
/*global styles*/	
.clear-float {
	font-size:1px;
	line-height:1px;
	clear:both;
}
.float-left {
	float:left;
	margin-right:15px;
}
.float-right {
	float:right;
	margin-left:15px;
}
.top {
	background:url(images08/up-arrow.gif) no-repeat right 0.3em;
	padding-right:13px;
}