/* CSS Document */

/* ######################## Document Level Style ######################## */

html {
	font-size: 100.01%;	/* routes around several browser bugs */
	height: 100%;
}

* html .blockdisplay {  /* Hides from IE-mac \*/
  height: 1%;
}

body {
	background: #d7dcea;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	height: 100%;
	line-height: 1.45em;	/* for a target line height of 16px */
	margin: 0 auto auto auto;
	padding: 0;
}

input {
	font-size: 16px;
}

select {
	font-size: 16px;
}

#middle { /* Table that organizes all content after the top menu */
	margin: 0;
	padding: 0;
	width: 100%;
}

#contentwrapper { /* Div for entire Body Section */
	background-color: #ffffff;
	margin: 0 auto;
	min-height: 100%;
	width: 100%;
}


/* ######################## Banner Elements ######################## */

#banner { /* Top Banner style */
	background-color: #999999;
	color: #ffffff;
	padding: 0;
}

.blockdisplay { /*  */
  display: block;
}

              
/* ######################## Left Menu Elements ######################## */

.sidebar { /* Main Sidebar Container */
	background-color: #ffffff;
	color: #333300;
	margin: 0;
	vertical-align: top;
	width: 160px;
}

#sidebar-left { /* Sets Padding */
	padding: 0 7px 5px 9px;
}

.sidebar a { /* Color for HREF */
	color:#005DAA;
}

.sidebar a:hover { /* Color on HREF Hover */
	color: #005daa;
}

.sidebar a.active { /* Color when on Page */
	font-weight: bold;
	color: #00305e;
}

.sidebar .block { /* Puts alittle more space at the bottom */
	margin-bottom: 1em;
}

.sidebar .contentblock li { /* Aligns text left/ reduces indentions */
	text-align: left;
	margin-left:-1.5em;	
}

.sidebar .listitem { /* Text for subpages (hollow bullets) */
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight:normal;
    padding-top:2.5px;
    padding-bottom:2.5px;
    color:#005DAA;
}
    
.sidebar .bulletlistitem { /* Text for superpages (solid bullets) */
    text-decoration:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.25em;
    font-weight:normal;
    padding-top:2.5px;
    padding-bottom:5px;
    color:#005DAA;
}

    
/* ######################## Top Menu ######################## */ 
   
#menu { /* Menu main style */
	background: transparent url('images/bottompart.png');
	font-size: 1.1em;
	height: 1.2em;
	line-height: 1.2em;
	padding: 4px 8px 3px 8px;
}

.topmenu { /* Displays links Inline/ no decoration */ 
  display:inline;
  text-decoration:none;
}     
     
.topmenuitem { /* Displays links Inline/ no decoration  */
  text-decoration:none;
  display:inline;
  float:left;
}     
               
#menu a,
#menu a:link { /* Sets style for HREF items */
  background-color: transparent;
	color: white;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.10em;
	padding: 0 10px;
}

#menu a:hover { /* Sets style for hovering over HREF */
	color: #fff1d0;
  background-color: #00305e;
}


/* ######################## Main Content Area ######################## */
    
#main { /* Sets Padding for Main Content Area*/
	padding: 2px 10px 0 10px;
	vertical-align: top;
}

#main .content li { /* NOT SURE; DON'T REMEMBER USING LIST ITEMS */
	line-height: 1.6em;
}

.contentarea { /* Gives padding and margins for Main Content Area */
  margin-right:auto;
  margin-left:auto;
  padding-left:70px;
  padding-right:35px;
}


/* ######################## Footer Elements ######################## */    

#footer { /* Sets style for Footer Content */
	border-top: 1px solid #005daa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 9px auto 0 auto;
	padding: 0.5em 0 0.8em 0;
	text-align: center;
	width: 96%;
}

#footer .block { /* Aligns Text left */
	text-align: left;
}

#secondary-links { /* Bottom Navigation Style */
	font-weight: bold;
	margin-bottom: 0.4em;
}    


/* ######################## Classes of Style ######################## */ 

p {
	margin: 0.725em 0 1.45em 0;
	text-align: left;
}

h1 {
	font-size: 2em;
	line-height: 1em;
	margin: 0.76em 0 0 0;
}

h2 {
	font-size: 1.55em;
	line-height: 1em;
	margin: 1.28em 0 0 0;
}

h3 {
	font-size: 1.27em;
	line-height: 1em;
	margin: 1.8em 0 0 0;
}

h4 {
	font-size: 1.17em;
	line-height: 1em;
	margin: 2.05em 0 0 0;
}

h5 {
	font-size: 1.09em;
	line-height: 1em;
	margin: 2.2em 0 0 0;
}

h6 {
	font-size: 1em;
	line-height: 1em;
	margin: 2.5em 0 0 0;
}


/* ######################## HREF styles ######################## */

a[href]:link,
a[href]:visited { /* HREF Sets color and no decoration */
	color: #00305e;
	text-decoration: none;
}

a[href]:hover { /* HREF Hover Color */
	color: #005daa;
}

a[href]:active { /* HREF Active Color */
	color: #00305e;
}


/* ######################## Expandable Content (Slider) ######################## */

.slidercontainer { /* Sets the container width */
  width:575px;
}

.slidercontainer a {
  display:block;
}

.sliderheader { /* Slider header: 1-line; always visable */
  background:url(images/header.gif);
  cursor:pointer; 
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 4px;
  padding-left: 14px; 
  width:550px;
  font-size:1em;
  font-weight:bold; 
}

.sliderheadertall { /* Slider header: 2-line; always visable */
  background:url(images/headertall.gif);
  cursor:pointer; 
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  padding: 4px;
  padding-left: 14px; 
  width:550px;
  font-size:1em;
  font-weight:bold; 
}

.sliderheaderbottom { /* Slider header: 1-line; always visable; bottom border for last element in set */
  background:url(images/header.gif);
  cursor:pointer; 
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 4px;
  padding-left: 14px; 
  width:550px;
  font-size:1em;
  font-weight:bold; 
}

.sliderheadertallbottom { /* Slider header: 2-line; always visable; bottom border for last element in set */
  background:url(images/headertall.gif);
  cursor:pointer; 
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 4px;
  padding-left: 14px; 
  width:550px;
  font-size:1em;
  font-weight:bold; 
}

.slidercontent { /* hides the expandable content */
  overflow:hidden;
}

.slidertext a { /* displays href in text area inline */
  display: inline;
}

.slidertext { /* style for the expandable conetent */
  background-color: #ffffff;
  border: 2px solid #9ac1c9;
  border-top:none;
  padding-left: 18px;
  padding-right: 8px;
  padding-top: 14px;
  padding-bottom: 7px;
  width:540px;
}

.teamtext img { /* sets padding if image is displayed in expandable content */
  padding-right: 14px;
}


/* ############ Autism Banner (Rotating banner at top of pages with Slider Menus) ############### */

.autismbanner { /* Aligns the image */
  padding-top:10px;
  margin-left:auto;
  margin-right:auto;
}

.autismbanner img { /* Sets border */
   border:4px solid #005DAA;
}

#divborder { /*  */
  border-width: .2em;
  border-style: solid;
  border-color: #005DAA;
  padding: 1em;
}
          

/* ######################## Div on home page for title in the main content area ######################## */

#titlebarhome { /* Displays background image to write text over */
  background:url(images/hometitle.png);
  width: 498px;
  height: 64px;
}

#titlebartitlehome { /* Aligns text to fit in place over image */
  padding-left: 25px;
  padding-top:2px;
  text-align: left;
  color: #000000;
}

/* ######################## Div on other pages for title in the main content area ######################## */

#titlebar { /* Displays background image to write text over */
  background:url(images/titlebar.png);
  width: 300px;
  height: 66px;
}

#titlebartitle { /* Aligns text to fit in place over image */
  padding-left: 10px;
  padding-top:2px;
  text-align: left;
  color: #000000;
}