/* -------------------------------------------------------------------------
SAFE : Supporting Asperger Families in Essex
Main Style Sheet

version: 1.3
last update: 10 July 2006
author: Andy Gosling
email: andy@ecru.co.uk
website: http://www.ecru.co.uk
------------------------------------------------------------------------- */

/* =layout : global
------------------------------------------------------------------------- */

* {
	/* global white space reset */
	padding: 0;
	margin: 0;
}

body {
	font: 81.25%/150% "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
	background-color: #FFF;
	color: #666;
	text-align: center;
}

#divContainer {
	clear: both;
	width: 720px;
	margin: 0 auto;
	text-align: left;
}

#divHeader {
	width: 720px;
	clear: left;
	margin-bottom: 30px;
}

#divLeft {
	clear: left;
	float: left;
	width: 160px;
}

#divMiddle {
	float: left;
	width: 360px;
	margin-left: 20px;
	display: inline;
	margin-bottom: 10px;
}

#divMiddleWide {
	float: left;
	width: 540px;
	margin-left: 20px;
	display: inline;
	margin-bottom: 10px;
}

#divRight {
	float: right;
	width: 160px;
}

#divFooter {
	clear: both;
	background: transparent url("http://www.aspergers.org.uk/themes/site_themes/safe/dot_rule.gif") repeat-x;
	margin-bottom: 20px;
	padding-top: 10px;
	/* underscore hack to get rid of extra white space on IE:Win */
	_height: 1%;
}

.clear {
	clear: both;
	height: 0;
}

.rule {
	clear: both;
	border-top: 1px solid #000;
}

.ruleAbove {
	clear: both;
	border-top: 1px solid #000;
}

/* =type : global
------------------------------------------------------------------------- */

abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

p {
	font-size: 0.95em;
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.2em;
	color: #E41B5B;
	margin: 0 0 1em 0;
}

h1 {
	font-size: 2.4em;
	margin: 0 0 0.4em 0;
}

h2 {
	font-size: 1.5em;
	margin: 0 0 0.6em 0;
}

h3 {
	font-size: 1.3em;
	margin: 0 0 0.8em 0;
}

h4 {
	font-size: 1.1em;
}

h5 {
	font-size: 0.95em;
	font-weight: bold;
}

h6 {
	font-size: 0.95em;
}

strong {
}

.small {
	font-size: 0.88em;
}

/* =hyperlinks : global */

a:link, a:visited {
	color: #E41B5B;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

a:hover, a:active {
	color: #000;
	border-bottom: 1px solid #000;
}

/* =lists : global */

li {
	font-size: 0.95em;
	margin-bottom: 0.5em;
}

ul, ol, dl {
	margin-bottom: 1em;
}

ul li ul, 
ol li ul,
ol li ol,
ol li ol li ol {
	margin-bottom: 0;
}

ul {
	clear: both;
	margin-left: 25px;
}

ol {
	clear: both;
	margin-left: 25px;
}

/* =skip to content
------------------------------------------------------------------------- */

#skipLink {
	font-size: 0.88em;
	display: block;
	float: left;
	line-height: 1.3em;
	margin: 7px 0 10px 7px;
}

#skipLink a:link,
#skipLink a:visited {
	padding: 0 0 3px 13px;
	color: #FFF;
	background: transparent url("http://www.aspergers.org.uk/themes/site_themes/safe/skipLink.gif") no-repeat 0 0;
	border-bottom: none;
}

#skipLink a:hover,
#skipLink a:active {
	color: #666;
	background: transparent url("http://www.aspergers.org.uk/themes/site_themes/safe/skipLink.gif") no-repeat 0 -30px;
}

/* =header
------------------------------------------------------------------------- */

#logo {
	float: left;
	position: relative;
	width: 121px;
	height: 57px;
}

#logo span {
	float: left;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #FFF url("http://www.aspergers.org.uk/themes/site_themes/safe/safe_logo.gif") no-repeat 0 0;
}

#logoType {
	float: right;
	position: relative;
	width: 352px;
	height: 57px;
}

#logoType span {
	float: right;
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url("http://www.aspergers.org.uk/themes/site_themes/safe/logoType.gif") no-repeat;
}

#divHeader .rule {
	border-top: 4px solid #E41B5B;
}

/* =menu
------------------------------------------------------------------------- */

#ulMenu {
	list-style: none;
	margin-left: 0;
}

#ulMenu li {
	font-size: 1.1em;
	margin-bottom: 0.8em;
	display: block;
}

#ulMenu a:link, 
#ulMenu a:visited {
	width: 160px;
	display: block;
	color: #666;
	border-bottom: none;
}

#ulMenu a:hover, 
#ulMenu a:active {
	color: #000;
}

#divContainer #divLeft #ulMenu li a.current  {
	color: #E41B5B;
}

/* =main content area
------------------------------------------------------------------------- */

#divBreadcrumb p {
	font-size: 0.88em;
}

.summary h2 {
	font-size: 1.2em;
}

.date {
	color: #999;
}

/* =images : main content area */

img.rangeLeft {
	float: left;
}

img.rangeRight {
	float: right;
}

/* rss link */

#rss {
        	background: transparent url("http://www.aspergers.org.uk/themes/site_themes/safe/dot_rule.gif") repeat-x;
        padding-top: 9px;
}

#rss a:link, #rss a:visited {
        padding-left: 15px;
        background: transparent url("http://www.aspergers.org.uk/themes/site_themes/safe/rss_icon.gif") no-repeat 0 0px;
        border:  none;
}

#rss a:hover, #rss a:active {
        padding-left: 15px;
        background: transparent url("http://www.aspergers.org.uk/themes/site_themes/safe/rss_icon.gif") no-repeat 0 -18px;
        border:  none;
}

/* =sidebar
------------------------------------------------------------------------- */

#divRight {
	margin-bottom: 10px;
}

#divRight img {
	margin: 0 0 10px 0;
}

/* =type : sidebar */

#divRight h2 {
	font-size: 1.4em;
}

#divRight .summary h3 {
	font-size: 1em;
	margin-bottom: 0.2em;
}

#divRight .summary .date {
	font-size: 0.88em;
}

/* donate button */

#donateForm {
        margin-bottom: 15px;
}

/* =footer
------------------------------------------------------------------------- */

#divFooter #topLink {
	float: left;
}

#divFooter #topLink {
	font-size: 0.88em;
	display: block;
	float: left;
	line-height: 1.3em;
}

#divFooter #topLink a:link,
#divFooter #topLink a:visited {
	padding: 0 0 0 15px;
	color: #666;
	background: transparent url("http://www.aspergers.org.uk/themes/site_themes/safe/topLink.gif") no-repeat 0 0;
	border-bottom: none;
}

#divFooter #topLink a:hover,
#divFooter #topLink a:active {
	color: #000;
	background: transparent url("http://www.aspergers.org.uk/themes/site_themes/safe/topLink.gif") no-repeat 0 -40px;
}

#divFooterText {
	float: right;
	text-align: right;
	width: 540px;
}

#divFooterText p {
	font-size: 0.88em;
	line-height: 1.7em;
	color: #999;
	margin-bottom: 0;
}

/* -------------------------------- =form fields --------------------------- */

form {
	margin: 0;
	padding: 0;
}

textarea {
	border: 1px solid #716F64;
	background: #FfF8F9;
	margin: 2px;
	padding: 2px;
	width: 360px;
	height:200px;
	font: 12px/160% Verdana, Arial, Helvetica, sans-serif;
	color: #120;
}