@charset "utf-8";
/* Base CSS */
/* Reset */
html{
	color:#000000;
	background:#FFFFFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption,
th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
legend {
	color:#000000;
}
/* Base settings */
body {
	background:#fffffc;
	font-family: Arial, Helvetica, sans serif;
	font-size: 0.625em;
	line-height: 1.5; 
}
p {
	font-size: 1.4em;
}
h1 {
	font-size:1.4em;  
}
h2 {
	font-size:1.4em; 
}
h3 {
	font-size:2.4em;  
}
h4 {
	font-size: 2.1em;  
}
h5 {
	font-size: 1.8em; 
}
h6 {
	font-size: 1.6em;  
}
h1,h2,h3,h4,h5,h6,strong {
	font-weight:bold; 
}
abbr,acronym {
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	font-style:italic;
}
blockquote,ul,ol,dl {
	margin: 0;
}
th,td {
	border:1px solid #000;
	padding:.25em;
}
th {
	font-weight:bold;
	text-align:center;
}
caption {
	margin-bottom:.25em;
	text-align:center;
}
p,fieldset,table,pre {
	margin-bottom: .5em;
}
input[type=text],input[type=password],textarea{
	width:12.25em;
}

/* =wrapper */
#wrapper {
	margin: 0 auto;
	width: 100%;
	min-width: 765px;
	max-width: 990px;
	background-color: #F3F3E0;
	border: #dfdfce 1px solid;
}

/* =branding */
#branding {
	width: 100%;
	float: right;
	height: 123px;
	background-color: #fffffc;
}
#branding h1 {
	width: 990px;
	height: 123px;
	position: relative;
	float: right;
}
#branding h1 span {
	background: url(Images/Branding-DW.png) no-repeat;
	position: absolute;
	width: 100%;
	height: 100%;
}

/* =navigation */
#navigation {
	float: left;
	width: 27.5%;
}
#navigation ul li.navheader {
	font-size: 1.6em;
	font-weight: bold;
	font-variant: small-caps;
	color: #406081;
	padding: 1.5em 20px 0.3em 20px;
	border-bottom: #CFCFBE 1px solid;
	cursor: default;
}
#navigation ul a.dwh {
	display: block;
	font-size: 1.6em;
	font-variant: small-caps;
	font-weight: bold;
	padding: 2em 20px 0.3em 20px;
	border-bottom: #CFCFBE 1px solid;
}
#navigation ul a {
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	padding: 0.5em 20px 0.5em 30px;
	border-bottom: #CFCFBE 1px solid;
}
#navigation ul a:link, #navigation ul a:visited {
	text-decoration: none;
	color: #304861;
}
#navigation ul a:hover, #navigation ul a:active {
	text-decoration: none;
	color: #B87836;
	background-color: #F6F6E3;
}
body.home #navigation .home a,
body.whatis #navigation .whatis a,
body.dyslexic #navigation .dyslexic a,
body.characteristics #navigation .characteristics a,
body.adult #navigation .adult a,
body.assessment #navigation .assessment a,
body.method #navigation .method a,
body.programmes #navigation .programmes a,
body.correction #navigation .correction a,
body.mathmastery #navigation .mathmastery a,
body.attentionmastery #navigation .attentionmastery a,
body.younglearners #navigation .younglearners a,
body.faq #navigation .faq a,
body.dyslexiaworkshop #navigation .dyslexiaworkshop a,
body.contact #navigation .contact a,
body.feedback #navigation .feedback a,
body.davisresources #navigation .davisresources a,
body.furtherinfo #navigation .furtherinfo a {
	text-decoration: none;
	color: #a86826;
	cursor: default;
}
body.home #navigation .home a:hover,
body.whatis #navigation .whatis a:hover,
body.dyslexic #navigation .dyslexic a:hover,
body.characteristics #navigation .characteristics a:hover,
body.adult #navigation .adult a:hover,
body.assessment #navigation .assessment a:hover,
body.method #navigation .method a:hover,
body.programmes #navigation .programmes a:hover,
body.correction #navigation .correction a:hover,
body.mathmastery #navigation .mathmastery a:hover,
body.attentionmastery #navigation .attentionmastery a:hover,
body.younglearners #navigation .younglearners a:hover,
body.faq #navigation .faq a:hover,
body.dyslexiaworkshop #navigation .dyslexiaworkshop a:hover,
body.contact #navigation .contact a:hover,
body.feedback #navigation .feedback a:hover,
body.davisresources #navigation .davisresources a:hover,
body.furtherinfo #navigation .furtherinfo a:hover {
	background-color: #F3F3E0;
}
#navigation img.fbbadge {
	margin-top: 30px;
}
#navigation .navpanel_image {
	margin: 5em 0 2em 30px;
	border: #666666 1px solid;
}

#navigation p {
	padding: 0 30px 0 30px;
	color: #304861;
}

/* =main content */
#content_main {
	float: right;
	width: 66.5%;
	padding: 3em 2% 1em 3%;
	border-left: #dfdfce 2px solid;
	background-color: #fffffc;
	color: #182431;
}
#content_main .imghx3 {
	width: 32.4%;
	border: #DFDFDF 1px solid;
}
#content_main .imgdsk {
	width: 35%;
	border: #DFDFDF 1px solid;
}
#content_main .imgqm {
	width: 27%;
	border: #DFDFDF 1px solid;
}
#content_main .imgqm1 {
	width: 50%;
	border: #DFDFDF 1px solid;
}
#content_main .imgqm2 {
	width: 47%;
	border: #DFDFDF 1px solid;
}
#content_main .imgjs1 {
	width: 24.9%;
	border: #DFDFDF 1px solid;
}
#content_main .imgjs2 {
	width: 38.6%;
	border: #DFDFDF 1px solid;
}
#content_main .imgjs3 {
	width: 33.5%;
	border: #DFDFDF 1px solid;
}
#content_main .imgsy1 {
	width: 25%;
	border: #DFDFDF 1px solid;
}
#content_main .imgsy2 {
	width: 36%;
	border: #DFDFDF 1px solid;
}
#content_main .imgdc1 {
	width: 28%;
	border: #DFDFDF 1px solid;
}
#content_main .imgdc2 {
	width: 34%;
	border: #DFDFDF 1px solid;
}
#content_main .imgmm1 {
	width: 21.7%;
	border: #DFDFDF 1px solid;
}
#content_main .imgmm2 {
	width: 34.4%;
	border: #DFDFDF 1px solid;
}
#content_main .imgmm3 {
	width: 40.6%;
	border: #DFDFDF 1px solid;
}
#content_main .imgam1 {
	width: 40%;
	border: #DFDFDF 1px solid;
}
#content_main .imgam2 {
	width: 31.5%;
	border: #DFDFDF 1px solid;
}
#content_main .imgam3 {
	width: 25%;
	border: #DFDFDF 1px solid;
}
#content_main .imgfq {
	width: 46.6%;
	border: #DFDFDF 1px solid;
}
#content_main .imgfs {
	width: 50.4%;
	border: #DFDFDF 1px solid;
}
#content_main h3 {
	padding: 1em 30px 0.5em 20px;
	color: #304861;
}
#content_main h3 span.mark {
	font-size: .6em;
	vertical-align: text-top;
}
#content_main h4, #content_main h5, #content_main h6 {
	padding: .25em 30px 0 20px;
	color: #304861;
	clear: both;
}
#content_main blockquote {
	padding: 0.25em 30px 1.25em 20px;
	font-size: 1.8em;
	font-weight: bold;
	color: #B87836;
	text-indent: -0.5em;
}
#content_main p.page-header {
	padding: 0.25em 30px .75em 20px;
	font-size: 1.8em;
	font-weight: bold;
	color: #B87836;
}
#content_main p {
	font-size: 1.6em;
	padding: 0 30px .25em 20px;
}
#content_main p a:link, #content_main p a:visited {
	text-decoration: underline;
	color: #182431;
}
#content_main p a:hover, #content_main p a:active {
	text-decoration: underline;
	color: #B87836;
}
#page-header-home {
	font-size: 1.4em;
	font-weight: bold;
	color: #B87836;
}
#page-header-home p.page-header-home1 {
	padding: 1.8em 0 0 20px;
}
#page-header-home p.page-header-home2 {
	padding-left: 20px;
}
#page-header-home p.page-header-home3 {
	padding: 0 0 0.8em 20px;
}
#content_main span.listintro {
	font-size: 1.6em;
	padding-left: 20px;
}
#content_main span.listheader {
	font-size: 1.6em;
	font-weight: bold;
	padding-left: 20px;
}
#content_main ul {
	font-size: 1.6em;
	padding: 0 0 .8em 36px;
}
#content_main ul li {
	list-style-image: url('Images/bullet.png');
}
#content_main #questions ul li {
	list-style-image: url('Images/faq-bullet.png');
}
#content_main blockquote.fbq {
	font-size: 1.6em;
	font-weight: bold;
	font-style: italic;
	text-indent: -.5em;
	color: #304861;
	padding: 1em 30px 1em 20px;
}
#content_main cite.fbc {
	font-size: 1em;
	padding-left: 30px;
	color: #304861;
}
#content_main img.acc_ddai {
	float: left;
	margin: 2em 0 1em 60px;
}
#content_main img.acc_dfnz {
	float: right;
	margin: 2em 80px 1em 0;
}
#content_main p.btt {
	clear: both;
	font-size: 1.2em;
	margin-top: 2em;
}
#content_main p.btt img{
	padding-right: 5px;
}
	
/* =site information */
#site_info {
	clear: both;
	border-top: #dfdfce 1px solid;
	background-color: #F3F3E0;
	color: #182431;
	padding: 0.6em 10px 1em 30px;
}
#site_info p.si-contact {
	font-size: 1.5em;
	color: #884806;
	padding-top: .8em;
}
#site_info p.si-contact a:link, #site_info p.si-contact a:visited {
	color: #884806;
}
#site_info p.si-contact a:hover, #site_info p.si-contact a:active {
	color: #B87836;
}
#site_info img.ddalogo {
	float: right;
	margin: 2em 2em .3em 2em;
	border: #666666 1px solid;
}
#site_info p.dd {
	font-size: 1.2em;
	padding: 0.6em 110px 0 0;
}
#site_info p.dd a:link, #site_info p.dd a:visited {
	text-decoration: underline;
	color: #182431;
}
#site_info p.dd a:hover, #site_info p.dd a:active {
	text-decoration: underline;
	color: #B87836;
}
#site_info p.rs {
	padding-top: .5em;
	font-size: 1.2em;
	line-height: 1.4;
}
#site_info p.rs a {
	color: #182431;
	text-decoration: underline;
}
#site_info p.rs a:hover {
	color: #B87836;
}
#site_info p.cr {
	font-size: 1em;
}

/* = other styles */
.booktitle {
	font-style: italic;
	font-weight: bold;
}	
.author {
	font-weight: bold;
}
#content_main p.footnote {
	font-size: 1em;
	font-weight: bold;
}
#content_main #questions a {
	font-size: .8em;
	font-weight: bold;
	text-decoration: none;
}
#content_main #questions a:link, #content_main #questions a:visited {
	color: #304861;
}
#content_main #questions a:hover, #content_main #questions a:active {
	color: #B87836;
}
.chars_li {
	line-height: 1.2;
	padding-right: 20px;
	padding-bottom: .6em;
}
#content_main .question {
	font-weight: bold;
	padding-top: 2em;
}
#content_main p.assesslink {
	font-size: 2.1em;
	font-weight: bold;
	padding: 1.5em 30px 1em 205px;
}
#content_main p.assesslink a {
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgb(243,243,224)),
		color-stop(0.9, rgb(179,179,160))
	);
	background-image: -moz-linear-gradient(
		center top,
		rgb(243,243,224) 0%,
		rgb(179,179,160) 90%
	);
	background-color:#f3f3e0;
	padding: 8px 24px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
#content_main p.assesslink a:link, #content_main p.assesslink a:visited {
	color: #486072;
}
#content_main p.assesslink a:hover, #content_main p.assesslink a:active {
	color: #B87836;
}
.photo {
	float: right;
	margin: 18px 12px 12px 36px;
}
.smap {
	margin: 2em 0 1em 0;
	border: #333333 1px solid;
}
.playerInnerBox_gsvb .player_gsvb {
    width : 320px;
    height : 260px;
}
.info_image {
	float: left;
	border: #666666 1px solid;
	margin: 2em 40px 2em 20px;
}
p.info {
	margin: 1em 0 1.5em 150px;
}
.info_title {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
}	
.info_link {
	font-size: .8em;
	line-height: 2.5;
}