@charset "utf-8";
/*********************************************
CSS Document - Style for non-IE browsers
HANDS in Autism Program
Christian Sarkine Autism Treatment Center
Indiana University, Department of Psychiatry

Created by Heather Coates
Property of Indiana University
Last Revised: 10/01/09

Color Scheme:
Background colors
	main background: #7F895F (medium sage)
	wrapper background: #F8FAEC (off-white)
	header background: #535B37 (dark green)
	sidebar2 background: #C2C494 (light sage)
	mainNav background: #C2C494 (light sage)
	secondaryNav background: #7F895F (medium sage)
	button hover background: #68342F (wine)
	
Text colors
	h1: #F8FAEC (off-white)
	mainNav, secondaryNav, p: #353535 (dark grey)
	h2: #68342F (wine)
	h3, h4: #000000 (black)
	
*********************************************/

body {
	text-align: center;
	padding: 2em;
	background:  #7F895F; 
	font-size: 62.5%;  /* This font-size declaration sets the base font size roughly equal to 10px. This allows easier adjustment of font size and better control of the layout scaling when the font size is adjusted...product is a semi-elastic layout */
	height: 100%;
}

#wrapper { /* encloses all divs for this design and provides the off-white background */
	display: inline-block;
	min-width: 760px;  /* all subsequent percentage widths are based on this or the percentage width of the containing element */
	max-width: 1200px;
	max-height: 3072px;
	background: url(../img/hands-bkg.gif) no-repeat top right;
	padding: 0;
	margin: 0;
	border-left: thin #535B37;
	border-right: thin #535B37;
}

	#pageHeader {  /* this div style encompasses the HANDS in Autism header */
		display: block;
		text-align: center;
		background: #535B37;
		color: #F8FAEC;
		margin: 0;
		padding: 1em 5em 1em 5em;
	}
	
	#mainNav {  /* this div style encompasses the main navigation menu, which includes the About Us, News, Events, Information, Kids Corner, Training, Research, Site Map */
		width: 100%;
		text-align: center;
		background: #C2C494;
		margin: 0;
		border-bottom: medium solid #353535;
	}
	
	#container1 {  
		float: left;
		position: relative;
		top: -0.4em;
		width: 72%;
		display: inline-block;
		text-align: left;
	}
	
		#sidebarL {  /* this will hold the secondary navigation menu -- MAY NEED TO CREATE AN IE VERSION OF THIS SECTION TO FIX DISAPPEARING NAVMENU*/
			float: left;
			position: relative;
			left: -73%;
			width: 20%;
			display: inline-block;
			padding: 1%;
			text-align: left;
			font: 1.3em Arial, Helvetica, sans-serif;
			color: black;
		}

	#mainContent.simple {  /* this layout for the mainContent div is the default for most pages */
			float: left;
			position: relative;
			width: 67%;
			left: 28%;
			display: inline-block;
			margin: 0;
			padding: 2em;
			border-left: medium inset #535B37;
			font: 1.35em Arial, Helvetica, sans-serif;
			color: black;
			overflow: hidden;
		}

	#mainContent.opac {  /* this layout for the mainContent div is used for creating the OPAC-like layout of elements for the info.html page */
			float: left;
			position: relative;
			width: 67%;
			left: 26%;
			display: inline-block;
			margin: 0;
			padding: 2em;
			border-left: medium inset #535B37;
			font: 1.3em Arial, Helvetica, sans-serif;
			color: black;
			overflow: hidden;
		}
		
	#sidebarR {  /* this will hold the media and highlights for each page */
		float: right;
		display: inline-block;
		position: relative;
		top: -1.3em;
		width: 18%;
		margin: 0; 
		padding: 1.25em;
		text-align: right;
		overflow: hidden;
	}
	
		#sidebarR img {
			max-width: 98%;
			border: medium solid #7F895F;
			margin: .5em;
		}

		#sidebarR img.logo {
			max-width: 85%;
			margin: 1em 0 0 0;
			border: thick solid #7F895F;
		}

	#footer { 
		clear: both;
		background: #535B37;
		margin: 0;
		padding: 2em 1em 1em 1em;
		font: 1em Arial;
	}
		
		#footer p {
			color: #F8FAEC;
		}
		
		#footer p#sponsors {
			font: 1em Arial, Helvetica, sans-serif;
			color: #F8FAEC;
		}
		
		#footer a {
			color: #C2C494;
			font-weight: 600;		
		}
	
/* begin non-section styling */	
h1 {
	color: #F8FAEC; 
	font: 4em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight: 600; 
	margin: 0; 
}

	h1#subtitle {
		font: 2.5em "Trebuchet MS", Arial, Helvetica, sans-serif; 
		font-weight: 400;
	}

h2 {
	color: #68342F; 
	display: block;
	font: 1.5em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight: 600; 
	margin: 0 0 .75em 0; 
	padding: .25em; 
	background: #C2C494; 
	border-top: thin solid #000000; 
	border-bottom: thin solid #000000; 
}

h3 {
	color: #000000; 
	display: block;
	font: 1.35em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight: 600; 
	margin: .25em 0 .5em 0; 
	border-top: thin solid #000000; 
	border-bottom: thin solid #353535; 
}

h4 {
	color: #000000; 
	font: 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight: 600; 
	text-align: left;
	margin: 0 0 .25em 0; 
	border-bottom: thin solid #000000;
	width: 65%;
}

p {color: black; font-type: Arial, Helvetica, sans-serif; }

ul.basic {  /* used to control the layout of the people page and sitemap */
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.sitemap {  /* used to control the layout of the people page and sitemap */
	margin: 0;
	padding: 0;
	font: 1.5em;
	line-height: 1.5em;
	list-style-type: none;
}

img {
	max-width: 96%;
	margin: 0;
	padding: 0;
	border: medium solid #7F895F;
}

	img.inset {
		border: 0;
		max-width: 50%;
	}

/* The mainNav list creates the horizontal navigation bar located on top of the two-column layout created for the page within the wrapper div. */	
ul#mainNav {
	display: inline-block;
	font: 1.65em Arial, Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	ul#mainNav li {
		float: left;
		padding: .2em;
	}
	
	ul#mainNav a {
		display: block;
		padding: .35em;
		text-decoration: none;
		background-color: #C2C494;
		color: #000000;
		font-weight: bold;
	}
		
	ul#mainNav a:hover {
		background-color: #535B37;
		color: #C2C494;		
	}
	
/* accessibility list with links to other formats -- currently only plain text and PDf, but will add audio files for some content; this style is not used for forms (i.e., hands-form.css) */
ul#accessible {
	float: right;
	display: inline-block;
	font: .6em Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
	ul#accessible li {
		float: left;
		padding: .25em;
	}
	
	ul#accessible a {
		display: block;
		text-decoration: underline;
		padding: .25em;
	}

/* Secondary vertical navigation bar located in the left sidebar - to assist navigating through main sections */	
ul#secondaryNav {
	float: left;
	display: block;
	list-style-type: none;
	margin: .5em;
	padding: 0;
	font: .9em Verdana, Geneva, sans-serif;
}

	ul#secondaryNav li {
		float: left;
		line-height: 1.25em;
		width: 100%;
		padding: .2em;
	}
	
	ul#secondaryNav a {
		display: block;
		padding: .75em;
		text-decoration: none;
		background-color: #7F895F;
		color: #F8FAEC;
		font-weight: bold;
	}
		
	ul#secondaryNav a:hover {
		background-color: #F8FAEC;
		color: #353535;		
		font-weight: 800;
		border-bottom: thick solid #68342F;
	}
	

/* Tertiary horizontal navigation bar located on top of content area - used for summer training pages */	
ul#tertiaryNav {
	float: left;
	display: inline-block;
	list-style-type: none;
	margin: .5em .5em .5em 0;
	padding: 0;
	font: .9em Arial, Helvetica, sans-serif;
}

	ul#tertiaryNav li {
		float: left;
		line-height: 1em;
	}
	
	ul#tertiaryNav a {
		display: block-inline;
		padding: .75em;
		text-decoration: none;
		background-color: #68342F;
		color: #F8FAEC;		
		font-weight: bold;
		border-right: medium solid #F8FAEC;
	}
		
	ul#tertiaryNav a:hover {
		background-color: #F8FAEC;
		color: #68342F;
		font-weight: 800;
		border-bottom: thick solid #68342F;
	}


/* this code lowlights what section of the website on the mainNav the user is currently browsing */
/* first-level pages */
	#home #mainNav .home a,
	#aboutus #mainNav .aboutus a,
	#news #mainNav .news a,
	#events #mainNav .events a,
	#information #mainNav .information a,
	#training #mainNav .training a,
	#research #mainNav .research a,
	#kidscorner #mainNav .kidscorner a,
	#training #mainNav .training a {
		background-color: #535B37;
		color: #F8FAEC;
		font-weight: 800;
	}

/*second-level pages */

	#aboutus #secondaryNav.aboutus a,
	#people #secondaryNav .aboutus a,
	#mission #secondaryNav .aboutus a,
	#background #secondaryNav .aboutus a,	
	#philosophy #secondaryNav .aboutus a,

	#miti #secondaryNav .events a,
	#nextsteps #secondaryNav .events a,
	#conference #secondaryNav .events a,
	#awarenessfair #secondaryNav .events a,
	#artfair #secondaryNav .events a,

	#autism #secondaryNav .information a,
	#glossary #secondaryNav .information a,
	#helpingfamilies #secondaryNav .information a,
	#laws #secondaryNav .information a,
	#newsletters #secondaryNav .information a,
	#screening #secondaryNav .information a,
	#services #secondaryNav .information a,
	#inform #secondaryNav .information a,
	#tools #mainNav .information a,
	#otherinfo #mainNav .information a,

	#calendar #mainNav .news a,
	#pr #mainNav .news a,
	#announcements #mainNav .news a,

	#publications #mainNav .research a,
	#publications #mainNav .research a,

	#kidscorner #mainNav .kidscorner a,
	
	#curriculum #mainNav .training a,
	#summer #mainNav .training a,
	#classrooms #mainNav .training a, 
	
	#sitemap #mainNav .sitemap a {

		background-color: #535B37;
		color: #F8FAEC;		
		font-weight: 800;
	}