﻿html, body, #global
{
    height: 100%;
}
body > #global {height: auto; min-height: 100%;}

img, div { behavior: url(../iepngfix.htc); }

body 
{
	background:url(../images/bg-tile.jpg) #f7f8f3 center repeat-y;
	margin:0;
	padding:0;
	font-family:"Helvetica Neue",sans-serif;
	font-size:12px;
}
body a 
{
	color: #2052ac;
}
#global 
{
	width:990px;
	margin:0 auto;
	padding:0;
	background:#fff;
}
#global #header 
{
	background:url(../images/header.jpg);
	height:250px;
	width:990px;
}
#global #navigation 
{
	border-bottom:1px solid #000;
}
#global #navigation ul
{
list-style:none;
margin:0;
padding:0;
}
#global #navigation li
{
	float:left;
}
#global #navigation li a
{
	display:block;
	height:22px;
	background: #2052ac;
	color:#fff;
	padding:13px 5px 5px 5px;
	text-decoration:none;
	width:112px;
	text-align:center;
	font-size:14px;
	border-right:1px solid #6f8fc9;
	border-left:1px solid #0b1d3d;
}
#global #navigation li a.home:hover 
{
	background:#8CC540;
	border-right:1px solid #a2c577;
}
#global #navigation li a.courses:hover 
{
	background:#c54040;	
	border-right:1px solid #c56969;
	border-left:1px solid #8c2e2e;
}
#global #navigation li a.support:hover 
{
	background:#c540a1;	
	border-right:1px solid #c580b5;
	border-left:1px solid #662153;
}
#global #navigation li a.bookshop:hover 
{
	background:#40b4c5;
	border-right:1px solid #52e8ff;
	border-left:1px solid #215d66;
}
#global #navigation li a.news:hover 
{
	background:#40c54d;
	border-right:1px solid #67c56c;
	border-left:1px solid #2c8735;
}
#global #navigation li a.about:hover 
{
	background:#c5bd40;
	border-right:1px solid #c5c16c;
	border-left:1px solid #59561d;
}
#global #navigation li a.donate:hover 
{
	background:#c57240;
	border-right:1px solid #c58f6e;
	border-left:1px solid #874e2c;
}
#global #navigation li a.contact:hover 
{
	background:#ac3a20;
	border-left:1px solid #591e11;
}
#global #navigation li a.home 
{
	border-left:0;
}
#global #navigation li a.contact
{
	border-right:0;
}
#global #content 
{
	margin:25px 0 20px 30px;
	padding-bottom: 50px;
	display:inline-block;
}
#global #content h1 
{
	margin-top:20px;
	color:#205ca9;
	font-size:35px;
	font-weight:normal;
	letter-spacing:1px;
}
#global #content h2,#global #content h3,#global #content h4,#global #content h5,#global #content h6
{
	margin:20px 0 0 0;
	color:#205ca9;
	font-size:25px;
	font-weight:normal;
}

#global #content h2.home 
{
	font-size:17px;
}

#global #content p 
{
	font-size:14px;
	line-height:24px;
}
#global #content blockquote 
{
	font-size:14px;
	line-height:24px;
	background:url('../images/quote.jpg') top left no-repeat;
	margin:0;
	padding:5px 20px 20px 20px;
}
#global #content blockquote em 
{
	font-size:12px;
	display:block;
	text-align:right
}
#global #content ul
{
	font-size:14px;
	line-height:24px;
}
#global #content #one-col 
{
	width:930px;
	padding:0px;
}

#global #content #one-col #ticker 
{
	height:30px;
	font-size:12px;
	color:#fff;
}
#welcome 
{
	width:450px;
	float:left;
	padding:0;
	margin:5px 0 0 0;
}
#welcome h2#intro 
{
	padding:0;
	margin-top: 10px;
}


#secondary 
{ 
	float:right;
	margin-top:5px;
}



#secondary #famous 
{
	background:url(../images/homepage/box-horizontal.jpg) no-repeat 0 0;
    width: 439px;
	height:100px;
	margin-top:15px;
	padding:10px;
}

#secondary #dyslexic-writes 
{
	width: 439px;
	height:160px;
	margin-top:15px;
	padding:10px;
	background-image: url(../images/homepage/box-horizontal-deep.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#secondary #famous h4, #secondary #dyslexic-writes h4 
{
	margin:0;
	padding:0 0 0 10px;
	font-size:15px;
	font-weight:bold;
}
#secondary #famous p, #secondary #dyslexic-writes p 
{
	font-size:12px;
	line-height:20px;
	padding:10px;
	margin:0;
}
#secondary #dyslexic-writes a 
{
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	color:#205ca9;
	border-bottom:1px solid #ccc;
	text-decoration:none;
	margin-left:10px;
	padding-bottom:3px;
	width:410px;
	display:block;
}

#secondary #dyslexic-writes a:hover
{
	color:#666;
}


#ajaxticker1{
width: 430px;
height:85px;
padding: 0px;
background-color: #F5FAFE;
overflow:hidden;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #F5FAFE;
}


.someclass h4 
{
	font-size:11px;
}

#ajaxticker1 .someclass p 
{
	font-size:11px;
}

#global #content #left-col 
{
	width:250px;
	float:left;
	margin-top:25px;
}
#global #content #main-col
{
	width:650px;
	float:left;
	padding:0 20px;
}
#global #content #main-col-with-right 
{
	width:550px;
	float:left;
}
#global #content #right-col 
{
	width:360px;
	float:right;
	padding:10px;
}

#global #content #left-col ul#left-nav 
{
	list-style:none;
	margin:0;
	padding:0;
}
#global #content #left-col ul#left-nav li 
{

}
#global #content #left-col ul#left-nav li a 
{
	display:block;
	width:225px;
	border-bottom:1px solid #ccc;
	padding:5px;
	text-decoration:none;
	color:#205ca9;
	font-size: 14px;
}
#global #content #left-col ul#left-nav li a:hover 
{
	color:#205ca9;
	background:#f9faf5;
}

#pdfDownloads {width:238px;background:url(../images/pdf-background.gif) center repeat-y;}
.mainTitle {color:#1968BC;font-weight:bold;padding:0 15px 0 15px;}
#pdfTop {width:238px;height:50px;background:url(../images/pdf-top.gif) no-repeat;}
#pdfBottom {width:238px;height:9px;background:url(../images/pdf-bottom.gif) no-repeat;position:absolute;}

#pdfDownloads ul {list-style:none;margin:0;padding:10px;}
#pdfDownloads li a
{
	display:block;
	width:218px;
	border-bottom:1px solid #ccc;
	text-decoration:none;
	color:#205ca9;
	font-size: 12px;
}
#pdfDownloads li a:hover
{
	color:#205ca9;
	background:#f9faf5;
}


#footer 
{
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	clear:both;
}
	
#footer #footer-content 
	{
		width:940px;
		margin:0 auto;
		padding-top:10px;
		border-top:2px solid #dfe0dc;
		color:#aeaeae;
		position:relative;
	}
#footer #footer-content a 
{
	color:#aeaeae;
	text-decoration:underline;
}
#footer #footer-content #copy 
{
	float:left;
}
#footer #footer-content #policies 
{
	position:absolute;
	left:400px;
}

#footer #footer-content #flipside 
{
	float:right;
}







#boxes h2 
{
	margin:0;
	padding:0 0 0 10px;
	line-height:21px;
}
#boxes #box-about p, #boxes #box-support p, #boxes #box-courses p, #boxes #box-donate p
{
	font-size:12px;
	line-height:22px;
	padding:10px;
	margin:0;
}
#box-about 
{
	float:left;
	width:205px;
	margin-right:10px;
	padding:10px;
	position:relative;
	top:10px;
	background-image: url(../images/homepage/box-assessment.jpg);
	background-repeat: no-repeat;
	background-color: #e9f2fa;
}

#box-support
{
	float:left;
	width:205px;
	margin-right:10px;
	background:#e9f2fa;
	padding:10px;
	background:url(../images/homepage/box-support.jpg) no-repeat;
	position:relative;
	top:10px;
}
#box-courses
{
	float:left;
	width:205px;
	margin-right:10px;
	background:#e9f2fa;
	padding:10px;
	background:url(../images/homepage/box-courses.jpg) no-repeat;
	position:relative;
	top:10px;
}
#box-donate
{
	float:left;
	width:205px;
	background:#e9f2fa;
	padding:10px;
	background:url(../images/homepage/box-donate.jpg) no-repeat;
	position:relative;
	top:10px;
}



.atotz h2 
{
	font-size:13px;
}









#contact-form{
	background-color: #edf4fa;
	padding: 30px 45px;
	width:475px;
	border:1px solid #ccc;
}

fieldset{
	padding:10px;
}

legend{
	color:#000;
}

textarea{
	padding:3px 2px;
	width:425px;	
	height:9em;
	margin:0 0 20px;
}


label, p.label{
	display:block;
	margin:0 0 3px;
	font-weight: bold;
	color: #000;
	font-size:14px;
}

.SecurityCode
{
    margin-top:10px;
}

label span {
	font-weight: normal;
	color: #666;
}

input.text {
	padding:5px 3px;
	width:425px;
	margin:0 0 20px;
	font-size:1.4em;
	font-family: arial,helvetica,sans-serif;
		border:1px solid #ccc;
}
	
.messsage
{
    padding: 5px 3px;
    font-size: 1.4em;
    font-family: arial,helvetica,sans-serif;
    text-align: center;
}
	
select{
	padding:2px;
	width:433px;
	margin:0 0 20px;
}

ul#archive{list-style:none;padding:0px;margin:0px;}

ul#archive li a
{
    display:block;
    height:30px;
    padding:10px;
    text-decoration:none;
    width:100%;
    background:#e2ecf5;
    border-bottom:1px solid #205CA9;
}


ul#archive li a:hover
{
    background:#cbe6f9;
}
ul#archive span
{
    color:#666;
    font-size:80%;
    line-height:90%;
}

img.pdf,img.testimonial{display:inline;padding:10px;border:0px;float:left;}

.captionRight{ font-size:90%; font-weight:bold; line-height:200%; text-align:left; padding-left:10px; padding-top:10px;}
.captionLeft{ font-size:90%; font-weight:bold; line-height:200%; text-align:left; padding-right:10px; padding-top:10px;}

#ticker
{
}    

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */ 
width: 930px;
height:30px; 
overflow:hidden; 
background-color:#9E0508;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
width: 910px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
top:2px;
left: 900px;
list-style-type: none;
margin:0;
color:#FFCC00;
display:inline-block;


}
ul.newsticker li 
{
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin:0;
padding:0;
}
ul.newsticker a 
{
white-space: nowrap;
margin-right:10px;
color: #FFF;
font-size:14px;
text-decoration:none;
margin-left:10px;
margin-right:10px;
} 
ul.newsticker span {
margin:0;
color:#FFF;
} 
.italic {
	font-style: italic;
}
.img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
