@import url(/common/css/header.css);

/* GENERAL
/************************************************************************************/
* {}


body {
	font: 0.715em/1 Verdana, "Trebuchet MS", Tahoma;
	color: #333;
	background: #EEF1F2;
	text-align: center;
	height: 100%;
	margin: 0px; padding: 0px;
}

p {line-height: 150%;}
ul {line-height: 150%; list-style-type: square;}


/* 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;}

#ccea_nav a:link, #ccea_nav a:visited {color: #999999; text-decoration:none;}
#ccea_nav a:hover {color: #333; text-decoration:none;}

#breadcrumb a:link, #breadcrumb a:visited {color: #000000; text-decoration: none;}
#breadcrumb a:hover {color: #666666; text-decoration: underline;}

#page_nav a:link, #page_nav a:visited {color: #ff0000; text-decoration: none; padding-test text: 10px;}
#page_nav a:hover {color: #000000; text-decoration: none;}

#tablelevel a {color: #660000; font-weight: normal; text-decoration: none;}
#tablelevel a:link{color: #660000}; #page_nav a:visited {color: #ff0000; text-decoration: none; padding-test text: 10px;}
#tablelevel a:hover {color: #000000; text-decoration: underline;}

/* 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.01em Verdana, Arial, serif; color: #000000; padding-top: 2px; padding-bottom: 2px; margin-top: 3%;;}
h4 {font: 1em Verdana, Arial, serif;}


/* LAYOUT */
/************************************************************************************/
/* Main Container */
#container {
	width: 780px; 
	background-color:#fff;
	margin: 0px auto 0px auto;
	
}


/* Header */
#header {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	float: none;
	clear: both;
	text-align: left;
	background-color: #fff;
}


/* Breadcrumb */



/* Left Column - for Navigation */
#column1 {
	width: 180px; display: block; 
	padding-left: 0px; margin-left: 5px;
	float: left; clear: none;
	text-align: left;
	background-color: #fff; 

}

/* Main Column - for Content */
#column2 {
	width: 570px; display: block;  
	padding: 0px; margin: 0px 0px 0px 9px; 
	float: left; clear:none;
	text-align: left;
	background-color: #fff;
}
#horz{
	width: 570px; display: block;
	padding-bottom: 10px;
	float: left; clear:none;
}

#homenews{
	background-color: #F9FAF4;
	text-align: left;
	margin: 2px;
	padding: 10px;
	clear: none;
	float: left;
	height: 100%;
	width: 530px;
	line-height: 130%;
	vertical-align: top;
}

#hometext{
	background-color: #F9FAF4;
	text-align: left;
	margin-left: 2px;
	padding: 0px 0px 2px 10px;
	clear: none;
	float: left;
	width: 540px;
	line-height: 100%;
	vertical-align: top;
	align: right;
	top: auto;
}

#boxblank{

	text-align: left;
	margin-left: 2px;
	padding: 0px 0px 2px 10px;
	clear: none;
	float: left;
	width: 540px;
	line-height: 100%;
	vertical-align: top;
	align: right;
	top: auto;
}

#homepict0{
	margin: 0px;
	padding: 0px;
	width: 173px;
	height: 184px;
	background:  url(../img/big-foot.jpg) no-repeat #FFF6F1;
	clear: none;
	float: right;	
	align: top;


}
#hometext1{
	text-align: left;
	margin-top: 2px; margin-bottom: 0px; margin-left: 0px; margin-right:0px;
	padding-left: 45px; padding-bottom: 5px;
	clear: none;
	float: left;
	
	width: 110px;
	line-height: 100%;
	vertical-align: top;
	font-size: x-small;	
	
}





#homepict1{
	margin-top: 2px; margin-bottom: 0px; margin-left: 2px; margin-right:0px;
	padding-bottom: 0px;
	width: 180px;
	
	vertical-align: top;
	background:  url(../img/homeimages_03.jpg) no-repeat #FFF6F1;
	text-align: left;
	line-height: 100%;
	font-size: small;
	clear: none;
	float: left;
}


#homepict2{
	margin-top: 2px; margin-bottom: 0px; margin-left: 5px; margin-right:0px;
	padding-bottom: 0px;
	width: 180px;
	
	vertical-align: top;
	background:  url(../img/homeimages_05.jpg) no-repeat #F1F2F6;
	text-align: left;
	line-height: 100%;
	font-size: small;
	clear: none;
	float: left;
}

#homepict3{
	margin-top: 2px; margin-bottom: 0px; margin-left: 5px; margin-right:0px;
	padding-bottom: 0px;
	width: 180px;
	
	vertical-align: top;
	background:  url(../img/homeimages_08.jpg) no-repeat #F0F5EF;
	text-align: left;
	line-height: 100%;
	font-size: small;
	clear: none;
	float: left;
}




#betweenpics{
	padding: 0px 0px 5px 10px;
	background-color:#fff;

}

#gopict{
	margin-left: 20px;
	margin-top: 20px;
	font-size: small;
	color:#D25F1F;
}
#gopict-old{
	margin-top: 0px; margin-bottom: 0px; margin-left: 100px; margin-right:0px;
	padding:0px;
	width: 21px;
	height: 19px;
	border: 1px solid #000;
	background-color:#009900;
	font-size: small;
	clear: none;
	float: left;
	text-align: left;
	line-height: 100%;
	vertical-align: top;
	font-size: small;
}

/* 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.jpg");background-color:#FFFFFF;}

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#gce #main_img {width: 570px; height: 180px; display: block; padding: 0px; margin: 0px; float: left; clear: both;
	background:  url("../img/main_gce.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#gcse_short_course #main_img {width: 570px; height: 180px; display: block; padding: 0px; margin: 0px; float: left; clear: both;
	background:  url("../img/main_gcse_short_course.gif") #41696C;	
}

body#entry_level #main_img { width: 570px; height: 180px; display: block; padding: 0px; margin: 0px; float: left; clear: both;
	background:  url("../img/main_entry_level.gif") #41696C;	
}

body#goml #main_img {width: 570px; height: 180px; display: block; padding: 0px; margin: 0px; float: left; clear: both;
	background:  url("../img/main_goml.gif") #41696C;	
}

/* 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 {
	width: 560px; display: block; 
	padding: 0px; 
	margin: 3px; 
	float: left; clear: both;
	background-color:#FFFFFF;

}
/* tables for levels*/

#tablelevel{  
 /*background:  url("../img/tables/box.gif") ;*/
 display:inline; 
 padding: 2px;
 margin:3px; 
 width: 168px;
 height:136px;
 float:left;clear:none;
}

/* Optional test text column - for extra navigation or news stories... */
#test text_content {
	width: 510px; height:100%;display: table; 
	padding: 0px; margin-left: 10px;margin-bottom: 10px;
	float: left; clear: both;
	background-color: #fff;
	border: 1px solid #F3E1E1; border-bottom: 1px solid #C5D4D6;
	/*display:none;*/
}

#test text_content p{
	color: #333;
	padding: 10px; margin: 0px;
}

#test text_content p a{
	color: #333;
	font-weight: normal;	
}

/* Footer
see alistapart.com for footer article... */

/* Footer
see alistapart.com for footer article... */

#footer {
	width: 740px; display: block;
	background-color: #EFF8F6;
	padding: 6px 10px 5px 10px; 
	
	float: none; clear: both; 
	text-align: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#address {
	width: 420px; 
	float: left; clear: none; 
	text-align: left;
}

#copyright {
	width: 300px;
	float: right; clear: none;
	text-align: right;
}


/* MENU ELEMENTS */
/************************************************************************************/
/* Standard Menu Styling */

#leftnav {width: 180px; background-color:#FFFFFF;}

#leftnav a{
	padding-left: 10px; padding-top: 6px; padding-bottom: 4px;
	width: 170px; height: 15px;
	float: left; clear: both;
	color: #000000; font-weight: bold; text-decoration: none;
	background:  url("../img/bg/hor.gif") #F2EFEA bottom repeat-x;
}

#leftnav a:hover{color: #000; background-color: #CBC6BD;}

/* Sub-nav Menu Styling */
#leftsubnav a{
	width: 150px; height: 10px; line-height: 90%;
	padding-left: 30px;
	color: #000000; font-weight: normal; text-decoration: none;
	background: none #D5CEBD;
}

#leftsubnav a:hover{color: #000000; }

/* 'Active' menu elements */
body#home #leftnav #mnu_home, body#aea #leftnav #mnu_aea, body#gce #leftnav #mnu_gce, body#gcse #leftnav #mnu_gcse, body#gcse_short_course #leftnav #mnu_gcse_short_course, body#entry_level #leftnav #mnu_entry_level, body#goml #leftnav #mnu_goml, body#news #leftnav #mnu_news, body#links #leftnav #mnu_links, body#contact #leftnav #mnu_contact, 

body#aea_specification #mnu_aea, body#aea_examinations #mnu_aea, body#aea_coursework #mnu_aea, body#aea_support #mnu_aea, body#aea_circulars #mnu_aea, body#aea_timetable #mnu_aea, body#aea_faqs #mnu_aea, 

body#gce_specification #mnu_gce, body#gce_examinations #mnu_gce, body#gce_coursework #mnu_gce, body#gce_support #mnu_gce, body#gce_circulars #mnu_gce, body#gce_timetable #mnu_gce, body#gce_faqs #mnu_gce, 

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#gcse_short_course_specification #mnu_gcse_short_course, body#gcse_short_course_examinations #mnu_gcse_short_course, body#gcse_short_course_coursework #mnu_gcse_short_course, body#gcse_short_course_support #mnu_gcse_short_course, body#gcse_short_course_circulars #mnu_gcse_short_course, body#gcse_short_course_timetable #mnu_gcse_short_course, body#gcse_short_course_faqs #mnu_gcse_short_course,

body#entry_level_specification #mnu_entry_level, body#entry_level_examinations #mnu_entry_level, body#entry_level_coursework #mnu_entry_level, body#entry_level_support #mnu_entry_level, body#entry_level_circulars #mnu_entry_level, body#entry_level_timetable #mnu_entry_level, body#entry_level_faqs #mnu_entry_level,

body#goml_specification #mnu_goml, body#goml_examinations #mnu_goml, body#goml_coursework #mnu_goml, body#goml_support #mnu_goml, body#goml_circulars #mnu_goml, body#goml_timetable #mnu_goml, body#goml_faqs #mnu_goml

	{background-color: #C2B8A3;}

/* 'Active' menu elements - GCE section */
body#aea_specification #nav_aea #mnu_specification,
body#aea_examinations #nav_aea #mnu_examinations,
body#aea_coursework #nav_aea #mnu_coursework,
body#aea_support #nav_aea #mnu_support,
body#aea_circulars #nav_aea #mnu_circulars,
body#aea_timetable #nav_aea #mnu_timetable,
body#aea_faqs #nav_aea #mnu_faqs,

/* 'Active' menu elements - GCE section */
body#gce_specification #nav_gce #mnu_specification,
body#gce_examinations #nav_gce #mnu_examinations,
body#gce_coursework #nav_gce #mnu_coursework,
body#gce_support #nav_gce #mnu_support,
body#gce_circulars #nav_gce #mnu_circulars,
body#gce_timetable #nav_gce #mnu_timetable,
body#gce_faqs #nav_gce #mnu_faqs,

/* 'Active' menu elements - GCSE section */
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 - GCSE SHORT COURSE section */
body#gcse_short_course_specification #nav_gcse_short_course #mnu_specification,
body#gcse_short_course_examinations #nav_gcse_short_course #mnu_examinations,
body#gcse_short_course_coursework #nav_gcse_short_course #mnu_coursework,
body#gcse_short_course_support #nav_gcse_short_course #mnu_support,
body#gcse_short_course_circulars #nav_gcse_short_course #mnu_circulars,
body#gcse_short_course_timetable #nav_gcse_short_course #mnu_timetable,
body#gcse_short_course_faqs #nav_gcse_short_course #mnu_faqs,
	
/* 'Active' menu elements - ENTRY LEVEL */
body#entry_level_specification #nav_entry_level #mnu_specification,
body#entry_level_examinations #nav_entry_level #mnu_examinations,
body#entry_level_coursework #nav_entry_level #mnu_coursework,
body#entry_level_support #nav_entry_level #mnu_support,
body#entry_level_circulars #nav_entry_level #mnu_circulars,
body#entry_level_timetable #nav_entry_level #mnu_timetable,
body#entry_level_faqs #nav_entry_level #mnu_faqs,
	
/* 'Active' menu elements - GOML */
body#goml_specification #nav_goml #mnu_specification,
body#goml_examinations #nav_goml #mnu_examinations,
body#goml_coursework #nav_goml #mnu_coursework,
body#goml_support #nav_goml #mnu_support,
body#goml_circulars #nav_goml #mnu_circulars,
body#goml_timetable #nav_goml #mnu_timetable,
body#goml_faqs #nav_goml #mnu_faqs 

	{font-weight: bold; color: #000000;}

/* FORM ELEMENTS */
/************************************************************************************/
form {padding: 0px; margin: 0px; display: inline;}

.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-test text: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}

#boxblank{

	text-align: left;
	margin-left: 2px;
	padding: 0px 0px 2px 10px;
	clear: none;
	float: left;
	width: 540px;
	line-height: 100%;
	vertical-align: top;
	align: right;
	top: auto;
}

