html, body {
	margin: 0;
	padding: 0;
}
body {
	background: #FFFFFF url('../../../images/global/gb_bg.gif') no-repeat left top;
}
#container {
	margin: 0 0 0 23px;
}
#container, #containercell {
	width: 970px;
	height: 800px;
}
table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	color: #000000;
}
table, input {
	font: 11px arial,helvetica,sans-serif;
}
td {
	padding: 0;
	vertical-align: top;
}
.nav_col {
	width: 200px;
}
.content_col {
	width: 520px;
}
.right_col {
	width: 250px;
}
.left_cols {
	width: 720px;
}

/* safari gets confused if the background position is left (something)px */
.landing {
	height: 519px;
	background: transparent url('../../../images/global/he_exam_bg.gif') repeat-x 0px 248px;
}
.inside {
	height: 519px;
	background: transparent url('../../../images/global/gb_inside_bg.gif') repeat-x 0px 80px;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
li {
	margin: 0;
}
a {
	color: #000000;
}
a img {
	border: 0;
}

#header .breadcrumbs {
	height: 20px;
	background-color: #F2238B;
	color: #FFFFFF;
	vertical-align: middle;
}
#header .breadcrumbs div {
	margin-left: 11px;
}
#header .breadcrumbs a {
	color: #FFFFFF;
}
#header .under_breadcrumbs {
	height: 1px;
	background-color: #FFFFFF;
}

/* rollover technique based on http://www.redmelon.net/tstme/roll/ */
#nav {
	background-color: #FFFFFF;
}
#nav a {
	display: block;
	margin: 0 0 1px;
	width: 200px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: left top;
}
#nav .english a {
	background-image: url('../../../images/nav/sc/nav_eng_in.gif');
}
#nav .drama a {
	background-image: url('../../../images/nav/sc/nav_dra_in.gif');
}
#nav .cert a {
	background-image: url('../../../images/nav/sc/nav_tesol_in.gif');
}
#nav .music a {
	background-image: url('../../../images/nav/sc/nav_music_in.gif');
}
#nav .centre a {
	background-image: url('../../../images/nav/sc/nav_centre_in.gif');
}
#nav .news a {
	background-image: url('../../../images/nav/sc/nav_news_in.gif');
}
#nav .about a {
	background-image: url('../../../images/nav/sc/nav_about_in.gif');
}
#nav .contact a {
	background-image: url('../../../images/nav/sc/nav_contact_in.gif');
	margin-bottom: 0;
}
#nav a:hover img {
	visibility: hidden;
}

#subnav_shadow {
	display: block;
}
#subnav {
	padding: 0 0 8px 11px;
}
#nav #subnav a {
	margin: 0;
	padding: 5px 0 3px;
	width: 189px;
	height: auto;
	background-image: none;
	color: #57184D;
	text-decoration: none;
	border-bottom: 1px solid #D0D0D0;
}
#nav #subnav .first a {
	padding-top: 0px;
}
#nav #subnav .last a {
	border-bottom: 0;
}
#nav #subnav font.on {
	color: #000;
	font-weight: bold;
}
#subnav img {
	margin-right: 8px;
}
#nav #subnav a:hover img {
	visibility: visible;
}

/* without this everything after this shifts 2 pixels to the left in explorer 6
   we can't apply the width to the ul itself because
     box model
     something funny happens with the padding in explorer 5
*/
#explorerfixer {
	width: 100%;
	padding-top: 1px;
}
#contact_info {
	border: 1px solid #D0D0D0;
	border-bottom: 0;
	padding: 6px 0 24px 6px;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #333333;
}
#contact_info img {
	margin-right: 5px;
}
#contact_info .email {
	margin-bottom: 4px;
}
#content .right_col {
	background: transparent url('../../../images/global/right_bg.gif') no-repeat 0px 207px;
}
#links {
	padding: 4px 0 0 14px;
	font-size: 11px;
}
#links li {
	margin: 1px 0 4px;
}
#links img {
	margin-right: 9px;
}
#links a {
	color: #000000;
}

#copy {
	line-height: 16px;
}
#copy p, #copy ul {
	margin: 0 0 16px;
}
#copy li {
	margin: 1px 0 4px;
}
#copy .nomargin {
	margin: 0;
}
#copy .arrow {
	margin-right: 8px;
}
#copy ul.buttons li {
	display: inline;
	margin-right: 5px;
}
#copy ul.downloads li {
	background: url('../../../images/global/gb_arrow.gif') no-repeat 0% 50%;
	padding-left: 12px;
	line-height: 18px;
}
#copy div.title {
	color: #57184D;
	font-size: 13px;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}
#copy div.title_listings {
	color: #57184D;
	font-size: 13px;
	font-weight: bold;
	width: 300px; 
	float: left;
}
#copy div.subtitle {
	color: #57184D;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 8px;
}
#copy div.newsTitle {
	color: #57184D;
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 10px;
}
#copy div.box {
	width: 73px;
	height: 51px;
	float: left;
	background-color: #FFF;
	margin-top: 6px;
	margin-right: 8px;
	margin-bottom: 14px;
	margin-left: 6;
}
#copy div.map {
	width: 173px; 
	height: 150px; 
	float: right; 
	background-color: #FFFFFF; 
	margin-top: 8px;
}
#copy td{
	vertical-align: middle;
}
#copy td.valignTop {
	vertical-align: top;
}
#copy .line {
	border-top: 1px solid #4A6A8A;
	border-bottom: 1px solid #4A6A8A;
}
#copy div.sendBtn {
	margin-top: 6px; 
	text-align: right;
}
#copy td.leftPadTop {
	padding-left: 7px;
	vertical-align: top; 
	padding-top: 7px;
}
#siteMap td.sitemap {
	vertical-align: top; 
	padding: 8px 0 0 19px;
}
#siteMap p, #copy ul {
	margin: 0 0 16px;
}
#siteMap li {
	margin: 1px 0 4px;
}
#copy div.listingsBack {
	float: right; 
	text-align: right;
}
#copy div.info01 {
	width: 30px; float: left; text-align: center;
}
#copy div.info02 {
	width: 65px; float: left; text-align: center;
}
#copy div.info03 {
	width: 90px; float: left; text-align: center;
}
.landing #copy {
	min-height: 334px;
}
.landing #copy .section0, .landing #copy .section1, .landing #copy .section2, .landing #copy .section3, .landing #copy .section4 {
	padding: 9px 22px 0 17px;
}
.inside #copy {
	padding: 8px 19px 0;
}
.inside #siteMap {
	padding: 0;
	line-height: 16px;
}
#stay_updated {
	margin: 0;
	padding: 0 0 0 13px;
	height: 162px;
	background: url('../../../images/stay/gb_stay_bg.gif') repeat-y left top;
}
#stay_updated p {
	margin: 0 21px 0 0;
	padding: 4px 0 5px;
}
#stay_updated .tile {
	float: left;
	width: 76px;
	padding-bottom: 3px;
}
#stay_updated .tile input {
	margin-left: 0;
}
#stay_updated input, #stay_updated label {
	vertical-align: middle;
}
#stay_updated .endtile {
	clear: both;
	padding-top: 4px;
}
#stay_updated .text {
	width: 160px;
}
#related_links ul {
	padding: 6px 0 16px 10px;
	line-height: 18px;
}
#related_links li {
	margin: 1px 0 3px 0;
}
#footer {
	margin-top: 12px;
	font-size: 10px;
}
#footer .right_col {
	text-align: right;
}


.bgColor01 {
	background-color: #7A92AA;
}
.arrow {
	margin-right: 8px;
}
.leftPad {
	padding-left: 7px;
}
.leftPad24 {
	padding-left: 24px;
}
.inputSize {
	width: 250px;
}
.noPadding {
	padding: 0px;
}