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

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

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

p{line-height: 170%; }
td {line-height: 170%; background: #fff; vertical-align: top; color: #10607F;}
ul {line-height: 150%; list-style-type: square;}

td.green {
	color: #006666;
	background: #F4FFF4;
}

td.red {
	color: #660000;
	background: #FFF4F4;
}

td.blue {
	color: #003366;
	background: #DFEFFF;
}

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

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

a {color: #CCCC00; font-weight: normal; text-decoration: underline;}
a:link, a:visited {
	color: #0799D0;
	text-decoration: none;
}
a:hover {color: #C11966;}

/* Only links in main paragraph will be bold - for extra definition */
#main_content p a {font-weight: bold; }
#main_content p a:hover {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;}

#page_nav a:link, #page_nav a:visited {color: #10607F; text-decoration: none; padding-right: 10px;}
#page_nav a:hover {color: #333; text-decoration: none;}


/* HEADINGS */
/************************************************************************************/
h1 {font: bold 1.8em Verdana, Arial, serif; margin: 0px; padding: 0px;}
h2 {font: bold 1.1em Verdana, Arial, serif; color: #10607F; border-bottom: 1px solid #f8f8f8;}
h3 {font: bold 1em Verdana, Arial, serif; color: #10607F; padding-top: 4px; padding-bottom: 2px; margin-top: 3%; margin-bottom:0px; background: #F4F7F7;}
h4 {font: bold 1em Verdana, Arial, serif;}


/* LAYOUT */
/************************************************************************************/
/* Main Container */
#container {
	width: 780px; background: #ffffff; 
	padding: 0px; margin: 0px auto 0px auto; 
}


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

/* Main Column - for Content */
#column2 {
	width: 570px; display: block; 
	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.jpg") #fff;	
}

#main_img_circular {
	width: 570px; height: 180px;
	display: block; 
	padding: 0px; margin: 0px; 
	float: left; clear: both;
	background:  url("../img/circulars.gif") #fff;	
}

#main_img_levels {
	width: 570px; height: 180px;
	display: block; 
	padding: 0px; margin: 0px; 
	float: left; clear: both;
	background:  url("../img/main_levels.jpg") #fff;	
}
#admin_img {
	width: 570px; height: 180px;
	display: block; 
	padding: 0px; margin: 0px; 
	float: left; clear: both;
	background:  url("../img/admin.jpg") #fff;	
}


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

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

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

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

#sub_entry {
	width: 570px; height: 75px;
	display: block; 
	padding: 0px; margin: 0px; 
	float: left; clear: both;
	background:  url("../img/sub_entry.gif") #fff;	
}
#sub_contact {
	width: 570px; height: 75px;
	display: block; 
	padding: 0px; margin: 0px; 
	float: left; clear: both;
	background:  url("../img/sub_admin.gif") #fff;	
}

#sub_admin {
	width: 570px; height: 75px;
	display: block; 
	padding: 0px; margin: 0px; 
	float: left; clear: both;
	background:  url("../img/sub_admin.gif") #fff;	
}


#sub_direct {
	width: 570px; height: 75px;
	display: block; 
	padding: 0px; margin: 0px; 
	float: left; clear: both;
	background:  url("../img/sub_admin.gif") #fff;	
}
#sub_levels{
	width: 570px; height: 75px;
	display: block; 
	padding: 0px; margin: 0px; 
	float: left; clear: both;
	background:  url("../img/sub_levels.jpg") #fff;	
}

#sub_gce {
	width: 570px; height: 75px;
	display: block; 
	padding: 0px; margin: 0px; 
	float: left; clear: both;
	background:  url("../img/sub_gce.gif") #fff;	
}

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

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

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

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

#right_content p a:link, #right_content p a:visited{
	color: #333;
	font-weight: normal;	
}

#boxed_content_left {
	width: 258px; display: block; background-color: #fff;
	padding: 10px; margin: 10px 10px 0px 0px;
	float: left; clear: none;
	color: #10607F;
	border: 1px solid #C9E4E4; 
}

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

#boxed_content_right a:link, #boxed_content_right a:visited {
	width: 198px; text-decoration: none;
	padding: 10px; background: #eff8f6;
	border: 1px solid #b5dfd6;
	float: right; clear: none;
	margin: 10px; 
}

#boxed_content_right a:hover {
	color: #10607F; text-decoration: none;
}

#boxed_content_right p{
	padding: 0px 0px 0px 0px; 
	background: transparent;
}

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

#box_links a:hover {
	width: 258px; color: #333; text-decoration: none;
	padding: 10px; background: #F1FAF8;
	border: 1px solid #E9F5F1;
	float: left; clear: none;
	margin-right: 10px; margin-bottom: 10px;
}

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


#box_links_padding a:link, #box_links_padding a:visited {
	width: 258px; text-decoration: none;
	padding: 10px; background: #EAF7FC;
	border: 1px solid #b5dfd6;
	float: left; clear: none;
	margin-right: 10px; margin-bottom: 10px; margin-top:20px;
}

#box_links_padding a:hover {
	width: 258px; color: #333; text-decoration: none;
	padding: 10px; background: #F1FAF8;
	border: 1px solid #E9F5F1;
	float: left; clear: none;
	margin-right: 10px; margin-bottom: 10px; margin-top:20px;
}

#box_links_padding p {
	padding: 4px 10px 0px 0px; 
	background: transparent;
}

/*redbox links main*/
#redbox_links a:link, #redbox_links a:visited {
	width: 258px; color:#C41662; text-decoration: none;
	padding: 10px; background: #EAF7FC;
	border: 1px dotted #C41662;
	float: left; clear: none;
	margin-right: 10px; margin-bottom: 10px;
}

#redbox_links a:hover {
	width: 258px; color: #333; text-decoration: none;
	padding: 10px; background: #F1FAF8;
	border: 1px solid #C41662;
	float: left; clear: none;
	margin-right: 10px; margin-bottom: 10px;
}

#redbox_links p {
	padding: 4px 10px 0px 0px; 
	background: transparent;
}


/*nobg box links main*/
#box_links_nobg {
	background: transparent;
	float: left;
	clear: none;
	font-weight: bold;
	text-decoration: none;
	background-color:#FFFFFF;
}

#box_links_nobg a {font-weight: bold; }


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

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

#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;
}


#question {
	color: #10607F;
	background-color:#fff;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	font-weight: bold;
}

#answer {
	color: #10607F;
	background-color:#fff;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}

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

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

#leftnav {width: 175px;}

#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: 175px; height: 15px;
	float: left; clear: both;
	color: #257A97; font-weight: bold; text-decoration: none;
	background:  url("../img/bg/hor.gif") #fff bottom repeat-x;
}

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

/* Sub-nav Menu Styling */
#leftsubnav {width: 175px;}
#leftsubnav ul {padding: 0px; margin: 0px;}
#leftsubnav ul li {padding: 0px; margin: 0px; line-height: 90%;}

#leftsubnav a{
	width: 143px; height: 17px; 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#entry #leftnav #mnu_entry,
body#levels #leftnav #mnu_levels,
body#admin #leftnav #mnu_admin,
body#direct #leftnav #mnu_direct,
body#circulars #leftnav #mnu_circulars,
body#news #leftnav #mnu_news,
body#links #leftnav #mnu_links,
body#contact #leftnav #mnu_contact,

/*add all subs to the main Hierarchy, see below */

body#entry_literacy #leftnav #mnu_entry,
body#entry_numeracy #leftnav #mnu_entry,
body#entry_reports #leftnav #mnu_entry,
body#entry_specifications #leftnav #mnu_entry,
body#levels_communications #leftnav #mnu_levels,
body#levels_number #leftnav #mnu_levels,
body#levels_ict #leftnav #mnu_levels,
body#levels_specifications #leftnav #mnu_levels,
body#levels_reports #leftnav #mnu_levels,
body#admin_adlevels #leftnav #mnu_admin,
body#admin_adentry #leftnav #mnu_admin

{color: #0799D0; background-color: #F4F7F7;}

/* 'Active' sub menu elements - Entry section */
body#entry_literacy #nav_entry #mnu_literacy,
body#entry_numeracy #nav_entry #mnu_numeracy,
body#entry_reports #nav_entry #mnu_reports,
body#entry_specifications #nav_entry #mnu_specifications
{font-weight: bold; color: #10607F;}

/* 'Active' sub menu elements - Levels section */
body#levels_communications #nav_levels #mnu_communications,
body#levels_number #nav_levels #mnu_number,
body#levels_ict #nav_levels #mnu_ict,
body#levels_specifications #nav_levels #mnu_specifications,
body#levels_reports #nav_levels #mnu_reports
{font-weight: bold; color: #10607F;}

/* 'Active' sub menu elements - Admin section */
body#admin_adlevels #nav_admin #mnu_adlevels,
body#admin_adentry #nav_admin #mnu_adentry
{font-weight: bold; color: #10607F;}

/*  TABS"""" */

#tabs {
  float: left;
  width: 100%;
  background: #fff url("../img/bg/bg.gif") repeat-x bottom;
  font-size: 80%;
  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: #10607F;
}

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

/* background: white url(../img/bg/tl.gif) top left no-repeat */


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

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

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

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


.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: #EAF7BF;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}
.acclogin {

background-image:url(../img/bg/accredlogin_roll.jpg);
background-repeat:no-repeat;
color: #ffffff;
font-size: 18px;
width: 280px;
height: 117px;
display: block;
text-decoration: none;

	margin-right: 3px; margin-bottom: 3px;
float: left; clear: none;

color: white;
text-decoration: none;

}

.acclogin a {

color: #ffffff;
font-size: 18px;
width: 280px;
height: 117px;
display: block;
text-decoration: none;
 
margin-right: 3px; margin-bottom: 3px;
float: left; clear: none;color: white;
text-decoration: none;

}

.acclogin img {width: 280px; height: 117px; border: 0; }
* html a:hover {visibility:visible}
.acclogin a:hover img{visibility:hidden}


.guide {

background-image:url(../img/bg/accred_guidance_roll.gif);
background-repeat:no-repeat;
color: #ffffff;
font-size: 18px;
width: 280px;
height: 117px;
display: block;
text-decoration: none;
margin-right: 3px; margin-bottom: 3px;
float: left; clear: none;
color: white;
text-decoration: none;

}

.guide a {

color: #ffffff;
font-size: 18px;
width: 280px;
height: 117px;
display: block;
text-decoration: none;
 
margin-right: 3px; margin-bottom: 3px;
float: left; clear: none;color: white;
text-decoration: none;

}

.guide img {width: 280px; height: 117px; border: 0; }
* html a:hover {visibility:visible}
.guide a:hover img{visibility:hidden}

/* 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:80px;}
 
/* 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:80px;}
 
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; 
}
a.indent {
            padding:0 0 0 33px;
}

 
/* PPT */
p.ppoint {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.ppoint {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;}