@import url(main.css);
@import url(positioning.css);
@import url(nav.css);
@import url(typography.css);
@import url(/common/css/header.css);
@import url(table.css);
@import url(jd.gallery.css);
@import url(ccea-forms.css);
@import url(demo.css);
/* **************************************************************************************** */
/* ************ BODY TEXT AND TABLE TEXT ************************************************** */
/* **************************************************************************************** */
/* CUT FROM MAIN.CSS IN OLD TEMPLATE */

body {
	color: #333;
	background-color: #eee;
}

#footer p{
	color: #505A61;}

td {
	color: #333;
}

#ict_head {
	height: 140px;
	width: 778px;
	background-image:url(../img/banner_140.gif);
	background-position: bottom;
}


#top_grad {
	background-image:url(../img/top_grad.jpg);
	height: 14px;
	display: none;
}

p {font-size: 14px;
line-height: 20px;}

th {
	color: #666 !important;
	background-color:#8cd1ec;
	font-weight:bold;
	padding: 10px 0px 10px 10px;
	text-align:left;
	vertical-align:middle;
	font-size: 115%;
}

/* **************************************************************************************** */
/* ************ BANNER IMAGES ************************************************************* */
/* **************************************************************************************** */
/*         ADJUST ONLY IMAGE NAMES AND COLOURS - DO NOT CHANGE SPECIFIED PIXEL HEIGHTS      */
/* **************************************************************************************** */
/* CUT FROM POSITIONING.CSS IN OLD TEMPLATE */


/* Appear on Microsite Homepage only */


/* **************************************************************************************** */
/* ************ MENU ELEMENT COLOURS ****************************************************** */
/* **************************************************************************************** */
/*         ADJUST ONLY COLOURS - DO NOT CHANGE FONT WEIGHTS                                 */
/* **************************************************************************************** */
/* CUT FROM NAV.CSS IN OLD TEMPLATE */


/* 'Active' menu elements */



/* **************************************************************************************** */
/* ************ SET LEFT NAV LINK COLOURS ************************************************* */
/* **************************************************************************************** */
/*         ADJUST ONLY COLOURS - DO NOT CHANGE FONT WEIGHTS                                 */
/* **************************************************************************************** */
/* SET COLOUR HERE FROM OLD TEMPLATE BEFORE UPDATING YOUR TEMPLATE                          */

#leftnav a {
	color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style:italic;
}

#leftnav a:hover {
	color: #666;
	background-color: #A9DCF0;
}

#leftnav a:current {
	color: #666;
	background-color: #A9DCF0;
}

#leftnav li:current {
	color: #666;
	background-color: #A9DCF0;
}


#leftsubnav a {
	color: #649DA2;
}

#leftnav a.nav_new {
	background: url(http://www.rewardinglearning.org.uk/dep/img/nav_new.gif) no-repeat right top; 
}

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




/* **************************************************************************************** */
/* ************ MISC COLOURS ************************************************************** */
/* **************************************************************************************** */
/* CUSTOMISABLE COLOURS FROM ELEMENTS IN POSITIONING.CSS                                    */
/* **************************************************************************************** */

#main_content {
	background: transparent;
}

/* aka - the doc box */


#boxed_content_left {
	color: #41696C;
	border: 1px solid #C9E4E4;
}

#boxed_content_left p a {
	color: #333;
}

#boxed_content_right a:link, #boxed_content_right a:visited {
	background: #eff8f6;
	border: 1px solid #b5dfd6;
}

#boxed_content_right a:hover {
	color: #41696C;
	text-decoration: none;
}

/* Footer */
/* The footer.inc file is a common file and is shared amongst all microsites "rewardinglearning.com/common/includes/" */

#footer {
	color: #006666;
	border-top: 1px solid #EAF0EC;
	background: #fff;
}

#question {
	color: #41696C;
	background-color:#fff;
}

#answer {
	color: #41696C;
	background-color:#fff;
}

/* **************************************************************************************** */
/* ************ TABLE STYLES ************************************************************** */
/* **************************************************************************************** */


/* **************************************************************************************** */
/* ************ TYPOGRAPHY STYLES ********************************************************* */
/* **************************************************************************************** */

a {
	color: #8cd1ec;
}

a:link, a:visited {
	color: #333;
}

a:hover {
	color: #666;
}

h1 {font-family:Georgia, "Times New Roman", Times, serif;
font-size: 250%;
font-weight: 300;
color:  #F06;
margin-bottom: 5px;}

.ict_blue {
	color: #49A1BA;
}

h2 {
	font-size: 300%;
}

h2 {
	font-size: 250%;
}

h1, h2, h3, h4 {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #097E9B;
}

img.right {
	float: right;
	padding: 0 0 10px 10px;
}

img.left {
	float: left;
	padding: 0 10px 10px 0px;
}

li#current  a{color:#A9DCF0;}

h3 {margin-bottom: 0px;}

p {margin-bottom: 15px;}

.sIFR-hasFlash h2.myriad_green_reg {
	visibility:hidden;
}

.explore, .express, .exchange, .evaluate, .exhibit {
	padding: 10px;
	border: 1px dashed # fff;
	margin-bottom: 15px;
}

.explore {
	background-color: #CBD86C;
}

.express {
	background-color: #D37FAF;
}

.exchange {
	background-color: #64BBCA;
}

.evaluate {
	background-color: #B699C4;
}

.exhibit {
	background-color:  #F7BC16;
}

/*.explore p, .express p, .exchange p, .evaluate p, .exhibit p {
margin:0;
padding:0;
margin-top: -10px;
padding-top: -10px;
top: -10px;}*/

p.explore, p.express, p.exchange, p.evaluate, p.exhibit{
	padding: 10px !important;
	margin-bottom: 10px !important;
	width: 93% !important;
	}
	
#main_content p {
	/*padding: 0 15px 15px 0;*/
}

#footer a {
	color: #333;
}

#main_content #right_content p a:hover {
	color: #666;
}

.reg_img {
	margin: 0 auto;
	padding: 15px;
	
}
	
#main_content ul {
		margin-top: -10px;
	}
	
	#ccea_form {width: 580px;}