/* OVERALL STYLES */
html {
	font-size:100%;
}
html, body {
	background-color:#60A625;
}
body {
	background-image:url(../images/body-bg.jpg);
	background-repeat:repeat-x;
	position:relative;
	font-size:12px;
}
#container {
	color:#000000;
	font-family:Helvetica, Arial, Garuda,sans-serif;
	font-size:1.2em;
	margin:0 auto;
	position:relative;
	/* width:85em; width fix for Autism homepage */
	width:71em; 
	z-index:100;
}
#specbg {
	background-color:#D3D3D3;
	height:2.4167em;
	left:49.999%;
	position:absolute;
	top:0;
	width:50%;
	z-index:99;
}
#specbg  img {
	display:none;
}
strong {
	font-weight:bold;
}
a {
	outline:none;
}

/* HEADER STYLES */
#header {	
	height:203px;
	position:relative; font-size:85%;
}
#slideshow {
	bottom:0;
	height:174px;
	overflow:hidden;
	position:absolute;
	right:0;
	text-align:right;
	width:300px;
	z-index:999;
}
#slideshow img {
	display:none;
	position:absolute;
	right:0;
	top:0;
	z-index:8;
}
#slideshow img.active {
   display:inline;
   z-index:10;
}
#slideshow img.last-active {
    display:inline;
	z-index:9;
}

#logo {
	float:left;
	margin:44px 0 0 32px;
}

#survey a, #airportguide a, #autismidcard a {display:block; text-decoration:none;}
#survey { width:314px; height:50px; font-family:Helvetica, sans-serif; float:left; padding:7px; margin:15px 0 0 0; background:url(../images/survey-box.jpg) top left no-repeat; }
#airportguide, #autismidcard { font-size:1.1em; /* font-size:1.2em; width fix for Autism homepage */ width:136px; height:70px; font-family:Helvetica, sans-serif; float:left; padding:7px; margin:10px 15px 15px 0; }
#airportguide { background-image:url(../images/airportguide_home.gif); }
#autismidcard { background-image:url(../images/autismidcard_home.gif); }
#autismcard a {display:block;}
.aic {font-size:70%; color:#000000; line-height:120%; }
.ag {font-size:70%; color:#000000; line-height:120%; }

#accessebility {
	background-color:#FFFFFF;
	background-image:url(../images/acpanel-bg.jpg);
	background-position:right top;
	background-repeat:repeat-y;
	color:#666666;
	float:right;
	height:2.4167em;
	padding:0 1em 0 0;
	position:relative;
	width:60.4167em;
	z-index:1000;
}
#accessebility ul {
	float:right;
	margin:0.6667em 1em 0 0;
}
#accessebility ul li {
	float:left;
	margin:0 0 0 0.8333em;
}
#accessebility ul li a {
	color:#0083D7;
	font-size:1em;
	text-decoration:none;
	text-transform:uppercase;
}
#accessebility ul li a:hover {
	text-decoration:underline;
}
#accessebility div {
	float:right;
	font-size:0.9167em;
	height:2.4167em;
}
#accessebility div span {
	display:block;
	float:left;
	line-height:0.9;
	text-align:right;
	margin:0.4167em 0.4167em 0 0;
	width:4.3em;
}
#accessebility div img {
	cursor:pointer;
	float:left;
}
#lstsite {	
	width:6.4em;
}
#lstsite img {
	margin:0.5833em 0 0;
}
#txtsize {
	width:11.5em;
}
#txtsize img {
	margin:0.5833em 0.3333em 0 0;
}
#chcolours {
	width:14.2em;
}
#chcolours img {
	margin:0.5833em 0.5833em 0 0;
}

#topmenu {
	clear:both;
	float:left;
	margin:36px 0 0 45px;
	position:relative;
	width:759px;
	z-index:1000;
}
* html #topmenu {
	margin:36px 0 0 22.5px;
}
#topmenu li {
	float:left;
	height:35px;
	margin:0 6px 0 0;
	text-indent:-9999px;
}
#topmenu li a {
	display:block;
	height:35px;
}
#about {
	background-image:url(../images/topmenu/about.jpg);
	width:135px;
}
#services {
	background-image:url(../images/topmenu/services.jpg);
	width:177px;
}
#benefits {
	background-image:url(../images/topmenu/benefits.jpg);
	width:158px;
}
#news {
	background-image:url(../images/topmenu/news.jpg);
	width:142px;
}
#downloads {
	background-image:url(../images/topmenu/downloads.jpg);
	width:117px;
}
#links {
	background-image:url(../images/topmenu/links.jpg);
	width:60px;
}
/* CONTENT STYLES */
#content {
	background-image:url(../images/content-bg.jpg);
	background-position:51.5em 1.1667em;
	background-repeat:no-repeat;
	color:#FFFFFF;
	float:left;
	margin:0 0 2.3333em;
	padding:0 0 0 4.6667em;
}
#content h1, #content h2 {
	color:#FFFFFF;
	font-weight:bold;
}
#content h1 {
	font-size:1.6667em;
}
#content h2 {
	font-size:1.4167em;
}
#breadcrumbs {
	color:#FFFFFF;
	font-size:1.25em;
	padding:0.7167em 0 0 3.9167em;
}
#breadcrumbs a {
	color:#FFFFFF;	
	text-decoration:none;
}
#breadcrumbs a:hover {
	text-decoration:underline;
}

#survey-sidebar { background:url('/assets/templates/autism/images/iPhone_black_145x200_02.gif') top right no-repeat #0080D6; margin:5px 0 0 0; padding:5px 10px 0 10px; color:#fff; }
#rightblock #survey-sidebar p { padding-bottom:0; }
#survey-sidebar a { background:#fff; color:#000; padding:5px; margin:3px 0; text-decoration:none; font-size:larger; }
#survey-sidebar a:hover { background:#339CDE; }

#maincontent {
	/* background-position:30.0833em 4.3333em; width:60.75em; width fix for Autism homepage */
	background-position: 25em 6.3333em;
	width:50em;
	background-repeat:no-repeat;
	float:left;
	padding:2.5833em 0 0;
}
* html #maincontent {
	background-position:92% 70%;
}
#maincontent h1 {
	margin:0 0 0.4167em;
}
#maincontent h2 {
	margin:0 0 1em;
}
#maincontent p {
	line-height:1.7;
	/* width:26.6667em; width fix for Autism homepage */
}
#maincontentleftblock {
	float:left;
	/* width:27.5em; width fix for Autism homepage */
	width:23em;
}
#maincontentleftblock a {
	color:#FFFFFF;
}

#identitycard {
	background-image:url(../images/identitycard.jpg);
	background-position:18.75em 0.1667em;
	background-repeat:no-repeat;
	float:left;
	margin:1.0833em 0 0;
	padding:0.8333em 0;
}
#identitycard h1, #identitycard p {	
	float:left;
	width:19.8333em;
}

.picsubtitle {background-color:#dfdfdf; font-size:10px; color:#666666; border:1px solid #ff6600;}
.picsubtitle em {padding:4px; font-style:normal; }

#servicesarea {
	background-image:url(../images/servicesarea.jpg);
	float:left;
	height:170px;
	margin:6px 0 0;
	width:320px;
}
#servicesarea h1 {
	color:#60A625;
	font-size:20px;
	margin:6px 0 17px 11px;
}
#servicesarea fieldset {
	font-size:12px;
}
#servicesarea select, .selectbox {
	border:none;
	color:#666666;
	font-size:14px;
	height:19px;
	margin:0 0 16px 17px;
	padding:1px 0 0;
	width:165px;
}

:focus {
	outline:none;
}
.js ul.newList {
	left:-9999px;
}
ul.newList {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#000000;
	left:0;
	overflow:auto;
	position:absolute;
	top:22px;
	width:165px;
	z-index:9999;
}
.newListSelected {
	background-image:url(../images/bg_select.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	color:#000000;
	float:left;
	height:19px;
	margin:0 0 14px 17px;
	padding:2px 0 0 6px;
	width:160px;
}
* html .newListSelected {
	margin:0 0 14px 9px;
}
.newListSelected span {
	display:block;
	width:284px;
}
ul.newList li {
	padding:3px 8px;
}
.selectedTxt {
	height:16px;
	overflow:hidden;
	padding:0 23px 0 0;
}
.hiLite {
	background-color:#650101 !important;
	color:#FFFFFF !important;
}
.newListHover {
	background-color:#ccc!important;
	color:#000!important; 
	cursor:default;
}
.newListSelHover, .newListSelFocus {
	cursor:default;
}
.newListOptionTitle {
	font-weight:bold;
}
.newListOptionTitle ul {
	margin:3px 0 0;
}
.newListOptionTitle li {
	border-left:1px solid #ccc;
	font-weight:normal; 
}

#servicesarea input.submit {	
	background-image:url(../images/submit.jpg);
	border:medium none;
	color:#000000;
	font-size:28px;
	height:35px;
	margin:1px 0 0;
	padding:0;
	text-indent:-9999px;
	text-transform:lowercase;
	width:157px;
}

#rightblock {
	float:left;
	padding:1.9167em 0 0;
	/* width:19.5833em; */
	width:16em;
}
#rightblock h1, #rightblock h2 {
	margin:0.5em 0 0.25em 0.6667em; font-size:140%;
}

#howdo {
	margin: 0.8333em 0 0;
}
#videos {
	margin:0 0 0.1667em;
}
#followus {
	background-color:#78B346; background-image:url(../images/followus-bg.jpg); background-repeat:no-repeat;
	margin:5px 0 15px 0;
	padding:15px 5px 5px 20px;
	width:195px; height:80px;
	font-size:0.9em;
}
#followus strong {
	font-size:1.1667em;
}
#followus li {
	
	
	background-repeat:repeat-y;
	margin:0 0 0.5em;
}
#followus p {
	background-repeat:no-repeat;
	
}
#followus li a {
	color:#FFFFFF;
	text-decoration:none;
}
#followus li a:hover {
	text-decoration:underline;
}
#followus li p {
	min-height:2em;
	height:auto !important;
	height:2em;
}
.followusicons {color:#FFFFFF; float:left; width:100px; font-size:80%; }
.followusicons a {display:block; color:white; text-decoration:none;}

#followus li.blogger p {
	background-image:url(../images/blogger.jpg);
	background-position:0 0.1667em;
}
#followus li.facebook p {
	background-image:url(../images/facebook.jpg);
	background-position:0.1667em 50%;
}
#followus li.twitter p {
	background-image:url(../images/twitter.jpg);
	background-position:0.1667em 50%;
}




#followustwitter, #followusfacebook { background-repeat:no-repeat; color:#FFFFFF; float:left; width:50px; height:85px; width:100px; }
#followustwitter { background-image:url(../images/icon_twitter.gif); }
#followusfacebook  { background-image:url(../images/icon_facebook.gif); }
#followustwitter a, #followusfacebook a {display:block; height:55px; color:#ffffff; padding:0 0 0 50px; }

/*
#followustwitter  {
	background-image:url(../images/icon_twitter.gif); background-repeat:no-repeat; color:#FFFFFF; float:left; width:50px; height:85px;
	 
}
#followustwitter a {display:block; width:100px; height:55px; color:#ffffff;}
#followustwitter p {padding:0 0 0 50px;}


#followusfacebook  {
	background-image:url(../images/icon_facebook.gif); background-repeat:no-repeat; color:#FFFFFF; float:left; width:100px; height:85px;
	
}
#followusfacebook a {display:block; width:100px; height:55px; color:#ffffff;}
#followusfacebook p {padding:0 0 0 50px;}
*/

#url {
	display:none;
}

/* FOOTER STYLES */
#footer {
	border-top:1px dotted #CCCCCC;
	clear:both;
	padding:0.8333em 0 0 66px;
	width:79.5em;
	font-size:0.9em;
}
#footer ul, #footer img {
	float:left;
}
#footer img {
	margin: -0.25em 0 0 -0.1667em;
}
#footer ul  li {
	float:left;
	text-transform:uppercase;
	margin:0 0.8333em 0 0;
}
#footer ul  li a {
	color:#FFFFFF;	
	text-decoration:none;
}
#footer ul  li a:hover {
	text-decoration:underline;
}
#footer ul#submenu {
	clear:both;
	margin:-0.1667em 0 0;
	width:100%;
}
#footer ul#submenu li {
	text-transform:none;
}
#copyright {
	color:#FFFFFF;	
	float:left;
	font-size:1.0833em;
	margin:1.1667em 0 0;
	padding:0 0 1.6667em;
	width:50%;
}
#copyright a {
	color:#96C46F;
	text-decoration:none;
}
#copyright a:hover {
	color:#96C46F;
	text-decoration:underline;
}
#footer-logos { background:url(../images/footer-logos.gif) top center no-repeat; padding-top:80px; font-size:0.7em; float:right; width:42%; text-align:center; margin-bottom:10px; }