/****************** GLOBALS ******************/
body {height:100%; font-size:76%; background:#dce3e9; padding:.8em 0 2em} /*336** 76% (1em = 12.13px) ***/
* {padding:0; margin:0; font-family:Arial, Tahoma, Verdana!important; color:#222; background-color:transparent}
font, font * {color:#222; font:1em Arial, Tahoma, Verdana; background-color:transparent!important}
img {border:0;float:none;}
hr {background:#099!important; border:1px solid #999; margin:1em 0}
a {color:#099}
a * {color:#099}
a, u {text-decoration:none}
a:hover {text-decoration:underline;}
p {line-height:1.4em; margin-bottom:.6em}
blockquote {background:url(/includes/site_images/blockquote.gif) .9em 1.2em no-repeat #f0f0f0; padding:1.9em 1.7em 1.2em 2.6em; font-size:1.2em; line-height:1.35em; border:.08em solid #bbb; margin:1em 0}
.hide, .Hide {display:none}

/* headings */
#Content h1, #Content h2, #Content h3, #Content h4, #Content h5, #Content h6 {line-height:1em!important; margin:1em 0 .3em}

.Home .HpBox h3 {margin:0!important; margin-bottom:.5em!important}
.Home .HpBox h3.subsOnline {margin:0!important; margin-bottom:.85em!important}

#Content h1.h1Title {margin-top:0}
#Content h1 {font-size:1.8em; font-weight:normal}
#Content h2 {font-size:1.6em; font-weight:normal}
#Content h3 {font-size:1.4em}
#Content h4 {font-size:1.2em}
#Content h5 {font-size:1.1em}
#Content h6 {font-size:1em}

/* lists */
li {list-style:none}
#Content ul, #Content ol {margin-bottom:.6em}
#Content li {padding:.16em 0}
#Content ul li {padding-left:1em}
#Content ol li {list-style:decimal; margin-left:2em; list-style-position:inside}

/****************** STRUCTURE ******************/
#GlobalWrapper {width:62.07em; margin:0 auto; background:#fff; padding:.2em .7em}
	#Header {height:7.2em; position: relative;}
	#Header a.logoHome {text-indent:-9999px; display:block; height:5em; width:12em; background:url(/includes/site_images/AutismTrust-Logo.jpg) left top no-repeat; margin:1.2em 0 0 .8em; float:left}
	#Header a.filmBanner {float:right; width:16em; position:relative; top:-2px; right:-15px}
	#Header {clear:right}


#MainBanner {
float:right;
margin:6px 0 0;
}


ul#TopMenu {height:1.9em; border-bottom:1px solid #7f9dd7;} /* 10.917px */
ul#TopMenu li {height:1.2em; float:left; border-bottom:.57em solid #000; padding-top:.2em; margin-left:.9em; width:9.38em}
ul#TopMenu li a {color:#888}

ul#TopMenu li.On {border-bottom:.57em solid #7f9dd7}
ul#TopMenu li.On a {color:#7f9dd7; font-weight:bold}

#Home ul#TopMenu li.On {border-bottom:.57em solid #69c}
#Home ul#TopMenu li.On a {color:#69c; font-weight:bold}

ul#TopMenu li a:hover {text-decoration:none; color:#999!important}

#Center {min-height:32.6em; overflow:hidden; padding:1.7em 0 .9em; clear:both}

/*** Left Navegation ***/
ul.LeftMenu {width:13em; float:left; margin:0 .33em .33em 0; clear:left}
ul.LeftMenu h2 {padding-left:1em}
ul.LeftMenu li {/* height:1em; */ padding:.24em 0 .48em .33em; border-bottom:1px solid #7F9DD7; width:11.8em; float:right}
ul.LeftMenu li.On {background:#F2F4F7}
ul.LeftMenu li.On a {font-weight:bold}
ul.LeftMenu li a {color:#999; font-weight:normal;}
ul.LeftMenu h2 {font-size:1em; background:#7f9dd7 url(/includes/site_images/wbg.gif) left top repeat-y; color:#fff; padding:.24em .4em .24em 1.24em; border-bottom:1px solid #999}

#Content {
	position: relative;
	float: right; 
	width: 47.5em; 
	padding-left: 1em;
	}
.Home #Content {width:61em;}
#Content h1.Main {background:#7f9dd7; font-weight:bold; color:#fff; font-size:1.5em; padding:.16em .5em .24em; margin-left:-.5em; margin-bottom:.6em; margin-top:0!important}

#Content li {list-style:disc; list-style-position:inside}
.Home #Content img {float:left}
.BigHpImg {
	width: 373px;
	float: left;
	position:relative; left:-11px;
	}
.HpMiddleCol {width:183px; float:left; position:relative; left:-3px;}
.HpMiddleCol img.TopImg {margin-bottom:6px}
.HomeImageCentralBottom {
	border-bottom: #69c solid 28px;
	
}

.HpRightCol {float:right; width:175px; position:relative; left:-2px;}
.ContentBox {width:30em;}


img.AlignRight {
	position: absolute;
	right: 0;
	/* float: right; */
	margin: 2em 0 1em 2em;
	}

ZZZOldStyleZZZimg.AlignRight {float:right; margin-left:2em}



img.HpImagePH {float:left}
.HpBoxWrp {float:left; width:15em; margin-left:.45em; background:url(/includes/site_images/boxbot.gif) left bottom no-repeat #efeff8;}
.HpBox img {float:none!important}
.HpBox {padding:1.3em 1em 0; background:url(/includes/site_images/boxtop.gif) left top no-repeat; min-height:6em}
.bottom {padding:1.8em 0 .8em; background:url(/includes/site_images/HpDivider.gif) left top no-repeat;}
.HpBox li {background:url(/includes/site_images/HpListBg.gif) .24em .34em no-repeat; list-style-type:none!important;}
#Content .HpBox ul li {padding:.08em .3em .08em 1.3em;}

#Footer {height:7.71em; border-top:1px solid #bfc6d0; padding-top:1.5em; padding-left:1em;position:relative;}
#Footer address {color:#8D9AAB; font-style:normal;}

#Content table {border:0 solid #000; padding:0; margin:0}
#Content table td {vertical-align:top}



/*** Dropdaown Menu ***/
#menu {height:2em; border-bottom:1px solid #7f9dd7;}
#menu {clear:both;}
#menu * {line-height:1em;}
#menu h2 {font-size:.95em; height:1em; color:#ccc; margin:0; font-weight:normal;}
#menu a {font-size:1em; display:block; white-space:nowrap; text-decoration:none; color:#999;}
#menu ul {list-style:none; padding:0; margin:0.16em auto 0;}
#menu ul ul {position:absolute; z-index:500; top:auto; display:none; margin:0; left:0; font-size:.85em}
#menu ul ul ul {top:-1px; left:100%;}
#menu li {position:relative; float:left; margin-left:.9em; text-align:left; width:11.44em; padding:0.41em 0 0.1em; border-bottom:6px solid #000;}

#menu li.On li a {color:#999; font-weight:normal;}
#menu ul ul a:hover {text-decoration:underline}
#menu li li {float:none; background:#fff; background-image:none; text-align:left; padding:0; width:13.5em; margin-left:0; border-bottom:1px solid #ccc}
#menu li li a {padding:0.41em 1.82em 0.41em 0.49em; min-width:7.39em}
#menu li li a:hover, #menu li li.parent li a:hover,
#menu li li li.parent li a:hover, #menu li li li li.parent li a:hover,
#menu li li li li li.parent li a:hover, #menu li li li li li li.parent li a:hover {color:#fff; background:#ccc;}
#menu li li.parent a:hover, #menu li li li.parent a:hover,
#menu li li li li.parent a:hover, #menu li li li li li.parent a:hover {background:#ccc;}
#menu h2 a {padding-bottom:.5em}
#menu h2 a:hover {color:#999;}
#menu li:hover {cursor:pointer; z-index:100;}
#menu li:hover ul ul, #menu li li:hover ul ul, #menu li li li:hover ul ul,
#menu li li li li:hover ul ul, #menu li li li li li:hover ul ul {display:none;}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul,
#menu li li li li:hover ul, #menu li li li li li:hover ul {display:block;}
#menu li li.parent:hover {background:#ccc;}
#menu li li.parent:hover > a:first-child {color:#fff;}
/***************** End CSS Popout Menu *****************/

#Home #menu li.L1 {border-bottom:6px solid #7F9DD7!important;}
#Home #menu li.L1 a {color:#7F9DD7; font-weight:bold}
#Home #menu li.L1 li a {color:#999; font-weight:normal;}

#About #menu li.L2 {border-bottom:6px solid #7F9DD7!important;}
#About #menu li.L2 a {color:#7F9DD7; font-weight:bold}
#About #menu li.L2 li a {color:#999; font-weight:normal;}

#Getting #menu li.L3 {border-bottom:6px solid #7F9DD7!important;}
#Getting #menu li.L3 a {color:#7F9DD7; font-weight:bold}
#Getting #menu li.L3 li a {color:#999; font-weight:normal;}

#Donate #menu li.L4 {border-bottom:6px solid #7F9DD7!important;}
#Donate #menu li.L4 a {color:#7F9DD7; font-weight:bold}
#Donate #menu li.L4 li a {color:#999; font-weight:normal;}

#Contact #menu li.L5 {border-bottom:6px solid #7F9DD7!important;}
#Contact #menu li.L5 a {color:#7F9DD7; font-weight:bold}
#DoContactnate #menu li.L5 li a {color:#999; font-weight:normal;}

/*** Pagination for news archive ***/
.srchTools {display:none}

#srchRes li {list-style-type:none}

#latestNewsTitle {background:#69c; padding:.7em; margin-bottom:.42em; position:relative}
#latestNewsTitle a {color:#fff; font-weight:bold}

.News ul, .News li {padding:0!important; margin:0!important; list-style-type:none!important; list-style-image:none!important; list-style-position:outside!important}

.News ul {font-size:1em; margin-bottom: 50px; /* border-bottom: 41px solid #fff;*/}
.News ul a {color:#062C50}



/* Splash Page Form
====================================================*/

.Hide { 
	position: absolute;
	left: 0px;
	top: -5000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.SplashContainer {
	margin: 0pt auto;
	overflow: hidden;
	width: 753px;
	}
	div#SplashImageCol {
		background: #fff;
		float: left;
		margin-right: 21px;
		/* min-height: 400px; */
		overflow: hidden;
		width: 470px;
	}
	div#SplashImageCol img {
		margin-bottom:0.6em;
		border-bottom: 7px solid #fff;
	}	
	div#FormCol {
		/* background: #f0f; */
		float: left;
		/* min-height: 450px; */
		overflow: hidden;
		width: 262px;
	}


.SplashContainer h1.Main {
	background: #7F9DD7 none repeat scroll 0%;
	color: #fff;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0.6em;
	/* margin-left:-0.5em; */
	margin-top:0pt !important;
	padding:0.16em 0.5em 0.24em;
}

.SplashContainer div.HomeLink {
	background: #7F9DD7 none repeat scroll 0%;
	color: #fff;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0.6em;
	/* margin-left:-0.5em; */
	margin-top:0pt !important;
	padding: 10px;
	border-top: 15px solid #fff;
	}
	.SplashContainer div.HomeLink a {
		background: transparent url(/includes/site_images/splash-link-bg.gif) right center no-repeat;
		color: #fff;
		text-align: center;
		font-size: 0.7em;
		font-weight: bold;
		padding: 0 26px;
	}
	
	.SplashContainer .bookingForm p {
		/* font-weight: bold; */
		margin: 0;
		padding: 5px 0 10px;
		font-size: 1em;
		color: #69c;
		}	
	.SplashContainer h2 {
		color: #69c;
		}
		

	/* Splash Page Form
	=====================================*/

	
	.SplashContainer .bookingForm {
		margin: 0;
		padding: 0;
		}

	.SplashContainer fieldset {
		display: block;
		margin: 0;
		padding: 0;
		background: #fff;
		border: 1px solid #fff;
		}
		
	.SplashContainer label {
		font-size: 1em;
		color: #69c;
		cursor: pointer; /* hand-shaped cursor */
		}
	.SplashContainer label.Float {
		float: left;
		display: inline;
		margin: 0 20px 0 5px;
		}
	.SplashContainer input.Float {
		float: left;
		/* border: 1px solid #000; */
		display: inline;
		}	
	.SplashContainer input.Text {
		width: 252px;
		margin: 15px 0 0;
		padding: 2px;
		font-size: 100%;
		text-indent: .5em;
		border: 1px solid #69c;
		color: #69c;
		/* background: url(/includes/site-images/search-bg-gradient.gif) no-repeat; */
		}
	.SplashContainer .Checkbox {
		float: left;
		margin: 15px 0;
	}
	.SplashContainer .CheckboxLabel {
		display: inline;
		float: right;
		width: 240px;
		margin: 15px 0;
	}
	.SplashContainer input.SubmitButton {
		background: transparent url(/includes/site_images/petition-submit.gif) 50% 50% no-repeat;
		border: 0px solid #000;
		cursor: pointer; /* hand-shaped cursor */
		width: 252px;
		height: 40px;
		padding: 0px;
		text-indent: 999999px;
		vertical-align:middle;
		/* width: 95px; */
		}
		.SplashContainer input.SubmitButton:hover, 
		.SplashContainer input.SubmitButton:active, 
		.SplashContainer input.SubmitButton:focus {
			background: transparent url(/includes/site_images/petition-submit-hover.gif) 50% 50% no-repeat;
		}


	.OopsFormNotPosted {	/* Validation messages */
		margin: 0 0 26px;
		padding: 13px;
		border: 1px solid #eff1eb;
		background: #fff;
		}
		.OopsFormNotPosted h2 {
			margin-top: 0 !important;
			padding-top: 0 !important;
			color: #073566;
		}	
		.SplashContainer .bookingForm .OopsFormNotPosted p {
			padding: 0;
			color: #073566;
		}
		.OopsFormNotPosted p#ErrorText {
			margin: 10px 0;
			padding: 10px;
			border: 1px solid #790000;
			text-align: center;
			font-style: italic;
			/* font-weight: bold; */
			color: #fff;
			background: #9a0267;
			zoom: 1;
		}	



/* Home Page
================================================*/
#CenterZZZZZZ {min-height:32.6em; overflow:hidden; padding:1.7em 0 .9em; clear:both}

#HomeContainer {
	/* width: 753px; */
	width: 100%;
	background: #fff;
	overflow: hidden;
	position: relative;
	}
	#Home #Promo {
		background: #fff url(/includes/site_images/usa-flag.png) top right no-repeat;
		color: #7F9DD7;
		font-size: 0.93em;
		font-weight: bold;
		text-align: right;
		/* margin: 0 0.5em 0.6em; */
		/* margin-left:-0.5em; */
		margin: 0 19px 3px;
		margin-top: 0pt !important;
		padding: 3px 30px 6px;
	}
	#Home h1.Main {
		background: #7F9DD7 none repeat scroll 0%;
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
		/* margin: 0 0.5em 0.6em; */
		/* margin-left:-0.5em; */
		margin: 0 19px 0;
		margin-top:0pt !important;
		padding: 0.16em 0.5em 0.24em;
	}	
	
	div#MainCol {
		background: #fff;
		float: left;
		padding: 0;
		position: relative;
		/* min-height: 400px; */
		overflow: hidden;
		width: 550px;
		margin-right: 11px;
		}
		div#ShiftThisBlimminFlashMovieUp {
			margin: -40px 0 0;
			overflow: hidden;
			width: 550px;
			height: 400px;
		}	
	
	div#MainCol p {
		margin: 0 0.5em 0.6em 20px;
		font-size: 15px;
	}	
	div#SideCol {
		background: #fff;
		float: left;
		/* min-height: 450px; */
		overflow: hidden;
		width: 186px /* 175px */;
		margin: 16px 0 0;
		}
		div#SideCol img {
			margin: 0 0 12px;
			}	
	#Statement {
		margin: 0 19px 0;
		padding: 14px;
		background: #69c;
		}
		#Statement h2 {
			color: #fff;
			margin-bottom: 10px;
		}
		#Statement p {
			color: #fff;
			font-size: 15px;
			line-height: 1em;
			margin-bottom: 15px;
		}
		#Statement b,
		#Statement b {
			color: #fff;
		}		
		#Statement a {
			color: #063563;
			font-size: 15px;
			text-decoration: underline;
		}		

/* Questionnaire Form
==============================================*/

	form {
	}
	
	#Questionnaire {
		margin: 0;
		padding: 0;
		}

	#Questionnaire fieldset {
		display: block;
		margin: 0 0 1.5em;
		padding: 1.65em;
		background: #fefefe;
		color: inherit;
		/* border-left: 1px solid #d9dbdb;
		border-right: 1px solid #d9dbdb;
		border-bottom: 1px solid #d9dbdb; */
		border: 1px solid #f4f4f4;
		}
		
	#Questionnaire legend {
		font-size: 1.20em;
		color: #211B6E;
		background: #fff;
		padding: 0.35em 0.35em 0.3em;
		border: #b7b7b7 solid 1px;
		/* font-weight: bold; */
	}	
	#Questionnaire label {
		/* font-weight: bold; */
		display: block;
		border: 1px solid #fff;
		margin: 0.2em 0;
		padding: 0.5em 0 0.2em;
		font-size: 1.2em;
		color: #69c;
		cursor: pointer; /* hand-shaped cursor */
		}

	#Questionnaire input { /* all inputs */
		/* padding: 2px; */
		font-size: 100%;
		margin: 0.5em 0 0.5em;
		padding: 3px 0 3px;
		/* border: 1px solid #69c; */
		/* background: url(/includes/site-images/search-bg-gradient.gif) no-repeat; */
		}
	#Questionnaire input.Small { /* short inputs */	width: 40px; }		
	#Questionnaire input.Medium { /* short inputs */ width: 200px; }
	
	#Questionnaire input.ZZZZZText {
		width: 25em;
		padding: 2px;
		font-size: 100%;
		margin: 0 0 0.5em;
		text-indent: .5em;
		border: 1px solid #69c;
		/* background: url(/includes/site-images/search-bg-gradient.gif) no-repeat; */
		}
	
	#Questionnaire .Checkbox {
		display: inline;
		/* width: 50px; */
		padding: 20px;
		font-size: 100%;
		margin: 0 5px 0 0;
		/* border: 1px solid #69c; */
	}

	#Questionnaire textarea {
		width: 35em;
		margin: 0 0 0.5em;
		padding: 2px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		vertical-align: middle;
		font-size: 100%;
		border: 1px solid #b7b7b7; 
	}
	
	#Questionnaire select {
		margin: 0 0 0.5em;
		font-size: 100%;
		background: #fff;
		/* border: 10px solid #f00; */
	}

	#Questionnaire .SubmitButton {
		width: 5em !important;
		margin: 20px 0 !important;
		padding: 0 0 3px !important;
		height: 1.74em;
		background: #7F9DD7;
		border: 1px solid #000 !important;
		text-indent: 0 !important;
		vertical-align: middle;
		cursor: pointer; /* hand-shaped cursor */
		color: #fff;
		font-weight: bold;
		}

	#Questionnaire .SubmitButton:hover, 
	#Questionnaire.SubmitButton:active, 
	#Questionnaire .SubmitButton:focus {
		background: #000;
		border: 1px solid #fff !important;
	}

	#Questionnaire p#Intro {
		margin: 10px 0;
		padding: 10px;
		border: 1px solid #7F9DD7;
		color: #222;
		background: #DCE3E9;
		}	
		#Questionnaire p#Intro select.MainSelector {
			border: 5px solid #7F9DD7;
			margin: 20px;
		}
	#Questionnaire p#SelectedIntro {
		margin: 10px 0;
		padding: 10px;
		border: 1px solid #7F9DD7;
		color: #222;
		background: #fff;
		}
	#Questionnaire span {
		display: inline;
		margin: 0;
		padding: 0 10px 0;
		color: #222;
		background: #fff;
		}				
		
.CharityReg{position:absolute;bottom:0px;right:0px;color:#8D9AAB}

.BallBanner{margin:17px 0px 0px 19px;}

/*JM - introduction text*/
div.IntroText{padding:0px 20px 12px 20px;color:#333;}	

.HomeBanner2010{margin:17px 0px 0px 19px;}

img.FacebookBanner{position:absolute;bottom:9px;left:19px;}


/*Tree menu styling - JM*/
ul.LeftMenu li a.On{font-weight:bold;}
ul.LeftMenu li ul{padding-top:6px;}

ul.LeftMenu li ul li{border:none;padding:0px 0px 6px 0px;background:url(/includes/site_images/TreeBullet.gif) 0px 4px no-repeat;}

ul.LeftMenu li ul li a{padding-left:10px;display:block;}