@charset "utf-8";
/* CSS Document */
/*This CSS file, styles.css, controls the custom styles of the accordion on the DOE web site*/

.accordionHolder
{
	position: relative;
/*	padding-bottom: 0.75em;
*/	margin: 0.1em 0px 1em;
	padding: 0.5em 0px 0px 0px;
	background: #fff;
	clear: both;
	overflow: hidden;
}
.expand
{
	padding: 0px;
	clear: both;
}
.collapse
{
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0px;
	overflow: hidden;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px dotted;
	border-bottom: #c0c0c0 1px solid;
	border-right: #c0c0c0 1px dotted;
	padding-top: 10px;
}
.switch
{
	position: absolute;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	top: -5px;
	right: 5px;
	padding-top: 3px;
}
.switch a:link
{
	background-image: none;
	padding-right: 1px;
}

#accordionWrapper
{
	position: relative;
	width: 99%;
	display: inline-block;
}
#accordionWrapper .expand a
{
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 18px; /*sets the h4*/
	padding-right: 0px;
	display: inline-block;
	color: #039;
	text-decoration: none;
}
#accordionWrapper .expand a:link
{
	background-image: url(/Scripts/accordion/img/plus.gif);  /*closed/collapsed/plus/arrow-down*/
	background-color: #efefef;
	background-position: 0% 40%;
	background-repeat: no-repeat;
	border-width: 0px;
}
#accordionWrapper .expand a:hover
{
	background-color: #E1E1E1;
}

#accordionWrapper .expand a:visited
{
	background-image: url(/Scripts/accordion/img/plus.gif);  /*closed/collapsed/plus/arrow-down*/
	background-color: #efefef;
	background-position: 0% 40%;
	background-repeat: no-repeat;
	border-width: 0px;
}
#accordionWrapper .expand a.open:link
{
	background-image: url(/Scripts/accordion/img/minus.gif);  /*opened/expanded/minus/arrow-up*/
	background-color: #E1E1E1;
	background-position: 0% 40%;
	background-repeat: no-repeat;
	border-width: 0px;
}
#accordionWrapper .expand a.open:visited
{
	background-image: url(/Scripts/accordion/img/minus.gif);  /*opened/expanded/minus/arrow-up*/
	background-color: #efefef;
	background-position: 0% 40%;
	background-repeat: no-repeat;
	border-width: 0px;
}
.accordionTop
{
	border: #c0c0c0 1px solid;
	margin: 0px;
	padding-top: 0px 0px 2px 0px;
}
.accordionTop .expand h3
{
	font-size: 120%;
	padding: 0px;
}
.accordionTop .expand h
{
	font-size: 0.850em;
	padding: 0px;
	max-width: 70%;
}
.accordionTopSmallTxt
{
	font-size: 90%;
	border: #c0c0c0 1px solid;
	margin: 0px;
	padding-top: 0px 0px 2px 0px;
}
h4.expand
{
	border: #c0c0c0 1px solid;
	margin: 0px;
	padding-top: 2px;
	padding-left: 2px;
	font-size: 115%;
}
/* --------
  The CSS rules offered here are just an example. You can style the 'accordion' in any way you like.
  The styles for the Page Structure are needed just for the purpose of this demo page.
  If you decide to use the CSS rules in 'Accordion' (see below) as a base, 
  be sure to rename the selectors as to satisfy the elements in your site.
 --------- */
/** {margin:0; padding:0}
 
 --- Page Structure  --- 
html {height:100%}*/
#acccontainer 
{
  float:left;
  width:100%;
  margin-right:-19em;
  padding:0 0 1em;
  position:relative;
/*  min-height:0; 
*/}
#accmain
{
  margin-right:19em;
  position:relative; 
/*  min-height:0;
*/}
#side
{
  float:right;
  display:inline;
  width:18em;
  padding-bottom:1.3em;
  position:relative;
  overflow:hidden;
}
.accordion p 
{
	margin: 0px;
}
.clear 
{
	clear:both;
}
 
/* --- Headings --- */
 
 
/* --- Links --- */
.accordion a {padding:1px; /*border:#c0c0c0 1px solid*/}
 
a, .accordion .switch a {border-width:0 0 1px 0; /*text-decoration:none*/}
 
.accordion a {border-width:1px; text-decoration:underline}
 
.accordion a:hover, a:focus, a:active {border-color:#bcd; text-decoration:none}
 
#side a {display:block; border-width:0 0 1px; border-color:#445; color:#f0f0f0}
 
#side a:hover, #side a:active, #side a:focus {background-color:#334}
 
/* --- for jquery.nestedAccordion.js --- */
.js #accmain .accordion {visibility:hidden}
 
.js #side .accordion {display:none}
 
.accordion {margin:0; padding:0 10px}
 
.accordion li {list-style-type:none}
 
.accordion li.last-child {margin-left:19px; list-style-type:none}
 
#side ul.accordion ul {margin:0; padding:0 0 0 20px;}
 
.accordion .outer {border:1px solid #dadada; border-width:0 1px 1px; background:#fff}
 
.accordion .inner {margin-bottom:0; padding:.5em 0px 1em; overflow:hidden}
 
.accordion .inner .inner {padding-bottom:0}
 
.accordion .h {padding-top:.3em}
 
.accordion p {margin:0}
 
 .switch {margin-bottom:.5em}
 
 
/* --- Add styles for all links in the 'accordion':
.accordion a {...} --- */
    
 
.accordion a.trigger {display: block; padding-left: 1px; background-image: url(/Scripts/accordion/img/plus.gif); background-repeat: no-repeat; background-position: 1px 50%;  font-weight: 900}
 
.accordion a.trigger.open {background-image: url(/Scripts/accordion/img/minus.gif)}
 
.accordion .last-child a.trigger {padding-left: 1px; background-image: none; font-weight: normal}
 
#accmain a.trigger {background-color: #f0f0f0}
 
#accmain a.trigger.open {border-color: #dadada; background-color: #e7e7e7}
 
#accmain a:hover.trigger.open, #accmain a:focus.trigger.open, #accmain a:active.trigger.open {border-color: #bcd}
 
#accmain .switch a.open {background: transparent none}
 
#side a.active {font-weight:700; color:#f72; text-decoration:none}
 
.creeping-div {border-left: 1px; padding-bottom: 5px}