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


/* GENERAL
/************************************************************************************/

html {
	overflow:-moz-scrollbars-vertical; height: 100%;
}

body {
	font: 0.715em/1 Verdana, "Trebuchet MS", Tahoma;
	color: #41696C;
	height: 100%;
	margin: 0px; padding: 0px;
	background: #EAF0EC;
	text-align: center;
}

p {line-height: 160%;}
ul {line-height: 160%; list-style-type: square; color: #7C9E87; padding: 0px; margin-top: 10px; margin-right: 10px; }
ol {line-height: 160%;}
td {line-height: 160%; 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: #555;}
a:hover {color: #0099CC;}


/* 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.1em Verdana, Arial, serif; color: #41696C; border-bottom: 1px solid #f8f8f8;}
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: #ffffff; 
	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: 180px; display: block;  padding: 0px; margin: 0px; float: left; clear: both;
	background:  url("../img/main.gif") #41696C;	
}

body#aea #main_img {width: 570px; height: 180px; display: block; padding: 0px; margin: 0px; float: left; clear: both;
	background:  url("../img/main_aea.gif") #41696C;	
}

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

body#revised_gcse #main_img {width: 570px; height: 220px; display: block; padding: 0px; margin: 0px; float: left; clear: both;
	background:  url("../img/gcse_revised_journalism.gif") #41696C;	
}

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

#sub_img_revised {width: 580px; height: 60px; display: block; padding: 0px; margin: 0px; float: left; clear: both;
	background:  url("../img/sub_revised_gcse.gif") #41696C;	
}

/* Main Content - text etc. */
#main_content {
	background: #ffffff; 
	width: 570px; 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-bottom:10px; margin-left:10px; margin-right:5px; margin-top:10px;
 float: right; 
 background-color: #EAF0EC;
 border: 1px solid #3F3F3F;
}
 
#right_content p{
 color: #333;
 margin: 0px;
 margin-top: 0px;
 margin-right: 10px;
 margin-bottom: 10px;
 margin-left: 10px;
}
 
#right_content p a, #right_content p a:visited {
 color: #297CE2;
 text-decoration: underline;
}
 
#right_content p a:hover{
 color: #3F3F3F;
 text-decoration: none;
}



/* 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: 360px; 
	float: left; clear: none; 
	text-align: left;
}

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

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


/* 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: right;
	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: #F4F7F7;}

/* 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: 17px;
	color: #649DA2; font-weight: normal; text-decoration: none;
	background: #fff;
}

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

/* 'Active' menu elements */
body#home #leftnav #mnu_home, 
body#gcse #leftnav #mnu_gcse, 
body#revised_gcse #leftnav #mnu_revised_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,

body#revised_gcse_benefits #mnu_revised_gcse, 
body#revised_gcse_specification #mnu_revised_gcse, 
body#revised_gcse_examinations #mnu_revised_gcse, 
body#revised_gcse_controlled_assessment #mnu_revised_gcse, 
body#revised_gcse_support #mnu_revised_gcse, 
body#revised_gcse_circulars #mnu_revised_gcse, 
body#revised_gcse_timetable #mnu_revised_gcse, 
body#revised_gcse_faqs #mnu_revised_gcse
	{background-color: #F4F7F7;}

/* '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,

/* 'Active' menu elements - Revised GCSE section */
body#revised_gcse_benefits #nav_revised_gcse #mnu_benefits,
body#revised_gcse_specification #nav_revised_gcse #mnu_specification,
body#revised_gcse_examinations #nav_revised_gcse #mnu_examinations,
body#revised_gcse_controlled_assessment #nav_revised_gcse #mnu_controlled,
body#revised_gcse_support #nav_revised_gcse #mnu_support,
body#revised_gcse_circulars #nav_revised_gcse #mnu_circulars,
body#revised_gcse_timetable #nav_revised_gcse #mnu_timetable,
body#revised_gcse_faqs #nav_revised_gcse #mnu_faqs

	{font-weight: bold; color: #41696C;}
	
/* FORM ELEMENTS */
/************************************************************************************/


	
#question {
	color: #41696C;
	background-color:#F4F7F7;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

#answer {
	color: #41696C;
	background-color:#fff;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	
}

#question p, #answer p{
	line-height: 160%;
	padding: 0px; margin: 0px;
}

.quote {
	color: #006666;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 150%;
	font-size: 1.1em;
	background: #EAF0EC;
	padding: 10px;
	margin-right: 10px;
	
}


/*  TABS"""" */

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

#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: #41696C;
}

/* 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;
}

/************************************************************************************/

/* 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; line-height: 150%;
}

.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;
}
.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.doc, 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;}
 
/* for ie6 */
*html p.pdf, *html p.doc, *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;}
 
p.pdf  {
            background:transparent url(/dep/img/ico/pdf.gif) no-repeat 0 0;
            
}
p.doc  {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/xls.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.ppt {line-height: 1.5em; margin:0 0 10px 0; padding:0 0 0 46px; display:block; clear:both; min-height:32px; background:transparent url(/dep/img/ico/ppt.gif) no-repeat 0 0;}
/* for ie6 */
*html p.ppt {line-height: 1.5em; margin:0 0 10px 0; padding:0 0 0 46px; display:block; clear:both; height:32px; background:transparent url(/dep/img/ico/ppt.gif) no-repeat 0 0;}