/* Dyslexia settings: Blue Comic sans text on a Cream background */


body {background-color:#FFCC99; font-family:'comic sans ms', verdana, sans-serif; font-size:95%/180%; color:#009;}

h1 {font-size:large;}

h2 {font-size:small; font-weight:bold; text-decoration:underline;}

#contentandnav  {width:910px; float:left}
#centre   {width:748px; float:left; text-align:left /* ie4 fix */; background-color: #fff7dd;}

#accessibility		{margin:0; padding:0; text-align:right; font-size:80%; list-style-type:none}
#accessibility li	{margin:0 0.5em; padding:0; display:inline}
#accessibility a	{color:#FFCC99; border:0}
#accessibility a:active,
#accessibility a:focus,
#accessibility a:hover	{color:#f00; border-bottom:1px dashed #f00}

#breadcrumbs {background:#dde no-repeat top right; font-size:85%; margin-bottom:2em; padding:0 0 0.2em 15px; color:#333}
#breadcrumbs li { display:inline; }

#content a {color:#6600FF; text-decoration:none;}
#content a:hover {color:#FF6600; text-decoration:none;}
#content h1	{margin:0 0 0.5em 0; line-height:140%}
#content h2	{margin:1.8em 0 0.5em 0; padding:0 0 0 30px}
#content h3	{margin:1.8em 0 0.5em 0; padding:0 0 0 30px}
#content hr	{margin:0}
#content p	{margin:0.5em 0 1em 0}
#content ul	{margin-top:0}
#content ol	{margin-top:0}
#content li	{padding-bottom:0.5em}
#content br					{clear:both}
#content p.hilite {color:#00f}
#content p.rate		{margin-top:-0.5em; text-align:right}
#content p.topofpage	{padding:1em 0; text-align:right; width:100%; font-size:90%;}
#content p.topofpage a	{margin:0 25px 0 0}

#navigation					{border-bottom:1px solid #aab; border-right:1px solid #aab; border-top:2px solid #ffe; border-left:2px solid #ffe; width:150px; float:left; background:#F7F0d7}
#navigation ul				{margin:5px 10px 0px 0; padding:0; list-style-type:none; text-align:right}
#navigation li				{margin:0px 0 10px 0; font-weight:bold}
#navigation ul ul			{margin:10px 0 5px 0; padding:0; list-style-type:none; text-align:right}
#navigation ul ul li		{padding-right:1em; font-size:95%}
#navigation ul ul li a		{font-weight:normal}
#navigation p				{font-size:100%}
#navigation h2				{font-size:100%}

#externallinks	{width:145px; float:right; margin:15px 0 0 20px; text-align:left /* ie4 fix */;}
#externallinks div.box			{border-bottom:1px solid #aab; border-right:1px solid #aab; border-top:1px solid #ffe; border-left:1px solid #ffe; width:143px; margin:0 0 1.5em 0; background:#FFF0D0;}
#externallinks h2						{padding:0 5px 0.2em 5px; line-height:105%; font-size:115%; text-align:center}
#externallinks ul						{list-style:none; margin:0; padding:0 5px}
#externallinks li						{font-size:95%; text-align:center; padding:0.2em; line-height:120%}
#externallinks p						{padding:0 5px 5px 5px; font-size:100%; line-height:130%}

#footer			{text-align:center; clear:both; width:100%; min-width:760px; height:82px; padding:0; background:url(../graphics/bg_footer.gif) no-repeat center bottom}
#footer ul		{line-height:150%; margin:20px auto; padding:0; width:423px; list-style-type:none}
#footer li		{margin:0 0.5em; padding:0; display:inline; width:423px; font-size:80%}
#footer li a	{white-space:nowrap}
#footer p		{font-size:100%}
#footer h3		{font-size:100%}
#footer a {color:#6600FF; text-decoration:none;}
#footer a:hover {color:#FF6600; text-decoration:none;}

.head {
	position:fixed;
	top:0;
	left:0;
	border:0;
	margin:0;
	padding:0;
	color:#fff7dd;
	background:#fff7dd;
	text-decoration:none;
	width:0000;
	font:bold 1%/1% verdana,helvetica,arial,sans-serif;
	height:0;
	overflow:hidden
}

.head a:focus {
	position:fixed;
	top:0;
	left:0;
	border:10px solid #fff7dd;
	margin:0;
	padding:0;
	color:#ff0000;
	background:#fff7dd;
	text-decoration:none;
	width:auto;
	font-size:120%
}

.skip {
	position:fixed;
	top:0;
	left:0;
	border:0;
	margin:0;
	padding:0;
	color:#fff7dd;
	background:#fff7dd;
	text-decoration:none;
	width:0000;
	font:bold 1%/1% verdana,helvetica,arial,sans-serif;
	height:0;
	overflow:hidden
}

.skip a:focus {
	position:fixed;
	top:0;
	left:0;
	border:10px solid #fff7dd;
	margin:0;
	padding:0;
	color:#ff0000;
	background:#fff7dd;
	text-decoration:none;
	width:auto;
	font-size:100%
}

a {
	color:#6600FF;
	text-decoration:none;
}

a:hover {
	color:#FF6600;
	text-decoration:none;
}

div.quote {
	margin:10px;
	padding:25px;
	font-style:italic;
}

div.thumbtable {
	width:370px;
	height:220px;
}

div.thumbnail {
	float:left;
	margin:5px;
	padding:5px;
	width:350px;
}

div.thumbnail img {
	border:0;
}

div.thumbnail a {
	color:#00CCFF;
}

div.thumbnail a:hover {
	color:#33FFFF;
}

div.floatLeft {
	float:left;
	margin:0px;
	padding:0 10px 0 0;
}

.content1 {
	background: url('') no-repeat;
	padding:0 20px 20px 20px;
	float:left;
	width:448;
}

.content2 {
	padding:0 20px 20px 20px;
	float:right;
	width:290px;
	background-color:#846144;
	color:#FFFFFF;
}