/* CSS for CfBT Education Trust "Evidence for Education" microsite */
body {font: 76%/1.4 Arial, Helvetica, sans-serif; background: #E8E8E8; color:#2D2D2D; text-align:center;}

/* kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* default link behaviour */
a:link, a:visited {color:#1D5DA7; text-decoration:none;}
a:hover {color:#1D5DA7; text-decoration:underline;}
/* end default link behaviour */

/* general layout rules */
div#wrapper {margin:0 auto; text-align:left; background:url(../../../../images/assets/page_bg.png) repeat-y left top #fff; width:775px;}

/************** forum ********************/
div#forumwrapper 
{
	margin:0 auto; 
	text-align:left; 
	background:url(http://www.cfbt.com/evidenceforeducation/forum/images/forum_bg.jpg) repeat-y left top #fff; 
	width:796px;
}

div#forumarea 
{
	float:left; 
	width : 776px;
	height: 100%; 
	padding : 10px;
}

div#forumholder 
{
	clear:left; 
	padding:0px; 
	margin:0 10px; 
	width:776px; 
	w\idth:776px;
}

div#forumbase 
{
	font-size:.92em; 
	background:url(http://www.cfbt.com/evidenceforeducation/forum/images/forum_base.jpg) no-repeat center top; 
	width:796px; 
	margin:0 auto;
}
	
div#forumbase p {text-align:right; padding:5px 22px 0 12px; margin:0;}
div#forumbase a {color:#2D2D2D;}
/************** forum ********************/

p.skip {display:none;}
div#contentholder {clear:left; padding:0; margin:0 10px; width:775px; w\idth:755px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#contentarea {float:left;}

div#left {float:left; width:215px; margin:0 5px 0 0; background:#fff;}
div#right {float:left; width:530px; background-color:#D6E2ED; min-height:440px; height:auto !important; height:440px;}
div#content {padding: 10px 10px 4px 10px;}
div#leftcontent {float:left; width:180px; margin:0; padding:12px;}
/* end general layout rules */

/* home and landing page banner rules */
div#pageheading {background-repeat:no-repeat; background-color:#903; color:#fff;}
div#pageheading h2 {background:url(../../../../images/assets/content_corner.png) no-repeat left top; padding:10px 12px 6px 12px; margin:0;}
.home div#pageheading h2, .landing div#pageheading h2 {padding:130px 12px 4px 12px;}
.home div#pageheading {background-image:url(../../../../images/assets/banner1.jpg); background-color:#D6E2ED; color:#2D2D2D;}

/* page header */
div#header {float:left; display:inline; background:url(../../../../images/assets/header_base.png) no-repeat bottom; margin:0 10px; padding:0 0 15px 0; width:775px; w\idth:755px;} 
div#toplinks {float:left; color:#2D2D2D; font-size:.92em;}
div#toplinks ul {float:right; list-style-type:none; padding:0 18px 8px 0;}
div#toplinks ul li {float:left; padding:0 0 0 4px;}
div#toplinks ul li a { color:#2D2D2D; padding:0 4px 0 0; text-decoration:none;}
div#toplinks ul li a:hover {text-decoration:underline;}

div#logos {float:left; padding:0 22px;}
div#logos ul {float:left; list-style-type:none;}
div#logos ul li#efe {float:left; padding:10px 0 0 0;}
div#logos ul li#cfbt {float:right; padding:0 0 0 0;}
div#header img {border:none;}
/* end page header */

/* site search */
div#searchbar {float:left; display:inline; margin:0 10px; padding:0 0 0 0; width:775px; w\idth:755px;} 
div#searchBox {float:right; padding:6px 0; margin:0; display:inline; text-align:center; width:225px;} 
div#searchBox form {margin:0; float:left; display:inline;} 
div#searchBox label {display:none;}
div#searchBox input {margin:0 0 0 0; padding:2px 4px 3px 4px; width:140px; font-size:.92em; border: 1px solid #AEBCC9; float:left;}
div#searchBox input.button {margin:0 0 0 6px; padding:0; border:none; width:auto;}
div.searchitem {margin-bottom:10px;}
/* end site search */

/* breadcrumb trail */
div#crumbs {float:left; padding:8px 22px; width:500px; w\idth:456px;}
div#crumbs ul {float:left; list-style-type:none; font-size:.92em; padding:0;}
div#crumbs ul li {float:left; padding:0 4px 0 0;}
div#crumbs ul li a {padding:0; text-decoration:none;}
div#crumbs ul li a:hover {text-decoration:underline;}
/* end breadcrumb trail */

/* landing page panels */
div#panels {float:left; background:#B8D0E8; padding:5px 0; width:530px;}
div.panel {width:255px; w\idth:260px; float:left; display:inline; margin:0 0 0 5px; background:#E8F0F7; min-height:200px; height:auto !important; height:200px;}
div.panel h3 {margin:0; background:url(../../../../images/assets/home_boxout_corner.png) no-repeat #fff; color:#903; font-size:1.4em; padding: 2px 4px 2px 12px;}
div.panel h4, div.panel p {padding: 0 12px;}
div.panel h4 {font-weight:normal; font-size:1em; margin:5px 0 0 0;}
div.panel p {margin:0 0 10px 0;}
div.widepanel {width:520px; float:left; display:inline; margin:0 0 0 5px; background:#E8F0F7; min-height:200px; height:auto !important; height:200px;}
div.widepanel h3 {margin:0; background:url(../../../../images/assets/home_boxout_corner.png) no-repeat #fff; color:#903; font-size:1.4em; padding: 2px 4px 2px 12px;}
div.widepanel h4, div.widepanel p {padding: 0 12px;}
div.widepanel h4 {font-weight:normal; font-size:1em; margin:5px 0 0 0;}
div.widepanel p {margin:0 0 10px 0;}
/* landing page panels */

/* navigation */
div#nav {float:left; width:215px; margin:0; padding:0 0 12px 0; background:url(../../../../images/assets/nav_corner_br.png) no-repeat right bottom #903;}
div#nav ul {list-style-type:none; background:url(../../../../images/assets/nav_corner_tl.png) no-repeat left top #903; padding:12px 0 0 0; font-size:1.2em; font-weight:bold;}
div#nav ul li {line-height:normal;}
div#nav ul li a {padding:4px 20px; color:#fff; text-decoration:none; display:block; width:215px; w\idth:175px; }
div#nav ul li a:hover {color:#d3622e;}

div#nav ul ul {background-image:none; font-size:.9em; padding:0;}
div#nav ul ul li a {background-color:#BC2D5D;}
div#nav ul ul li a:hover {color:#d3622e;}
div#nav ul ul li a {padding:3px 10px 3px 35px; width:215px; w\idth:170px;}
div#nav ul ul ul {}
div#nav ul ul ul li {}
div#nav ul ul ul li a {background-color:#D391A7; color:#903;}
div#nav ul ul ul li a:hover {color:#d3622e;}
div#nav ul ul ul li a {padding:2px 10px 2px 50px; width:215px; w\idth:155px;}
div#nav ul ul ul ul {}
div#nav ul ul ul ul li a {background-color:#D391A7; color:#fff;}
div#nav ul ul ul ul li a:hover {color:#d3622e;}
div#nav ul ul ul ul li a {padding:2px 10px 2px 60px; width:205px; w\idth:145px;}

/* end secondary navigation */

/* 'you are here' effects */
div#nav ul li.active a {color:#d6d6d6;}
div#nav ul li.active ul li a {color:#fff;}
div#nav ul li.active ul li a:hover {color:#d3622e;}
div#nav ul li.active ul li.active a {color:#d6d6d6;}
div#nav ul li.active ul li.active ul li a {color:#903;}
div#nav ul li.active ul li.active ul li a:hover {color:#d3622e;}
div#nav ul li.active ul li.active ul li.active a {color:#666;}
/* end 'you are here' effects */
/* end navigation */

/* footer */
div#footer {float:left; font-size:.92em; background:url(../../../../images/assets/content_corner.png) no-repeat left top #1D5DA7; width:755px; color:#fff; padding:8px 0;}
div#footer p {float:right; text-align:left; margin:0; padding:0 12px 0 0;}
div#footer a {color:#fff;}
div#footer ul {list-style-type:none; padding:0 0 0 12px;}
div#footer li {float:left;}
div#footer li a {padding:0 0 0 4px;}
/* end footer */

/* baseline */
div#base {font-size:.92em; background:url(../../../../images/assets/page_base.png) no-repeat center top; width:775px; margin:0 auto;}
div#base p {text-align:right; padding:5px 22px 0 12px; margin:0;}
div#base a {color:#2D2D2D;}
/* end baseline */

/* general typography */
h2 {font-size:1.5em; margin:0 0 1em 0;}
h3 {font-size:1.3em; margin:.4em 0 0 0;}
h4 {font-size:1.2em; margin:1em 0 0 0;}
h5 {font-size:1.1em; margin:1em 0 0 0;}
h6 {font-size:1em; margin:1em 0 0 0;}
p {margin:0 0 1em 0;}
blockquote {margin:.5em 2em 1.5em 2em;}
acronym {border-bottom: 1px dashed #ADADAD; cursor: help;}
hr {height:1px; background-color:#ADADAD; color:#ADADAD; border: 0; margin:0 0 8px 0;}
div#content div.line {border-bottom:1px solid #ADADAD; margin:0 0 10px 0; height:1px; clear:both;}
div#content div.line hr {display:none;}
/* end general typography */

/* image floats */
img.left, img.leftborder {float:left; margin:4px 12px 4px 0;}
img.left, img.right {border:none;}
img.right, img.rightborder {float:right; margin:0 0 12px 12px;}
img.leftborder, img.rightborder {border: 1px solid #ADADAD;}
img.border {border: 1px solid #ADADAD; margin:4px 0 12px 0;}
/* end image floats */

/* image captions */
.captionleft {float:left; margin:4px 12px 4px 0; width:186px; background-color:#fff; }
.captionleft p, .captionright p {margin:0; padding: 6px; font-size:.92em;}
.captionright {float:right; clear:right; margin:4px 0 4px 12px; width:186px; background-color:#fff;}
/* end image captions */

/* general list styles */
div#content ul {margin:0 0 1em 3em;}
div#content ul li {padding:0; list-style-type:square;}
div#content ul.roman li {list-style-type:lower-roman;}
div#content ul ul {margin:.3em 0 .3em 3em;}
div#content ul ul li {list-style-type:disc;}
div#content ul ul ul li {list-style-type:circle;}
div#content ol {padding:0 0 0 0; margin:.5em 0 1em 3em;}

div#content dl {margin: 0 0 1em 0;}
div#content dt {margin: 1em 0 0 0; font-size:1.1em; font-weight:bold;}
div#content dd {margin: 0 0 0 1em;}
/* end general list styles */

/* address */
div#content address {font-style:normal; font-weight:normal; margin: .5em 0 1em 0;}
div#content address p {margin:0;}
/* end address */

/* tables */
div#content table, th, tr, td {font-size:1em;}
div#content table td input {width: 80px;}
div#content table td select {width: 120px;}
div#content table {margin: .5em 0 1em 0; padding: 0 0 20px 0; width: 100%; border-bottom: 1px #adadad solid;}
div#content th {padding: .2em .4em; background:#E5E5E5; text-align:left; border-left:1px solid #ADADAD; border-bottom:1px solid #ADADAD;}
div#content td {padding: .4em; }
div#content td label {width: 80px;}
div#content table caption {text-align:left; font-size:1em; padding:0 0 4px 0; font-weight:bold;}
div#content tr.shaded {background-color:#F0F8FB;}
/* end tables */

/* forms */
div#formholder {width:100%; margin: 20px 0 20px 0; float:left;}
div#formholder form {margin: 20px 0 20px 0; float:left; width:376px;}
div#formholder fieldset {border: solid 1px #eee;  padding-left : 10px; padding-right : 10px;}
div#formholder legend {font-size:1.4em; margin:0 0 4px 0; color:#434342;}
div#formholder label {clear:left; cursor:pointer; font-weight:bold; display:block; width: 180px; float:left;}
div#formholder input, div#formholder textarea, div#formholder select {width:190px; float:left; margin:1px 0; border: 1px solid #BDD3D9; background:#FFF;}
div#formholder option {background: #fff;}
div#formholder input.button {display:inline; margin:5px 0 0 180px; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#E8F0F7; border:1px solid #BDD3D9; clear:left;}
div#formholder input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none; background-color : none;}

/*div#content form {margin: 20px 0 20px 0; float:left; width:376px;}
div#content fieldset {border:none;}
div#content legend {font-size:1.4em; margin:0 0 4px 0; color:#434342;}
div#content label {clear:left; cursor:pointer; font-weight:bold; display:block; width: 180px; float:left;}
div#content input, div#content textarea, div#content select {width:190px; float:left; margin:1px 0; border: 1px solid #BDD3D9; background:#FFF;}
div#content option {background: #fff;}
div#content input.checkbox {float:left; margin:0px 0 5px 0; padding:1px 0 3px 0; width:auto; cursor:pointer; border:none;}
div#content input.button {display:inline; margin:5px 0 0 180px; padding:1px 3px 3px 3px; width:auto; cursor:pointer; background:#E8F0F7; border:1px solid #BDD3D9; clear:left;}*/
/* end forms */


/* right hand menu */
div#rhnav {font-size:.92em; padding:0 5px 5px 5px; background: #B8D0E8; display:inline; margin:12px 12px 12px 12px; float:right; width:144px; }
div#rhnav h3 {text-align:left; padding:6px 10px; background-color:#fff; color:#434342; font-size:1em; font-weight:bold; margin:5px 0 0 0;background-image:url(../../../../images/assets/home_boxout_corner.png); background-repeat:no-repeat; color:#903;}
div#rhnav ul {padding:3px 2px 6px 8px; margin:0; background: #E8F0F7;}
div#rhnav ul li {margin:0 0 0 1.4em; padding:4px 0; line-height:1.25; list-style-position:outside;}
div#rhnav ul li a {margin:0 0 0 0; padding:0; text-decoration:none; display:block;}
div#rhnav ul li a:hover {text-decoration:underline;}
div#rhnav ul li a strong {font-weight:normal;}
/* end right hand menu */

/* search results */
div#searchresults {width:500px; float:left;}
div#searchresults table {border:none; border-bottom:2px solid #000; margin:0; width:100%; background:none;}
div#searchresults table table {border:none; width:auto;}
div#searchresults table td {border:none; background:none;}
div#content div#searchresults table label {width:auto; float:left; clear:none; margin:0 10px 0 0;}
div#searchresults table input {width:120px; float:left; padding:1px 2px; margin:0 10px 0 0;}
div#searchresults table select {width:126px;}
div#searchresults div.searchitem {margin:0 0 10px 0;}
/* end search results */