.accordion {background-color:#fff;}

/* Clickable Heading/Title */

.collapsible-heading-status { position:absolute; left:-99999px;}

.accordion h3, .accordion p.offsiteLink
{	
	background-color:#ecebeb;
    border-bottom: 1px solid #fff; 
    color: #333;
    padding:10px 0 10px 10px;
	font-size:87.5%;
	background-image:url(http://webcert.fullerton.edu/core/_default/i/accordion-toggle.png);
	background-repeat:no-repeat;	
	background-position:right 10px;
    cursor:pointer;
	margin-bottom:0;}
	.accordion p.offsiteLink {background-image:url(http://webcert.fullerton.edu/core/_default/i/accordion-offsite.png); font-weight:bold; padding-top:6px; padding-bottom:6px; cursor:default;}
	.accordion h3 a:link, .accordion h3 a:visited,  .accordion p.offsiteLink a:link,  .accordion p.offsiteLink a:visited {color:#333;}
.accordion .collapsible-heading-collapsed { background-position: right -73px; font-weight:bold;}

	
/* Content that is hidden/showed */
.collapsible-content {
	overflow:hidden;
	padding-bottom:10px;
	background-image:url("http://webcert.fullerton.edu/core/_default/i/accordion-shade.gif");
	background-repeat:no-repeat;
	background-position:bottom center;}
.collapsible-content-collapsed { display:none; }

.accordion h3  + div {padding-top:10px;}
.accordion h3 + ul {padding-top:10px;}
	.accordion div[role="tabpanel"] > img {margin-top:-10px;} /* Aligns an image in an accordion flush with its <h3>, like /homepage/academics.aspx, overcoming the natural 10px padding */
	.accordion div[role="tabpanel"] > img + ul[role="navigation"]{padding-top:10px;}


.accordion ul[role="navigation"] li {
	background-image:url("http://webcert.fullerton.edu/core/_default/i/bullet-triangle-blue.gif");
	background-repeat:no-repeat;
	background-position:5px 7px;
	padding-left:15px;
	margin-bottom:6px;
	font-size:87.5%;
	line-height:1.4em;	}
	
.accordion p {padding:0 10px; margin-bottom:10px;}