
/*////////// GENERAL  //////////*/

* {
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}

body {
	font-size: 63%;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff url('../img/bg.jpg') repeat-y center top;
	color: #004b8d;
	text-align: center;
}

a:link, a:visited, a:hover {
	color: #004b8d;
	font-weight: bold;
	text-decoration: none;
}

img {
	border: 0;
}

#container {
	width: 1000px;
	margin: auto;
	text-align: center;
	background: #fff;
	color: #000;
}

.printonly {
	display: none;
}

/*////////// HEADER //////////*/

#header {
	height: 102px;
	background: #d2deea url('../img/header.png') repeat-x;
	text-align: left;
	position: relative;
}

/* logo */

#header #car a {
	background: transparent url('../img/carlogo.gif') no-repeat bottom left;
	margin: 0 0 0 20px;
	padding: 0 0 76px 169px;
	display: inline;
	height: 170px;
}

#header h1 a {
	margin: 33px 0 20px 222px;
	padding: 0;
	height: 25px;
	background: transparent url('../img/cartitle.gif') no-repeat;
	text-indent: -5000px;
	font-size: 1em;
	width: 362px;
	display: block;
}

/* search box */

#header #rightnav {
	float: right;
	text-align: left;
	margin: 8px 0 0 0;
}

#header #rightnav ul, #header #tools ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: "Tahoma", "Verdana", "Arial", sans-serif;
	font-size: 1.1em;
	color: #004b8d;
}

#header #rightnav ul {
	font-weight: bold;
}

#header #rightnav li {
	float: left;
	padding: 0 12px 0 0;
}

#header #rightnav #cse-search-box {
	display: inline;
	margin: 0;
	padding: 0;
}

#header #cse-search-box input {
	background: #dfe9f1;
	color: #004b8d;
	font-weight: bold;
	font-size: 1em;
	border: 0px none;
	padding: 2px 5px;
}

#header #cse-search-box #submit {
	width: 22px;
	border: 0;
	background: transparent url('../img/submit.gif') no-repeat center bottom;
	text-indent: -5000px;
	cursor: pointer;
}

/* tool icons */

#header #tools {
	position: absolute;
	top: 38px;
	right: 5px;
}

#header #tools li {
	float: left;
	padding: 0;
	margin: 0;
	width: 48px;
	text-align: center;
}

#header #tools li a:link, #header #tools li a:visited, #header #tools li a:hover {
	font-weight: normal;
	font-size: 0.9em;
	display: block;
	padding: 30px 0 0 0;
}

#tools #print_icon {
	background: transparent url('../img/print_icon.gif') no-repeat center 5px;
}

#tools #bookmark_icon {
	background: transparent url('../img/bookmark_icon.gif') no-repeat center 5px;
}

#tools #email_icon {
	background: transparent url('../img/email_icon.gif') no-repeat center 0px;
}

#tools #donate_icon {
	background: transparent url('../img/donate_icon.gif') no-repeat center 8px;
}

#tools #facebook_icon {
	background: transparent url('../img/facebook.png') no-repeat center 6px;
}

/* breadcrumbs */

#breadcrumbs {
	width: 100%;
	height: 23px;
	background: transparent url('../img/breadcrumbs.png') no-repeat;
	margin: auto;
	padding: 5px 0 0 15px;
	text-align: left;
	color: #8bb1d1;
}

#breadcrumbs a:link,
#breacrumbs a:hover,
#breadcrumbs a:visited {
	color: #8bb1d1;
	font-weight: normal;
}

#breadcrumbs ul {
	list-style: none;
	color: #8bb1d1;
	float: left;
	margin: 0;
	padding: 0;
}

#breadcrumbs ul li {
	margin: 5px 0 0 15px;
}

/*////////// LEFT NAVIGATION //////////*/

#leftcol {
	width: 169px;
	float: left;
}

#mainnav {
	margin: 7px 0 16px 0;
	padding: 0;
	background: #fff;
}

#mainnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #8bb2d2;
}

#mainnav li {
	margin: 0;
	padding: 0;
	background: #fff none;
	font-family: "Adobe Garamond Pro", "Garamond Premier Pro", "Garamond", "Times New Roman", "Times", serif;
	font-size: 1.6em;
	text-align: left;
}

#mainnav li a {
	margin: 0;
	padding: 5px 0 7px 0px;
	display: block;
	font-weight: normal;
	text-indent: -5000px;
	width: 100%;
}

#mainnav li li {
	background: #d0d0d0 none;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px solid #e2e2e2;
	display: none;
}

#mainnav li.current li {
	display: block;
}

#mainnav li li.current {
	background: #6d6d6d none;
}

#mainnav li li a {
	padding: 2px 0 2px 15px;
	text-indent: 0px;
	font-weight: bold;
	width: auto;
}

#mainnav li li.current a:link,
#mainnav li li.current a:hover,
#mainnav li li.current a:visited {
	color: #fff;
}


#mainnav li li li, #mainnav li.current li li {
	background: #b7c3ce none;
	font-size: 0.9em;
	border-top: 1px solid #d2dae1;
	padding: 0 0 0 10px;
	display: none;
}

#mainnav li.current li.current li {
	display: block;
}


#mainnav li li.current li a:link,
#mainnav li li.current li a:hover,
#mainnav li li.current li a:visited {
	color: #14478e;
}

#mainnav li li li.current {
	background: #8094a6;
}

#mainnav li li li.current a:link,
#mainnav li li li.current a:hover,
#mainnav li li li.current a:visited {
	color: #fff;
}


#mainnav li#nav_home {
	background: #8bb2d2 url('../img/nav_home.png') no-repeat;
}

#mainnav li#nav_home.current {
	background: #8bb2d2 url('../img/nav_home_sel.png') no-repeat;
}

#mainnav li#nav_team {
	background: #8bb2d2 url('../img/nav_team.png') no-repeat;
}

#mainnav li#nav_team.current {
	background: #8bb2d2 url('../img/nav_team_sel.png') no-repeat;
}

#mainnav li#nav_center {
	background: #8bb2d2 url('../img/nav_center.png') no-repeat;
}

#mainnav li#nav_center.current {
	background: #8bb2d2 url('../img/nav_center_sel.png') no-repeat;
}

#mainnav li#nav_research {
	background: #8bb2d2 url('../img/nav_research.png') no-repeat;
}

#mainnav li#nav_research.current {
	background: #8bb2d2 url('../img/nav_research_sel.png') no-repeat;
}

#mainnav li#nav_interventions {
	background: #8bb2d2 url('../img/nav_interventions.png') no-repeat;
}

#mainnav li#nav_interventions.current {
	background: #8bb2d2 url('../img/nav_interventions_sel.png') no-repeat;
}

#mainnav li#nav_faq {
	background: #8bb2d2 url('../img/nav_autism.png') no-repeat;
}

#mainnav li#nav_faq.current {
	background: #8bb2d2 url('../img/nav_autism_sel.png') no-repeat;
}

#mainnav li#nav_news {
	background: #8bb2d2 url('../img/nav_news.png') no-repeat;
}

#mainnav li#nav_news.current {
	background: #8bb2d2 url('../img/nav_news_sel.png') no-repeat;
}

#mainnav li#nav_events {
	background: #8bb2d2 url('../img/nav_events.png') no-repeat;
}

#mainnav li#nav_events.current {
	background: #8bb2d2 url('../img/nav_events_sel.png') no-repeat;
}

#mainnav li#nav_community {
	background: #8bb2d2 url('../img/nav_community.png') no-repeat;
}

#mainnav li#nav_community.current {
	background: #8bb2d2 url('../img/nav_community_sel.png') no-repeat;
}

#mainnav li#nav_expect {
	background: #8bb2d2 url('../img/nav_expect.png') no-repeat;
}

#mainnav li#nav_expect.current {
	background: #8bb2d2 url('../img/nav_expect_sel.png') no-repeat;
}


#mainnav li#nav_match{
	background: #8bb2d2 url('../img/nav_match.png') no-repeat;
}

#mainnav li#nav_match.current {
	background: #8bb2d2 url('../img/nav_match_sel.png') no-repeat;
}


#mainnav li#nav_gallery {
	background: #8bb2d2 url('../img/nav_gallery.png') no-repeat;
}

#mainnav li#nav_gallery.current {
	background: #8bb2d2 url('../img/nav_gallery_sel.png') no-repeat;
}

#mainnav li#nav_philadelphia {
	background: #8bb2d2 url('../img/nav_visiting.png') no-repeat;
}

#mainnav li#nav_philadelphia.current {
	background: #8bb2d2 url('../img/nav_visiting_sel.png') no-repeat;
}

#mainnav li#nav_directions {
	background: #8bb2d2 url('../img/nav_directions.png') no-repeat;
}

#mainnav li#nav_directions.current {
	background: #8bb2d2 url('../img/nav_directions_sel.png') no-repeat;
}

#mainnav li#nav_home a {
	padding: 7px 0 6px 0px;
}

#mainnav li#nav_directions a {
	padding: 7px 0 10px 0;
}

/* find box */

#find {
	background: #848484;
}

#find dl {
	margin: 0;
	padding: 0;
}

#find dt {
	margin: 0;
	padding: 6px 0 8px 15px;
	background: #848484 url('../img/find_top.png') no-repeat;
	color: #fff;
	text-align: left;
	font-size: 1.6em;
	text-indent: -5000px;
}


#find dd {
	margin: 0;
	padding: 6px 0 7px 15px;
	background: #848484 url('../img/find.png') no-repeat;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 1.1em;
	text-align: left;
}

#find dd a:link, #find dd a:visited, #find dd a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#find_bg {
	height: 118px;
	background: #848484 url('../img/find_bg.png') repeat-y;
}

#find_border_bottom {
	height: 35px;
	background: #848484 url('../img/find_bottom.png') no-repeat;
}

/*///////// MAIN CONTENT //////////*/

#maincol {
	float: left;
	font-size: 1.2em;
	text-align: left;
	width: 805px;
	margin: 0 0 0 12px;
}

#maincol img {
	float: right;
	padding: 0 10px 10px 10px;
	background: #fff;
}

#types #maincol img, 
#details #maincol img,
#car #maincol img,
#events #maincol img,
#research #maincol img {
	float: left;
	margin: 0 10px 0 0;
}

#our_team #maincol img {
	float: left;
	margin: 0 0 10px 0;
}

#gallery #maincol img {
	float: left;
}

#trial_interventions #maincol img {
	float: none;
}

#maincol #featured img, #maincol #highlights img, #maincol #study img {
	margin: 0;
	border: 0px none;
	padding: 0;
}

#car #maincol {
	width: 808px;
	font-size: 1em;
}

#maincol div.teamcol {
	float: left;
	width: 290px;
}

/* page titles */

#maincol h1 {
	height: 36px;
	text-indent: -5000px;
	margin: 0 0 15px 0;
}

#maincol h1#faq {
	background: #fff url('../img/faq_title.gif') no-repeat;
}

#maincol h1#team {
	background: #fff url('../img/team_title.gif') no-repeat;
}

#maincol h1#research {
	background: #fff url('../img/research_title.gif') no-repeat;
}

#maincol h1#interventions {
	background: #fff url('../img/interventions_title.gif') no-repeat;
}

#maincol h1#gaming {
	background: #fff url('../img/gaming_title.gif') no-repeat;
}

#maincol h1#classroom {
	background: #fff url('../img/classroom_title.gif') no-repeat;
}

#maincol h1#news {
	background: #fff url('../img/news_title.gif') no-repeat;
}

#maincol h1#events {
	background: #fff url('../img/events_title.gif') no-repeat;
}

#maincol h1#gallery {
	background: #fff url('../img/gallery_title.gif') no-repeat;
}

#maincol h1#visiting {
	background: #fff url('../img/visiting_title.gif') no-repeat;
}

#maincol h1#center {
	background: #fff url('../img/center_title.gif') no-repeat;
}

#maincol h1#attractions {
	background: #fff url('../img/philadelphia_title.gif') no-repeat;
}

#maincol h1#researchers {
	background: #fff url('../img/researchers_title.gif') no-repeat;
}

#maincol h1#clinicians {
	background: #fff url('../img/clinicians_title.gif') no-repeat;
}

#maincol h1#scholars {
	background: #fff url('../img/scholars_title.gif') no-repeat;
}

#maincol h1#graduate {
	background: #fff url('../img/graduate_title.gif') no-repeat;
}


#maincol h1#otherstaff {
	background: #fff url('../img/staff_title.gif') no-repeat;
}

#maincol h1#postdoctoral {
	background: #fff url('../img/postdoctoral_title.gif') no-repeat;
}

#maincol h1#careers {
	background: #fff url('../img/careers_title.gif') no-repeat;
}

#maincol h1#directions_car {
	background: #fff url('../img/directions_title.gif') no-repeat;
}

#maincol h1#directions {
	background: #fff url('../img/directions_other_title.gif') no-repeat;
}

#maincol h1#contact {
	background: #fff url('../img/contact_title.gif') no-repeat;
}

#maincol h1#sitemap {
	background: #fff url('../img/sitemap_title.gif') no-repeat;
}

#maincol h1#search {
	background: #fff url('../img/search_title.gif') no-repeat;
}

#maincol h1#match {
	background: #fff url('../img/match_title.gif') no-repeat;
}

#maincol h1#community {
	background: #fff url('../img/community_title.gif') no-repeat;
}

#maincol h1#awareness {
	background: #fff url('../img/awareness_title.gif') no-repeat;
}

#maincol h1#researchfocus {
	background: #fff url('../img/researchfocus_title.gif') no-repeat;
}

#maincol h1#training {
	background: #fff url('../img/training_title.gif') no-repeat;
}


#maincol h1#expect {
	background: #fff url('../img/expect_title.gif') no-repeat;
}

#maincol h1#newsletter {
	background: #fff url('../img/newsletter_title.gif') no-repeat;
}

#maincol h1#arcdirections {
	background: #fff url('../img/directions_arc_title.gif') no-repeat;
}

#maincol h1#eventdirections {
	background: #fff url('../img/eventdirections_title.gif') no-repeat;
}


#maincol h2 {
	font-family: "Adobe Garamond Pro", "Garamond Premier Pro", "Garamond", "Times New Roman", "Times", serif;
	font-size: 1.6em;
	color: #004b8d;
}

#maincol h3 {
	font-size: 1.3em;
	margin: 1em 0 0 0;
}

#maincol h4 {
	font-size: 1em;
}

/* paragraph styles */

#maincol p {
	margin: 0 0 1em 0;
}

#maincol p.light {
	color: #666;
}

#maincol p.note {
	color: #971b1e;
}

p.error {
	color: #900;
	font-size: 1.1em;
}

p.smalltext {
	font-size: 0.9em;
}

#maincol dl {
	margin: 1em 0;
}

#maincol dt {
	font-weight: bold;
}

#maincol ul {
	margin: 0 0 1em 2em;
	list-style: square;
}

#maincol hr {
	text-align: center;
	width: 552px;
	color: #ccc;
	background: #ccc;
	height: 1px;
	width: 100%;
	border: 0px none;
	margin: 0 0 10px 0;
}

/* table styles */

#maincol table {
	border: 1px solid #d2dfed;
	padding: 10px;
	margin: 0 0 20px 0;
}

#maincol table thead {
	background: #d6e4f0;
}

table tr.even {
	background: #ededed;
}

table th {
	padding: 5px 15px 5px 5px;
}

table td {
	padding: 5px 30px 5px 5px;
	vertical-align: top;
}

/* faq page */

#autism_faq #maincol #accordion{
	background: transparent url('../img/faq.jpg') no-repeat right top;
	height: 585px;
	padding-right: 245px;
}

#autism_faq #maincol dt, #match #maincol dt, #training #maincol dt, #research_with_community_focus #maincol dt  {
	margin: 0 0 10px 0;
	font-size: 1.2em;
}

#autism_faq #maincol dt a:hover, #match #maincol dt a:hover, #training #maincol dt a:hover, #research_with_community_focus #maincol dt a:hover  {
	color: #4388CC;
}

#autism_faq #maincol dl, #match #maincol dl, #training #maincol dl, #research_with_community_focus #maincol dl  {
	border-bottom: 1px solid #ccc;
}

/* homepage */

#video {
	width: 624px;
	height: 290px;
	background: #fff;
	float: left;
	position: relative;
	margin: 0;
}

#top_block {
	float: left;
}

#top_block #events {
	font-size: 1.1em;
	text-align: left;
	float: left;
	position: relative;
	width: 180px;
	/*margin: 0 0 0 4px;*/
}

#top_block h3 {
	height: 28px;
	background: #fff url('../img/upcoming_title.gif') no-repeat;
	text-indent: -5000px;
	margin: 0;
}

#events .event {
	margin: 0;
	padding: 6px 8px 10px 8px;
}

#events p {
	margin: 0;
}

#events .odd {
	background: #ededed;
}

#events .none {
	padding: 10px 0;
}

#events span.title {
	font-style: italic;
}

#events #more {
	text-align: center;
	padding: 10px 3px 5px 3px;
	margin: 0 0 7px 0;
}

#events #more a:link, #events #more a:visited, #events, #more a:hover {
	font-weight: normal;
}

#content {
	width: 618px;
	float: left;
	margin: 0 10px 0 0;
	text-align: left;
	font-size: 1.1em;
	position: relative;
}

#content h1 {
	height: 28px;
	background: #fff url('../img/welcome_title.gif') no-repeat;
	text-indent: -5000px;
	margin: 0;
}

#content p {
	line-height: 140%;
	margin: 0 0 1em 0;
}

#featured {
	width: 180px;
	height: 270px;
	float: left;
	color: #074788;
	position: relative;
	text-align: left;
	font-size: 1.1em;
}

#featured h3 {
	height: 26px;
	background: #fff url('../img/featured_title.gif') no-repeat;
	text-indent: -5000px;
	margin: 0;
}

#featured p {
	margin: 0;
}

#featured .link, #highlights .link, #study .link {
	margin: 1em 0 1em 0;
}

#featured .link a:link, #featured .link a:visited, #featured .link a:hover,
#highlights .link a:link, #highlights .link a:visited, #highlights .link a:hover
#community .link a:link, #community .link a:visited, #community .link a:hover, 
#study .link a:link, #study .link a:hover, #study .link a:visited {
	color: #b41212;
	font-weight: normal;
}

#highlights {
	float: left;
	font-size: 1.1em;
	text-align: left;
	color: #074788;
	position: relative;
	width: 180px;
	height: 200px;
	margin: 0;
}

#highlights h3 {
	height: 28px;
	background: #fff url('../img/highlights_title.gif') no-repeat;
	text-indent: -5000px;
	margin: 0;
}

#study {
	float: left;
	font-size: 1.1em;
	text-align: left;
	color: #074788;
	position: relative;
	width: 180px;
	height: 250px;
	margin: 0;
}

#study h3 {
	height: 28px;
	background: #fff url('../img/featuredstudy.gif') no-repeat;
	text-indent: -5000px;
	margin: 0;
}

/* staff page */

div.staff {
	float: left;
	padding: 0 0 25px 0;
	width: 49%;
}

.staff img {
	float: left;
	margin: 0 10px 0 0;
	border: 0px none;
}

#maincol .staff p {
	margin: 0.5em 0 0.5em 0;
}

.staff p strong {
	color: #595959;
	margin: 0 5px 0 0;
}

p.button a:link, p.button a:visited {
	color: #fff;
	background: #cd161c;
	padding: 0px 25px 0px 5px;
}

h2.staffname {
	background: #fff url('../img/staffname_title.gif') repeat-x;
	margin: 0 0 10px 160px;
	padding: 5px;
}

#maincol h2.publications {
	background: #fff url('../img/publications_title.gif') repeat-x;
	margin: 0 0 10px 0;
	height: 27px;
	padding: 0 10px;
	color: #666;
}

#types label, #details label {
	color: #595959;
	margin: 0 5px 0 0;
	font-weight: bold;
}

div#publications {
	border: 1px solid #d0deec;
	padding: 1px 1px 10px 1px;
	margin: 30px 0px;
}

div#publications p {
	margin-left: 10px;
	margin-right: 10px;
}

h3.subcategory {
	padding-bottom: 20px;
}


/* gallery page */

#maincol ul.hoverbox {
	cursor: default;
	list-style: none;
	margin-left: 5px;
}

#maincol ul.hoverbox img {
	background: #fff;
	color: inherit;
	vertical-align: top;
	border: 1px solid #eee;
	padding: 0;
}

#maincol ul.hoverbox li {
	background: #fff;
	padding: 15px 15px 15px 0;
	color: inherit;
	display: inline;
	float: left;
	position: relative;
}

/* contact page */

#contactform input, #contactform select, #contactform textarea {
	border: 1px solid #ccc;
	padding: 2px 5px;
}

#contactform dt {
	margin: 20px 0 5px 0;
}

#contact_us h2 {
	margin: 30px 0 10px 0;
}

#contact_us #submitok {
	margin: 10px 0 0 0;
	color: #fff;
	background: #14478E;
}

#contact_us .success {
	background: #DDFFDD; 
	border: solid 1px #009900 !important;
	padding: 10px;
	font-weight: bold;
	color: #006600;
}

/* directions pages */

div.direction-block {
	clear: both;
}

#directions #maincol hr {
	width: 350px;
}

#directions #maincol .img-left {
	float: left;
	margin-right: 40px;
}

#directions #maincol .img-right {
	float: right;
	margin-left: 40px;
}


div.parking {
	margin-left: 20px;
	width: 200px;
	overflow: auto;
}

div.parking-left {
	float: left;
	width: 120px;
}

/* autism match */

#match #maincol a.button {
	background:#900 none repeat scroll 0 0;
	color:#fff;
	border: 2px outset #ccc;
	padding: 5px 10px;
	font-size: 1.3em;
	font-weight: bold;
	display: block;
	width: 400px;
	text-align: center;
	margin: 15px 0;
}

#match #maincol a.button:hover {
	background: #b00;
}

#match #match_faq {
	width: 756px;
	padding: 0;

}

#match #match_faq #accordion {
	padding:5px 10px;
}

#match #match_faq_title {
	background:#FFFFFF url(../img/match_faq.gif) no-repeat scroll 0 0;
	color:#666;
	height:31px;
	text-indent: -5000px;
}


/* visiting philadelphia */

div.grayblock {
	border: 1px solid #eee;
	padding: 5px 10px; 
	margin: 10px 0;
}

div.whiteblock {
	padding: 5px 10px; 
	margin: 10px 0;
	border: 1px solid #eee;
}

/* community initiatives */

div.whiteblock_twocol {
	margin: 10px;
	border: 1px solid #D0DEEC;
	width: 340px;
	float: left;
}

div.whiteblock_twocol p {
	padding: 0 10px;
}

#maincol div.whiteblock_twocol img {
	float: none;
	margin: 0px 50px;
}

div.whiteblock_twocol h2#autismMatch {
	background: #fff url('../img/match_ad_title.gif') no-repeat;
	text-indent:-5000px;
	height: 36px;
}

div.whiteblock_twocol h2#asert {
	background: #fff url('../img/asert_ad_title.gif') no-repeat;
	text-indent:-5000px;
	height: 36px;
}

/* what to expect */

#what_to_expect #maincol img {
	float: left;
	margin: 0 20px 20px 0;
}


/*////////// FOOTER //////////*/

#footer {
	clear: both;
	background: #ab161b url('../img/footer.png') repeat-x;
	margin: 0;
	font-family: "Lucida Grande", "Trebuchet MS", "Arial", sans-serif;
	height: 22px;
}

#footer ul {
	list-style: none;
	margin: 0 0 0 40px;
}

#footer li {
	float: left;
	margin: 3px 5px;
	padding: 0 40px 0 0;
}

#footer li a:link, #footer li a:visited, #footer li a:hover {
	color: #fff;
	font-weight: normal;
	font-size: 1em;
}

/*//////// MISC //////*/


#huddleup {
	text-align: left;
	font-size: 1.1em;
	background: #EDEDED;
	padding: 5px 0;
}


#huddleup img {
	border: 0;
	padding: 0px 6px;
}

#huddleuptxt {
	background: #EDEDED;
}

#huddleup p {
	margin: 0 0 1em;
	padding: 5px;
	font-size: 0.95em;
	text-align: center;
}

#huddleup .link a:link, #huddleup .link a:visited, #huddleup .link a:hover {
	color: #B41212;
	font-weight: normal;
}
