/****************** 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}
hr {background:#fdc!important; border:1px solid #999; margin:1em 0}
a {color:#336}
a * {color:#336}
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:8.4em;}
	#Header a {text-indent:-9999px; display:block; height:7.5em; width:30.09em; background:url(/includes/site_images/AutismFile-New-Logo.gif) left top no-repeat; margin:.4em .2em;}

ul#TopMenu {height:2.7em; border-bottom:1px solid #a6b6c6;} /* 10.917px 

ul#TopMenu li {height:1.2em; float:left; border-bottom:.57em solid #000; padding-top:1em; margin-left:.9em;}

/*individual list item controls - J.Marshall 13.01/09*/
#menu_autism, #menu_subscribe, #menu_previous, #menu_directory, #menu_about, #menu_blog, #menu_book_review, #menu_contact{height:1.2em;float:left; border-bottom:.57em solid #000000; padding-top:1em; margin-left:.9em;}

#menu_autism {width: 114px;}
#menu_autism a {text-decoration: none;}
#RadioMp3 #menu_autism {display:block; border-bottom:.57em solid #67a6ed;}
#RadioMp3 #menu_autism a:hover {text-decoration:none;}

#menu_subscribe {width: 75px;}
#menu_subscribe a {text-decoration: none;}
#Subscribe #menu_subscribe {display:block; border-bottom:.57em solid #f60;}
#Subscribe #menu_subscribe a:hover {text-decoration:none;}

#menu_previous {width: 107px;}
#menu_previous a {text-decoration: none;}
#Previous #menu_previous {display:block; border-bottom:.57em solid #fc0;}
#Previous #menu_previous a:hover {text-decoration:none;}

#menu_directory {width: 72px;}
#menu_directory a {text-decoration: none;}
#Directory #menu_directory {display:block; border-bottom:.57em solid #090;}
#Directory #menu_directory a:hover {text-decoration:none;}

#menu_about{width: 57px;}
#menu_about a {text-decoration: none;}
#About #menu_about {display:block; border-bottom:.57em solid #30c;}
#About #menu_about a:hover {text-decoration:none;}


#menu_blog {width: 55px;}
#menu_blog a {text-decoration: none;}
#Blog #menu_blog {display:block; border-bottom:.57em solid #3300cc;}
#Blog #menu_blog a:hover {text-decoration:none;}

#menu_book_review {width: 89px;}
#menu_book_review a {text-decoration: none;}
#Book #menu_book_review {display:block; border-bottom:.57em solid #3300cc;}
#Book #menu_book_review a:hover {text-decoration:none;}


#menu_contact {width: 85px;}
#menu_contact a {text-decoration: none;}
#Contact #menu_contact {display:block; border-bottom:.57em solid #660099;}
#Contact #menu_contact a:hover {text-decoration:none;}
/*---*/

ul#TopMenu li a {color:#333}

/*
#Home ul#TopMenu li.On {border-bottom:.57em solid #d00}
#Home ul#TopMenu li.On a {color:#d00; font-weight:bold}

#Subscribe ul#TopMenu li.On {border-bottom:.57em solid #f60}
#Subscribe ul#TopMenu li.On a {color:#f60; font-weight:bold}

#Previous ul#TopMenu li.On {border-bottom:.57em solid #fc0}
#Previous ul#TopMenu li.On a {color:#fc0; font-weight:bold}

#RadioMp3 ul#TopMenu li.On {border-bottom:.57em solid #67a6ed}
#RadioMp3 ul#TopMenu li.On a {color:#67a6ed; font-weight:bold}

#Directory ul#TopMenu li.On {border-bottom:.57em solid #090}
#Directory ul#TopMenu li.On a {color:#090; font-weight:bold}

#About ul#TopMenu li.On{border-bottom:.57em solid #30c}
#About ul#TopMenu li.On a {color:#30c; font-weight:bold}

#Contact ul#TopMenu li.On {border-bottom:.57em solid #609}
#Contact ul#TopMenu li.On a {color:#609; 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}



/*** Left Navegation ***/
ul#LeftMenu {width:13em; float:left; margin:0 .33em .33em 0}
ul#LeftMenu h2 {padding-left:1em}
ul#LeftMenu li {/* height:1em; */ padding:.24em 0 .48em .33em; border-bottom:1px solid #999; 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}

ul#LeftMenu h2 {font-size:1em; background:#f60 url(/includes/site_images/wbg.gif) left top repeat-y; color:#fff; padding:.24em .4em .24em 1.24em; border-bottom:1px solid #999}
.Previous ul#LeftMenu h2 {background-color:#fc0}
.Directory ul#LeftMenu h2 {background-color:#090}
.About ul#LeftMenu h2 {background-color:#30c}
.Book ul#LeftMenu h2 {background: #3300cc;}
.Blog ul#LeftMenu h2 {background: #3300cc;}
.Contact ul#LeftMenu h2 {background-color:#609}
#Content {float:right; width:47.5em; padding-left:1em}
.Home #Content {width:61em;}
.RadioMp3 #Content {width:auto; display:block; float:none; padding-left:0}
#Content h1.Main {background:#f60;font-weight:bold; color:#fff; font-size:1.5em; padding:.16em .5em .24em; margin-left:-.5em; margin-bottom:.6em; margin-top:0!important}
.Previous #Content h1.Main {background:#fc0;}
.Directory #Content h1.Main {background:#090;}
.About #Content h1.Main {background:#30c;}
.Blog #Content h1.Main {background: #3300cc;}
.Book #Content h1.Main {background: #3300cc;}
.Contact #Content h1.Main {background:#609;}
.RadioMp3 #Content h1.Main {background:#67a6ed; margin-left:0}

#Content li {list-style:disc; list-style-position:inside}


/* .Home #Content img {float:left} */
/* 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}
#Footer address {color:#8D9AAB; font-style:normal;}

#Content table {border:0 solid #000; padding:0; margin:0}
#Content table td {vertical-align:top}

/*topRightBanner*/
div.topRightBanner {padding:0!important; margin-top:6px!important; float:right!important; width:359px!important; height:96px!important}
div.topRightBanner a {padding:0!important; display:inline!important; margin:0!important; background-image:none!important; width:359px!important; height:96px!important; text-indent:0!important}

#flashPlayer {width:300px; float:left}


.radioPageInfoBox {background:#f4f4f4; width:410px; padding:22px 12px 16px; min-height:100px; overflow:hidden; float:right}

.radioPageInfoBox h2 {font-size:1.2em!important; font-weight:bold!important; margin:0 0 15px!important; color:#377cca}
.radioPageInfoBox p {color:#555}

.radioPageInfoBox h3 {font-size:.9em!important; margin:18px 0 4px!important; clear:both}
.radioPageInfoBox h3 a {font-weight:bold!important; color:#377cca!important; padding:7px 0 0 23px; display:block}
.radioPageInfoBox h3 img {float:left;}

a.radioBanner {width:376px; height:101px; display:block; margin-left:-5px; margin-top:-8px}


ul#radioShowList {margin:0!important; padding:20px 0 0; /*background:#aa0; */float:none}
ul#radioShowList li.radioShow {min-height:80px; overflow:hidden; border-bottom:1px solid #bbb; list-style:none; list-style-position:outside; padding:5px 0 0!important; margin:0 0 25px;/* background:#a60*/}
ul#radioShowList li.radioShow h2 {color:#67a6ed; font-size:1.2em; font-weight:bold; line-height:1.1em!important; margin-top:0}
ul#radioShowList li.radioShow p.radioShowTopic {color:#666; font-style:italic; margin:8px 0 9px!important;}
ul#radioShowList li.radioShow p.radioShowDesc {color:#222; font-size:.9em; line-height:1.25em; margin-bottom:0; padding-bottom:0}
ul#radioShowList li.radioShow a {color:#67A6ED}
ul#radioShowList li.radioShow a.downMP3 {height:15px; background:#bbb; float:right; clear:left; margin:3px 0 0; padding:1px 12px; color:#fff; font-weight:bold}
ul#radioShowList li.radioShow a.downMP3:hover {color:#377cca}


/*** Pagination for radio mp3 archive ***/
div.pagination_container {height:1.45em; background:#e5eff9; border:1px solid #67a6ed; padding:.4em .75em .24em; margin:13px 0 16px}
div.pagination_container * {color:#777}
div.pagination_container p {float:left; white-space:nowrap; margin-bottom:0!important}
div.pagination_container ul.paginator {text-align:right; float:right}
div.pagination_container ul.paginator li {background:none!important; float:left!important; margin-left:.24em!important; margin-right:.24em!important; padding:0!important; list-style:none!important}
ul.paginator {margin-bottom:0!important;}
ul.paginator span.firstPage {margin:0 10px 0 0}
ul.paginator a,
ul.paginator span.page_selected {padding:1px 4px; display:block; position:relative; top:-1px; color:#0091c9!important; font-weight:bold}
ul.paginator span.page_selected {border:1px solid #67a6ed; color:#999!important; background-color:#fff!important; font-weight:bold; line-height:1.2em}
ul.paginator span.prev_disabled, ul.paginator span.next_disabled {color:#888}
ul.paginator span.FirstPage {padding-right:5px}



#HomeIntroPanel {
	position: relative; /* Containing block - Give the included divs a starting point */	
	margin: 0 0 30px 1em;
	height: 274px;
	border: 1px solid #c9d8e7;
	background: #fcfcfe url(/includes/site_images/home-intro-panel.jpg) no-repeat;
	width: 740px;
	overflow: hidden;
	}
	#SubscribeButton {
		position: absolute; /* From containing block */
		top: 17px;
		left: 16px;	
		display: block;
		text-indent: -9999999px;
		width: 176px;
		height: 42px;
		overflow: hidden;
		z-index: 10;
		}
		#SubscribeButton a {
			display: block;
			width: 100%;
			height: 100%;
			background: #000 url("/includes/site_images/subscribe-button.gif") no-repeat 0 0;
		}
		#SubscribeButton a:hover, #SubscribeButton a:active, #SubscribeButton a:focus {
			/* background-position: 0px -1px; */
		}
	
	#SubscriptionInformationArea {
		position: absolute; /* From containing block */
		top: 0px;
		left: 0px;	
		display: block;
		text-indent: -9999999px;
		width: 482px;
		height: 225px;
		overflow: hidden;
		z-index: -100;
		}
		#SubscriptionInformationArea a {
			display: block;
			width: 100%;
			height: 100%;
			background: transparent;
		}

	#BackIssues {
		position: absolute; /* From containing block */
		top: 51px;
		left: 512px;	
		display: block;
		text-indent: -9999999px;
		width: 212px;
		height: 111px;
		overflow: hidden;
		}
		#BackIssues a {
			display: block;
			width: 100%;
			height: 100%;
			background: #000 url("/includes/site_images/back-issues.jpg") no-repeat 0 0;
		}
		#BackIssues a:hover, #BackIssues a:active, #BackIssues a:focus {
			/* background-position: 0px -1px; */
		}
	
	#Downloads {
		position: absolute; /* From containing block */
		top: 166px;
		left: 512px;	
		display: block;
		text-indent: -9999999px;
		width: 212px;
		height: 45px;
		overflow: hidden;
		}
		#Downloads a {
			display: block;
			width: 100%;
			height: 100%;
			background: #000 url("/includes/site_images/pdf-downloads.jpg") no-repeat 0 0;
		}
		#Downloads a:hover, #Downloads a:active, #Downloads a:focus {
			/* background-position: 0px -1px; */
		}

	#Prices {
		position: absolute; /* From containing block */
		top: 225px;
		left: 0px;	
		width: 720px;
		/* display: block; */
		/* width: 100%; */
		/* height: 45px; */
		/* overflow: hidden; */
		padding: 18px 18px 18px 54px;
		background: #c9d8e7 url("/includes/site_images/special-offer-icon.gif") no-repeat 0 0;
		font-size: 12px;
		color: #222;
	}
	

	
	#HomeColumnWrapper {
		width: 100%;
		overflow: hidden;
		margin: 0 0 0 1em;
		background: #fff url(/includes/site_images/home-cols-bg.gif) repeat-y;
		}	
		#HomeMainColumn {
			/* background: #eee; */
			float: left;
			/* margin-right:40px; */
			overflow: hidden;
			width: 452px;
			margin-right: 60px;	
		}
		#HomeMainColumn p {
			font-size: 14px;
			line-height: 1.4;
			}		
		
		
		#HomeSideColumn {
			background: #fff;
			float:left;
			margin:0pt;
			min-height:600px;
			overflow:hidden;
			padding:0pt;
			width: 228px;
			font-size: 12px;
		}	


		#HomeColumnWrapper ul {
			margin: 0 0 20px;
			font-size: 0.94em;
			line-height: 1.5;
			}
			#HomeColumnWrapper ul ul {
				margin: 0 0 0 0;
				font-size: 100%;
			}			
			#HomeColumnWrapper ul li {
				margin: 0;
				padding: 0 0 0 14px;
				background: url(/includes/site_images/home-bullet.gif) no-repeat 0 50%;
				font-size: 13px;
				color: #000;
			}
			#HomeColumnWrapper ul li a {
				color: #00abbf;
			}
		#HomeColumnWrapper h2,
		#AdvisoryBoard h2 {
			margin: 0 0 10px;
			padding: 0;
			font-size: 17px;
			font-weight: bold;
			color: #004990;
			}		
	#AdvisoryBoard {
		overflow: hidden;
		margin: 20px 0 30px 1em;
		padding: 16px;
		background: #fcfcfe;
		border: 1px solid #cdcdcd;
		}
		#AdvisoryBoard p {
			font-size: 14px;
			line-height: 1.4;
			}		
		a#Biographies {
			float: right;
			display: block;
			text-indent: -9999999px;
			width: 96px;
			height: 29px;
			overflow: hidden;
			background: #000 url("/includes/site_images/biographies-button.gif") no-repeat 0 0;
			}