@import url(/common/css/header.css);

/* GENERAL
/************************************************************************************/
html {
	overflow:-moz-scrollbars-vertical; height: 100%;
}
* {}
body {
	font: 0.715em Verdana, "Trebuchet MS", Tahoma;
	line-height: 1;
	color: #333;
	background-color: #99CCCC;
	text-align: center;
	height: 100%;
	margin: 0px; padding: 0px;
	/* background: #EAF0EC; 99CCCC */
}

p {line-height: 160%;}
ul {line-height: 160%; list-style-type: square; padding: 0px 20px 0px 0px; margin-top: 0px;}
ol {line-height: 160%; }
td {line-height: 180%; vertical-align: top;}

td.webform {
	background: #fff;
	padding: 0px 0px 10px 0px;
}

/* HYPERLINKS {not including menu} */
/***********************************************************************************/
a img {border: none;}

a {color: #555; font-weight: normal; text-decoration: underline;}
a:link, a:visited {color: #009999;}
a:hover {
	color: #333333;
	text-decoration: none;
}

/* Only links in main paragraph will be bold - for extra definition */
#main_content p a {font-weight: bold;}


/* HEADINGS */
/************************************************************************************/
h1 {font: bold 1.8em Verdana, Arial, serif; margin: 0px; padding: 0px;}
h2 {font: bold 1.6em Verdana, Arial, serif; color: #41696C; border-bottom: 1px solid #f8f8f8;}

h2 {
margin:0;
}

h3 {font: bold 1.1em Verdana, Arial, serif; color: #41696C; padding-top: 2px; padding-bottom: 2px; margin-top: 3%; background: #F4F7F7;}
h4 {font: bold 1em Verdana, Arial, serif;}


/* LAYOUT */
/************************************************************************************/
/* Main Container */
#container {
	width: 778px; height: 100%; background: #ffffff; 
	padding: 0px; margin: 0px auto 0px auto; 
}


/* Left Column - for Navigation */
#column1 {
	width: 178px; display: block; background: #fff; 
	padding: 0px 10px 10px 10px; margin: 0px auto 0px auto; 
	float: left; clear: none;
	text-align: left;
}

/* Main Column - for Content */
#column2 {
	width: 570px; display: block; background: #ffffff; 
	padding: 0px; margin: 0px; 
	float: left; clear: right;
	text-align: left;
}

/* Appears on Subject Homepage only */
#main_img {width: 570px; height: 200px; display: block;  padding: 0px; margin: 0px; float: left; clear: both;
	background:  url("../img/main.gif") #41696C; border-bottom: 10px solid #fff;
}

body#gcse #main_img {width: 570px; height: 200px; display: block; padding: 0px; margin: 0px; float: left; clear: both;
	background:  url("../img/main_gcse.gif") #41696C; border-bottom: 10px solid #fff;
}

body#gcse_revised #main_img {width: 570px; height: 220px; display: block; padding: 0px; margin: 0px; float: left; clear: both;
	background:  url("../img/gcse_revised.gif") #41696C; border-bottom: 10px solid #fff;
}

/* Appears on all other pages */
/* Appears on all other pages */
#sub_img {width: 570px; height: 80px; display: block; padding: 0px; margin: 0px; float: left; clear: both;
	background:  url("../img/sub.gif") #ffffff;	
}


/* Main Content - text etc. */
#main_content {
	background: #ffffff; 
	width: 580px; display: block;
	padding: 10px 0px 10px 0px; margin: 0px; 
	float: left; clear: both;
	/*border: 1px solid #333;*/
}

#main_content p{
	padding: 0px 15px 15px 0px; margin: 0px; 
	/*border: 1px solid #333;*/
}


/* Optional right column - for extra navigation or news stories... */
#right_content {
	width: 200px; height:100%;display: block;
	padding: 0px; margin-left: 10px; margin-bottom: 10px; margin-right: 5px;
	float: right; clear: both;
	background-color: #eff8f6;
	border: 1px solid #b5dfd6;
}

#right_content p{
	color: #333;
	margin: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#right_content p a, #right_content p a:visited {
	color: #009999;
	font-weight: bold;
	text-decoration: none;
}

#right_content p a:hover{
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

#tbl_content {
	width: 170px; height:100%; display: inline;
	padding: 0px; margin-right: 10px; margin-bottom: 10px;
	float: left; clear: none;
	background-color: #E2F1D3;
}

#tbl_content p{
	color: #333;
	padding: 10px; margin: 0px;
}

#tbl_content p a{
	color: #333;
	font-weight: normal;	
}

/* Footer
see alistapart.com for footer article... */

#footer {
	width: 730px; height: 20px;
	padding: 5px; margin: 10px 10px 0px 10px; 
	float: none; clear: both;
	text-align: left;
	background: #fff ; 
	color: #006666;
	border-top: 1px solid #EAF0EC;
	
}

#address {
	width: 420px; 
	float: left; clear: none; 
	text-align: left;
}

#copyright {
	width: 300px;
	float: right; clear: none;
	text-align: right;
}

#address p, #copyright p {
	padding: 0px; margin: 0px;
}

/* Boxed elements */
/************************************************************************************/
#box_links a:link, #box_links a:visited {
	width: 258px; text-decoration: none;
	padding: 10px; background: #eff8f6;
	border: 1px solid #b5dfd6;
	float: left; clear: none;
	margin-right: 10px; margin-bottom: 10px;
}

#box_links a:hover {
	color: #333;
	background: #F1FAF8;
	border: 1px solid #E9F5F1;
	
}

#box_links p{
	padding: 4px 10px 0px 0px; margin: 0px;
	background: transparent;

}


/* MENU ELEMENTS */
/************************************************************************************/
/* Standard Menu Styling */

#leftnav {width: 178px; background: #ffffff;}

#leftnav ul {padding: 0px; margin: 0px; list-style: none;}
#leftnav ul li {padding: 0px; margin: 0px; line-height: 140%; float: left; clear: both;}

#leftnav a{
	padding-left: 5px; padding-top: 6px; padding-bottom: 4px;
	width: 173px; height: 15px;
	float: left; clear: both;
	color: #41696C; font-weight: bold; text-decoration: none;
	background:  url("../img/bg/hor.gif") #fff bottom repeat-x;
}

#leftnav a:hover{color: #000; background-color: #EBF5F5;}

/* Sub-nav Menu Styling */

#leftsubnav ul {padding: 0px; margin: 0px;}
#leftsubnav ul li {padding: 0px; margin: 0px; line-height: 90%;}

#leftsubnav a{
	width: 161px; height: 11px; line-height: 90%;
	padding-left: 15px;
	color: #41696C; font-weight: normal; text-decoration: none;
	background: none #fff;
}

#leftsubnav a:hover{color: #000; }

/* 'Active' menu elements */
body#home #leftnav #mnu_home, body#gcse #leftnav #mnu_gcse, body#examiners #leftnav #mnu_examiners, body#news #leftnav #mnu_news, body#links #leftnav #mnu_links, body#contact #leftnav #mnu_contact, body#gcse_benefits #mnu_gcse, body#gcse_specification #mnu_gcse, body#gcse_examinations #mnu_gcse, body#gcse_coursework #mnu_gcse, body#gcse_support #mnu_gcse, body#gcse_circulars #mnu_gcse, body#gcse_timetable #mnu_gcse, body#gcse_faqs #mnu_gcse
	{color: #009999;}

/* 'Active' menu elements - GCSE section */
body#gcse_benefits #nav_gcse #mnu_benefits,
body#gcse_specification #nav_gcse #mnu_specification,
body#gcse_examinations #nav_gcse #mnu_examinations,
body#gcse_coursework #nav_gcse #mnu_coursework,
body#gcse_support #nav_gcse #mnu_support,
body#gcse_circulars #nav_gcse #mnu_circulars,
body#gcse_timetable #nav_gcse #mnu_timetable,
body#gcse_faqs #nav_gcse #mnu_faqs
	{color: #009999;}
	


/* FORM ELEMENTS */
/************************************************************************************/
form {padding: 0px; margin: 0px; display: inline;}

input {
	font: bold 100% Verdana, "Trebuchet MS", Tahoma;
	color: #009999; padding: 3px;
}

input.textbox {
	font: bold 100% Verdana, "Trebuchet MS", Tahoma;
	color: #009999;
}

textarea {
	width: 300px;
	font: bold 100% Verdana, "Trebuchet MS", Tahoma;
	color: #009999; padding: 3px;
}

.txt_search {
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333; font-size: 100%; padding: 1px;
}

.btn_search {
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff; background-color: #0099FF; font-size: 100%;
}
.highlight {
	background-color: #F4F2E8;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}

/* MIME-type Links */

p.pdf, p.word, p.wmv, p.html, p.excel, p.mdb  {line-height: 1.5em; margin:0 0 10px 0; padding:0 0 0 33px; display:block; clear:both; min-height:40px;margin-left: 28px;}

/* for ie6 */
*html p.pdf, *html p.word, *html p.wmv, *html p.html, *html p.excel, *html p.mdb  {line-height: 1.5em; margin:0 0 10px 0; padding:0 0 0 33px; display:block; clear:both; height:40px;margin-left: 28px;}

p.pdf  {
	background:transparent url(/dep/img/ico/pdf.gif) no-repeat 0 0;
	
}
p.word  {background:transparent url(/dep/img/ico/word.gif) no-repeat 0 0;}
p.wmv  {background:transparent url(/dep/img/ico/wmv.gif) no-repeat 0 0;}
p.html  {background:transparent url(/dep/img/ico/html.gif) no-repeat 0 0;}
p.excel  {background:transparent url(/dep/img/ico/excel.gif) no-repeat 0 0;}
p.mdb  {background:transparent url(/dep/img/ico/mdb.gif) no-repeat 0 0;}

span.docdetails {
	font-size:90%;
	float:left;
	clear:both;
	color:#666;
	font-style:italic;
	margin-left: 28px;
}

a.indent {
	float:left;
	clear:both;
	margin-left: 28px;
}

/* PPT */
p.ppoint {line-height: 1.5em; margin:0 0 10px 0; padding:0 0 0 146px; display:block; clear:both; min-height:32px; background:transparent url(../img/ico/ppt.gif) no-repeat 0 0;}
/* for ie6 */
*html p.ppoint {line-height: 1.5em; margin:0 0 10px 0; padding:0 0 0 46px; display:block; clear:both; height:32px; background:transparent url(../img/ico/ppt.gif) no-repeat 0 0;}

#tabs {
  float: left;
  width: 100%;
  background: #fff url("../img/bg/bg.gif") repeat-x bottom;
  font-size: 93%;
  line-height: normal;
  margin-bottom: 10px;
}

#tabs ul {
  margin: 0;
  padding: 10px 10px 0;
  list-style: none;
}

#tabs li {
  float: left;
  background: url("../img/bg/norm_left.gif") no-repeat left top;
  margin: 0;
  padding: 0 0 0 9px;
}

#tabs a {
  float: left;
  display: block;
  background: url("../img/bg/norm_right.gif") no-repeat right top;
  padding: 5px 15px 4px 6px;
  text-decoration: none;
  font-weight: bold;
  color: #99cc99;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a { 
	float: none;
}

/* End IE5-Mac hack */

#tabs a:hover {
  color: #333;
}

#tabs #current {
  background-image: url("../img/bg/norm_left_on.gif");
}

#tabs #current a {
  background-image: url("../img/bg/norm_right_on.gif");
  color: #333;
  padding-bottom: 5px;
}

#right_content {
background-color:#EEF2F2;
border:1px solid #7D4123;
display:block;
float:right;
height:100%;
margin-bottom:10px;
margin-left:10px;
margin-right:5px;
padding:10px;
width:200px;
}