/* CSS Document */

/* CSS for Dyslexia Information Day website at dyslexiainformationday.org.uk
Contains main styling for entire site
Copyright dyslexiainformationday.org.uk 2008 */

/* Generic Redefined HTML tags */
* {margin:0em;padding:0em;border:0em;}
html {font-size: 62.5%;}
body {background-color:#f4f4ed;font-family: Tahoma, arial, helvetica, sans-serif; color:#000000; text-align:center;}
ul {list-style:none;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}


/* Generic Class Styles */

.bold {font-weight:bold;}
.noDisplay {display:none;}
.colour1 {color:#323232;}
.colour2 {color:#044d05;}
.colour3 {color:#f82f00;}
.red {color:#ff0000;}
.black {color:#000000;}

/*Form Styles*/

input.input {border:solid 1px #044d05;}
textarea.textarea {border:solid 1px #044d05;}
select {border:solid 1px #044d05;}
input.submit {border:none; cursor:pointer;}

/* Font Colours */
.black_font	{ color:#000; }
.white_font	{ color:#fff; }
.green_font	{ color:#090; }
.blue_font	{ color:#009; }
.grey_font	{ color:#666; }
.yellow_font	{ color:#fffc00; }

.black_font .colour1 { color:#000; }
.white_font .colour1 { color:#fff; }
.green_font .colour1 { color:#090; }
.blue_font .colour1 { color:#009; }
.grey_font .colour1 { color:#666; }
.yellow_font .colour1 { color:#fffc00; }

.black_font .colour3 { color:#000; }
.white_font .colour3 { color:#fff; }
.green_font .colour3 { color:#090; }
.blue_font .colour3 { color:#009; }
.grey_font .colour3 { color:#666; }
.yellow_font .colour3 { color:#fffc00; }

/* Background Colours */
.black_bg	{ background-color:#000; }
.pink_bg	{ background-color:#f9b; }
.green_bg	{ background-color:#0b0; }
.blue_bg	{ background-color:#00b; }
.grey_bg	{ background-color:#999; }
.cream_bg	{ background-color:#fec; }

/* Font Sizes */

.medium_font	{ font-size:1em; }
.large_font		{ font-size:1.4em; }
.x_large_font	{ font-size:1.8em; }
.xx_large_font	{ font-size:2.5em; }


/* Font Family */

.arial	{ font-family: Arial, helvetica, sans-serif; }
.tohoma		{ font-family: Tahoma, arial, helvetica, sans-serif;}
.times	{ font-family: Times new roman, serif; }
.georgia	{ font-family: Georgia, Times new roman, serif; }
.comic	{ font-family: Comic Sans MS, comic, sans-serif; }

/* Layout Properties */


#outerContainer {float:left;
	width:100%; 
	height:100%;
	background-image:url('http://www.dyslexiainformationday.org.uk/images/header_runner.gif');
	background-repeat:repeat-x;
	background-position:top;}
	
#topContainer {float:left;
	width:100%; 
	height:256px;
	background-image:url('http://www.dyslexiainformationday.org.uk/images/header_summer_blank.jpg');
	background-repeat:no-repeat;
	background-position:top center;float:left; 
 }

#headerContainer {
	width:700px; height:254px;
text-align:left;
margin: 0 auto 0 auto; }

#eventSign {
position:absolute; right: 100px;
	background-image:url('http://www.dyslexiainformationday.org.uk/images/next_event_sign.gif');
	background-repeat:no-repeat;
	background-position:top right;
height:60px; float:left;
font-weight:bold; padding:35px 75px 0px 30px;
}

#eventSign p a {color:#f82f00; font-size:1.6em;}

#infoContainer {float:left;
	width:100%; color:#ffffff;
	background-color:#044D04;}

#infoBar {display:block; clear:both;
width:700px; padding:0px 0px 27px 0px;
margin: 0 auto 0 auto; }

#infoBar #breadcrumb a {color:#ffffff;}
#infoBar #accessibilityLink a {color:#ffffff; font-size:1.4em;}

#breadcrumb {float:left;
font-size:1.3em; padding:1px 0px 0px 5px;}
#accessibilityLink {float:right;
font-size:1.6em; padding:1px 5px 2px 5px;}
#accessibilityLink img {margin:0px 10px;}

/*********************************************/

/* Middle*/

/********************************************/

#middleContainer {float:left;
	width:100%; 
padding:0px 0px 0px 0px;
background-image:url('http://www.dyslexiainformationday.org.uk/images/mid_foot_runner.gif');
	background-repeat:repeat-x;
	background-position:bottom;
 }

#mainContent {width:70em; 
	height:100%;
text-align:left;color:#000;
margin: 0 auto 0 auto; }
#mid_back {float:left;background-image:url('http://www.dyslexiainformationday.org.uk/images/mid_top_runner.gif');
	background-repeat:repeat-x;
	background-position:top;
width:100%; }

#mainContent h3 {font-family:georgia, times new roman, serif;
font-size:2.4em; padding:20px 0px 15px 0px; font-style:italic;}
#mainContent h4 {font-family:georgia, times new roman, serif;
font-size:2em; padding:10px 0px 10px 0px; font-style:italic;}
#mainContent h5 {font-family:georgia, times new roman, serif;
font-size:1.6em; padding:10px 0px 8px 0px; font-style:italic;
color:#323232}
#bodyText ul {list-style:disc; margin:0px 0px 10px 20px;}
#bodyText li {font-size:1.3em; padding:3px 0px 5px 10px;}
#bodyText li a {text-decoration:underline;}
#menuBar {float:left; width:13em; padding:20px 10px 0px 0px;}
#mainMenu li a {font-size:2.3em; font-weight:bold; color:#323232;
line-height:1.6em;}
#sideTel p {font-size:2.6em; font-weight:bold; color:#044d05; padding:10px 0px 20px 0px;}
#feeds a {font-size:1em; color:#323232;}
.feed {margin:10px 0px;}
#bodyText {float:left; width:36em; 

padding:0px 20px 20px 20px;}
#bodyText p {font-size:1.3em; padding:2px 0px 21px 0px; line-height:1.8em;}
#bodyText blockquote {font-size:1.4em; padding:4px 5px 20px 5px;}

#linksBar {float:left; width:13em; margin:20px 0px 0px 20px;}
#linksBar p {font-size:1.2em;}
p.more_link a {float:right; text-align:right; font-family:georgia, times new roman, serif;
font-weight:bold;font-style:italic; color:#000; padding: 4px 10% 8px 4px }
#siteSearch {float:right; padding:0px 0px 20px 0px;}
#searchInput input.input {float:left; width:130px;}
#searchSubmit {float:right; padding:2px 0px 0px 0px;}
#searchSubmit input.submit {background:none; font-family:georgia, times new roman, serif;
font-weight:bold; padding:1px 0px 0px 10px; }
#miniGallery {padding:20px 0px 0px 0px;}
#searchSubmit input.submit:hover {background:#044d05; color:#fff; } 
 #partners .partner_logo {padding:10px 5px}
#partners {padding:30px 0px;}
#bodyText p.author {font-size:1.1em; font-weight:bold;}
/*********************************************/

/* Footer */

/********************************************/
#bottomContainer {float:left;
padding:40px 0px 0px 0px;
	width:100%; 
	background-image:url('http://www.dyslexiainformationday.org.uk/images/footer_runner.jpg');
	background-repeat:repeat-x;
	background-position:top center;float:left; 
background-color:#044805;
 }

#footerContainer {width:700px; 
	height:100%;
text-align:left;color:#fff;
margin: 0 auto 0 auto; }
#footerContainer a {color:#fff}
#footerTools {float:left; width:700px;}
#footerTools h3 {font-family:georgia, times new roman, serif; font-size:2em;
border-bottom:2px solid #fff; padding:0px 20px 2px 20px; margin:0px 10px 15px 0px;}
#sitePage {float:left;
margin: 0px 0px 20px 0px}

.foot_menu {float:left; margin:0px 30px 0px 20px; font-size:1.2em; line-height:1.6em;}
.foot_menu li a {}

#contactForm {float:left; width:320px;}

#contactForm .form_label {float:left; width:50px; font-size:1.2em; margin:0px 20px 0px 20px;}

#contactForm .form_input,#contactForm .form_textarea {line-height:1.6em; float:left; margin:2px}
#contactForm .form_input input.input {float:left; width:200px;}
#contactForm .form_textarea textarea.textarea {width:200px; height:60px}
#contactForm .form_submit input.submit{background:none; color:#fff; font-family:georgia, timesnew roman, serif;
float:right; margin:5px 27px 0px 0px; padding: 2px 0px 3px 10px;}
#contactForm .form_submit input.submit:hover{background:#fff; color:#044d05;}

#pageTop {float:right; width:120px; border-top:2px #fff solid;
margin:26px 0px 0px 0px; font-size:1.2em; font-family:georgia, timesnew roman, serif;
font-weight:bold;}
 #pageTop .pt-text {float:left; padding: 5px 15px 0px 20px;}
#pageTop .pt-button {}


#footerInfo {float:left; width:670px; margin:20px 0px;
border-top:2px solid #fff; padding:20px 10px 0px 20px;}

#footerInfo p.footer_contacts {float:right; font-family:georgia, times new roman, serif;
font-size:1.4em; font-weight:bold;}

#footerInfo p.copyright {float:right; font-size:1.1em; text-align:right; line-height:1.6em; 
padding: 3px 0px; width:480px;}

#knocInfo {float:right; clear:both; padding:15px 0px 0px 0px;}
#knocInfo p {float:left;}


/* Access panel styles */ 
#access_panel {width:690px; float:left; text-align:left;
padding:0px; margin:5px;background-color:#cec;}

#access_panel h4 {color:#000;float:left;font-size:1.4em; padding:0px 15px 0px 0px;}

#ap_fontColour {width:600px; float:left; padding:11px 20px 0px 20px;}
#ap_fontColour span {font-size:1.5em; }
#ap_bgColour { width:600px; float:left; padding:11px 10px 0px 20px;}
#ap_bgColour span {font-size:1.5em; padding:0px 5px; margin:0px 5px;}
#ap_bgColour {font-weight:bold;}
#ap_fontSize {width:600px; float:left; padding:11px 20px 0px 20px;}
#ap_fontSize h4 {padding:10px 10px 0px 0px;}
#ap_fontSize a {color:#000;}
#ap_fontFace { width:600px; float:left; padding:11px 20px 0px 20px;
margin:0px 0px 10px 0px;}
#ap_fontFace a {font-size:1.5em; color:#000;}


#access_panel_inside {width:360px; float:left; text-align:left;
padding:0px; margin:0px; border: 2px solid #ddd;}
#access_panel_inside h4 {color:#000;float:left;font-size:1.4em; padding:10px 15px 5px 0px;
width:340px;}
#access_panel_inside p {padding:0px;}
#ais_fontColour {width:300px; float:left; padding:11px 20px 0px 20px;}
#ais_fontColour span {font-size:1.5em; }
#ais_bgColour { width:300px; float:left; padding:11px 20px 0px 20px;}
#ais_bgColour span {font-size:1.5em; padding:0px 10px; margin:0px 0px;}
#ais_bgColour a {color:#fff; font-weight:bold;}
#ais_fontSize {width:300px; float:left; padding:11px 20px 0px 20px;}
#ais_fontSize h4 {padding:10px 10px 0px 0px;}
#ais_fontSize a {color:#000;}
#ais_fontFace { width:300px; float:left; padding:11px 20px 0px 20px;
margin:0px 0px 10px 0px;}
#ais_fontFace a {font-size:1.5em; color:#000;}

/*Search page body */

#search_result_area {float:left; width:400px; margin:30px 0px 20px 0px;}

/*Top categories*/
.main_cat1 {font-size: 16px; font-weight: bold; color:#0000FF}
.main_cat2 {font-size: 12px; font-weight: bold; color:#0000FF}
.cat1:visited {font-size: 16px; font-weight: bold; color:#5555AA}

/*Small urls*/
.url {color: #115599}


a:visited{color:#5555AA}
/*hr{color:#000066}*/

/*Page descriptions*/
.description{font-size: 13px;}

/* */
td {font-family:arial,sans-serif; font-size: 13px; }

/* Title/link of pages */
.title{color:#0000FF; font-size:15px}



.searchBox{border:1px solid #113377;}

#result_report {
	text-align:center ;
	padding:3px;
	background-color:#e5ecf9; 
	font-weight: bold;
	margin-bottom:14px;
width:400px; float:left;
}

.catBanner {
	padding:3px;
	margin-top:15px;
	background-color:#e5ecf9; 
	font-weight: bold
}
.webPageBanner {
	padding:3px;
	margin-top:20px;
	background-color:#e5ecf9; 
	font-weight: bold
}

hr{color:#000066;}
hr.powered{width:550; color: #000066}

/*main results table */
#results{width: 400px; float:left;}

h1 {
	text-align: center;
	font-family: Verdana, Ariel;
	font-size:24px;
	color: #000066;
	}

#other_pages {
	text-align:center;float:left; width:400px;
}

#powered_by {
	margin:0 auto;
	margin-top:20px;
	padding-top:10px;
	font-size:10px;
	text-align:center;
	vertical-align: center;
float:left; width:400px;
}

#common_report {
		text-align:center;
}

#cat_table {
		width:600px;
		margin-top:20px;
		padding-top:10px;
		padding-bottom:20px;
		border-top:1px solid #AAAAAA;
		border-bottom:1px solid #AAAAAA;

}

#cat_main {
	font-weight: bold;
}

.divline{
width:400px;float:left;
	margin-top:20px;
	margin-bottom:-5px;
	border-bottom:1px solid #DDDDDD;
}

#sub_cat {
	font-size:12px;
}

.idented {
	margin-left:30px;
}

#did_you_mean {
	font-size: 14px; 
	text-align:center ;
	margin:10px;

}