* { padding: 0; margin: 0; }

body {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 13px;
	background: url(img/bodybg.gif) repeat-x #fff 100% 0;
	}


#wrapper { 
 	margin: 20px auto;
 	width: 996px;
 	border: 1px solid #ffc27a;
 	background: url(img/wrapbg.gif) repeat-y #fff 0 0;
 	}
 	

	
/* =HEADER 
----------------------------------------------------*/
 	
#header {
 	color: #333;
 	width: 996px;
 	height: 245px;
	background: url(img/headwhitebg.gif) repeat-x;
	}

a img {
	text-decoration: none;
	border: 0 none;
	}



#headlist {
	list-style: none;
	float: right;
	}

#headlist li  {
	display: inline;
	margin: 0 70px 0 0;
	color: #ec0642;
	font-size: 1.4em;
	}

ul#headlist   {	
	margin: 0 4px 0 0;
	padding: 10px 0 0 0;
	width: 618px;
	height: 38px;
	background: url(img/yel4.gif) repeat-x #fff 100% 100%;
	}
#donate a, #join a, #involved a, #informed a	{
	color: #ec0642;
	text-decoration: none;
	}

#donate a:hover, #join a:hover, #involved a:hover, #informed a:hover	{
	color: #ff56bc;
	text-decoration: underline;
	}

 #donate a.topselect, #join a.topselect, #involved a.topselect, #informed a.topselect {
	text-decoration: underline;
	color: #ff56bc;
	}

#donateparagraph {
	background: url(img/head-donate.gif) no-repeat 30px 40px;
	height: 260px;
	}

#joinparagraph {
	background: url(img/head-join.gif) no-repeat 30px 40px;
	height: 300px;
	}

#involvedparagraph {
	background: url(img/head-involved.gif) no-repeat 30px 40px;
	height: 340px;
	}

#informedparagraph {
	background: url(img/head-informed.gif) no-repeat 30px 40px;
	height: 300px;
	}

#thanks {
	background: url(img/head-thanks.gif) no-repeat 30px 40px;
	height: 300px;
	}

#donateparagraph span, #joinparagraph span,  #involvedparagraph span,  #informedparagraph span, #thanks span {
	display: none;
	}



/* =LEFT COLUMN - main NAVIGATION
----------------------------------------------------*/	
	
#leftcolumn { 
 	color: #333;
 	width: 238px;
 	float: left;
	}
	
#mainnav  ul {
	list-style: none;
	margin: 0 0 0 4px;
	padding: 0 30px 10px 0;
	text-align: right;
	}

#mainnav  li {
	padding: 13px 5px 13px 0;
	font-size: 1.4em;
	color: #0077c0;
	}

body.indexpage #about_autism, body.aboutautism #about_autism, body.autisminbarbados #autism_barbados, body.livingwithautism #living, body.abouttheaab #about_aab, body.resources #resources, body.contact #contact  {
	background: url(img/menuicona.gif) repeat-y;
	padding: 13px 5px 13px 0;
	}

#about_autism a, #autism_barbados a, #living a, #about_aab
a, #resources a, #contact a 	{
	color: #0077c0;
	text-decoration: none;
	}

#about_autism a:hover, #autism_barbados a:hover, #living a:hover, #about_aab
a:hover, #resources a:hover, #contact a:hover 	{
	color: #b9b376;
	}

#mainnav  li:hover {
	background: url(img/menuiconb.gif) repeat-y;
	}




/* =CONTENT COLUMN
----------------------------------------------------*/	

#contentcolumn { 
	float: left;
 	color: #333;
 	width: 576px;
	background: #fff;
	line-height: 1.8em;
	}

#contentcolumn  p { 
	padding:0 20px 12px 30px;
	}
	
#contentcolumn  h3 {
	padding: 10px 0 10px 10px;
	color: #ff8812;
	}
	
#contentcolumn  h4 {
	padding: 10px 0 2px 30px;
	color: #000000;
	}

.contentholder {
	margin: 10px 13px 25px 10px;
	}

.imgandcaption_centre   {
	display: inline;
	margin: 10px 20px 0px 30px;
	padding: 0 0 5px 0;
	width: 238px;
	float: left;
	background: #fff6dc;
	}

.imgandcaption_right {
	margin: 10px 20px 10px 10px;
	padding: 0 0 5px 0;
	width: 138px;
	float: left;
	background: #fff6dc;
	}

.imgandcaption_centre  dd, .imgandcaption_right  dd  {
	color: #d86e00;
	font-size: .9em;
	padding: 0 8px;
	line-height: 1.5em;
	margin: 0;
	float: left;
	}

.imgandcaption_centre   dl {
	display: inline;
	}

.address {
	padding: 0 0 20px 60px;
	}


.contentlist	{
	list-style: none;
	padding:0 20px 12px 30px;
	}

.links	dd, .contentlist dd, .contentlist li  {
	padding: 0 0 10px 0;
	}
	
.links a {
	color: #0077c0;
	font-weight: bold;
	}

.links a:hover {
	color: #1dddd1;
	}


/* =RIGHT COLUMN
----------------------------------------------------*/	

#rightcolumn { 
 	width: 182px;
 	float: right;
	background: url(img/rightcolbg.gif) #fff no-repeat;
	font-size: .8em;
	line-height: 1.9em;

	}


#rightcolumn h4 {
	padding: 10px 0;
	font-size: 1.3em;
	color: #0077c0;
	}


/* =event list RIGHT COLUMN
----------------------------------------------------*/	

.eventlist	{
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ffa54c;
	background: url(img/eventbg.gif) #fffae4 repeat-x;
	}

dl.eventlist	 {
	padding: 5px 8px;
	}

.eventlist	dd {
	padding: 0 0 5px 0;
	}

.day {
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	}

dt.day {
	border-bottom: 1px solid #fff;
	}

dd.event {
	font-size: 1.1em;
	font-weight: bold;
	color: #0077c0;
	}

dd.description {
	line-height: 1.2em;
	}


/* =FOOTER
----------------------------------------------------*/	

#footer	{
 	width: 996px;
 	clear: both;
 	background: #ffefb1;
 	height: 82px;
 	border-top: 4px solid white;
 	font-size: 0.85em;
 	color: #0077c0;
 	}
 
#footer	 a {
	color: #0077c0;
	text-decoration: none;
	}

#footerholder {
	border-top: 4px solid #ffd515;
	margin: 5px 4px 0 4px;
	}

.footleft {
	padding: 20px;
	float: left;
	}
	
.footright {
	padding: 20px;
	float: right;
	}

.footright  img {
	float: left;
	padding: 0 20px 0 0;
	border: none;
	}

/* =FORMS
----------------------------------------------------*/	

#involveform, #informedform, #contactform {
	border: 1px solid #ccc;
	width: 450px;
	margin: 0 0 0 30px;
	background: url(img/formbg.gif) #fff repeat-x;
	}

#involveform dt, #informedform dt, #contactform dt {
	float: left;
	width: 100px;
	padding: 0 0 0 10px;
	}

#involveform dd, #informedform dd, #contactform dd{
	padding: 0 0 20px 0;
	}

#involveform dl, #informedform dl, #contactform dl {
	margin: 20px;
	display: block;
	}
	
#errorblock	{
	margin: 60px auto;
 	padding:30px;
 	width: 500px;
 	border: 1px solid #ffc27a;
 	background: url(img/warning.gif) no-repeat 100% 50% #fff;
 	}
 
#errorblock strong {
	font-weight: bold;
	color: #dd1e0a;
	text-decoration: none;
	}

#errorblock p {
	padding: 0 0 20px 0;
	}