#accordion {
	width:250px; /* general info/students/teachers */
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	clear:both;
}

h3.toggler {
	cursor: pointer;
	border-right-color: #f5f5f5;
	border-bottom-color: #f5f5f5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF; 
	font-variant: small-caps;
	background-color: #629595; /* same as sepup footer green bg */
	height: 25px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 28px;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5;
}

div.element p {
	padding:4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 14px; 
	line-height:20px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	background-color:#FEF8E8; /* same as sepup beige bg */
}

div.element h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666; 
	font-variant: small-caps;
}

blockquote {
	padding:5px 20px;
	margin-left: 20px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
}


//font-weight: normal;
//
//padding-left: 35px;
//
//background-color: transparent;
//
/*  //background-image: url(/assets/images/plus_button.gif); */
/*  //background-image: url(../images/accordArrowOver.gif);  */
//
//background-repeat: no-repeat;
//
//background-attachment: scroll;
//
//background-position: left top;
//
//cursor: pointer;

/***** info box right of accordion *************/
#InfoBox {/* small side container for how-to-use stmt, ref in modules.dwt */
	width: 110px; 
	height: auto;
	margin-left: 2px;
	margin-right:20px;
	padding-top: 24px;
	vertical-align:top;
	position: relative;
	float:right;
}

#InfoBox p {	/* added for top info line. Used in modules.dwt */
	font-size: 12px;
	color: #666666;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
 }
 
 #InfoBoxTchr {/* small side container for  how-to-use stmt, ref in teachers.dwt */
	width: 110px; 
	height: auto;
	margin-left: 2px;
	margin-right:140px; /* teacher content is wider */
	padding-top: 24px;
	vertical-align:top;
	position: relative;
	float:right;
}

#InfoBoxTchr p {
	font-size: 12px;
	color: #666666;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
 }
 #InfoBoxMiddleSch {/* small side container for  how-to-use stmt, ref in teachers.dwt */
	width: 110px;
	height: auto;
	margin-left: 2px;
	margin-right:100px; /* middleschool.dwt content is less wide */
	padding-top: 24px;
	vertical-align:top;
	position: relative;
	float:right;
}

#InfoBoxMiddleSch p {
	font-size: 12px;
	color: #666666;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
 }
/***** end info box for accordion *************/

/*********** start long accordions *************/
#accordionLong  {
	width:490px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	clear:both;
}
#accordionLong h3.toggler {
	cursor: pointer;
	border-right-color: #f5f5f5;
	border-bottom-color: #f5f5f5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666; 
	font-variant: small-caps;
	background-color: #FEF8E9; /* toggle headers = main bg */
	height: 25px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px; 
	padding-left: 10px;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5; 
} 
#accordionLongest  { /* full page width */
	width:860px; 
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	clear:both;
}
#accordionLongest h3.toggler {
	cursor: pointer;
	border-right-color: #f5f5f5;
	border-bottom-color: #f5f5f5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;  /* use #666666 if beige bg */
	font-variant: small-caps;
	background-color: #629595;
	height: 25px;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px; 
	padding-left: 28px;
	border-left-color: #f5f5f5;
	border-top-color: #f5f5f5; 
} 
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666; 
	font-variant: small-caps;
}
/*********** end long accordion *************/