/*
 * Expandable, a jQuery plugin to dynamically group and hide web content
 * Copyright (C) 2009  Marc Diethelm
 * License: (GPL 3, http://www.gnu.org/licenses/gpl-3.0.txt) see license.txt
 */

/*.ui-expandable {
	border: 1px solid #cccccc;
	border-width: 1px 0;
}*/
.ui-expandable .ui-widget-header {
	overflow: hidden;
	width: 100%;
}
.ui-expandable-icon,
.ui-expandable .ui-expandable-title {
	float: left;
}
.ui-expandable .ui-widget-header .ui-icon {
	height:16px;
	width:16px;
	margin-right: 2px;
}
.ui-expandable .ui-widget-header .ui-icon.icon-closed {
	background-image: url(expandable-closed.png);
}
.ui-expandable .ui-widget-header .ui-icon.icon-open {
	background-image: url(expandable-open.png);
}
.ui-expandable-extraIcon {
	float: right;
}
.ui-expandable .ui-widget-content {
	border-top-width: 0; /* fixes double border when using jQuery UI theme */
}
/* some elements create a gap between content and title (eg. UL) */
/*.ui-expandable .ui-widget-content {
	margin: 0;
	padding: 0;
}*/
/* many such corrections could be made I suppose: */
.ui-expandable .ui-widget-content ul,
.ui-expandable .ui-widget-content ol,
.ui-expandable .ui-widget-content dl {
	padding-left: 15px;
}
#container .ui-icon-triangle-1-e{background:url(http://www.pineapplegrove.com/images/WebsiteStructure/arrow-closed.gif) center no-repeat;}
#container .ui-icon-triangle-1-s{background:url(http://www.pineapplegrove.com/images/WebsiteStructure/arrow-open.gif) center no-repeat;}
#container .ui-expandable-title{text-decoration:underline}
#container .ui-expandable-open .ui-expandable-title{color:#000}



#content .col ul{padding:5px 5px 10px 5px}
#content .col ul li a{color:#fff; text-decoration:underline}
#content .col ul li a:hover{color:#000}