/*
DelSys website
index.css
*/

/*
Slide show styles
*/

#divSlideContainer {
	position: absolute;
	width: 700px;
	height: 280px;
	left: 50px;
	top: 10px;
	background:url(Images/Central-700x280.gif) no-repeat left top;
}

#divSlides {
	position: absolute;
	width: 680px;
	height: 260px;
	left: 10px;
	top: 10px;
}

/*
Accordion styles
											Width		Left (within parent)
divContent						800px		0
divAccordionContainer	700			50
divAccordionLeft			325			0
gutter								 50
divAccordionRight			325			375

The header anchor width is dependent on the left and right container width.
*/

#divAccordionContainer {
	position: absolute;
	width: 700px;
	height: 300px;
	top: 300px;
	left: 50px;
}

#divAccordionLeft {
	position: absolute;
	width: 325px;
	height: 250px;
	top: 40px;
	left: 0px;
}

#divAccordionRight {
	position: absolute;
	width: 325px;
	height: 250px;
	top: 40px;
	left: 375px;
}

/* div.classAccordionHeader contains the anchor */

.classAccordionHeader {
	display: block;
	margin-top: 5px;							/* fixes IE6 adjacent header spacing */
	margin-bottom: 5px;
	border-top: 1px solid #008B8B;		/* DelSys cyan */
	border-bottom: 1px solid #008B8B;		/* DelSys cyan */
  background-color: #E4EAEA;		/* DelSys pale cyan */
  text-decoration: none;				/* removes underline */
	font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 1.0em;
  color: #787878; 							/* DelSys dark gray */
	outline: none;								/* removes dotted border */
}

/*
The accordion widget applies the selected class to the selected item's container AND header elements.
But I only want the border applied to the header.
*/

#divAccordionContainer .classAccordionElement {
	border-style: none;
}

.classAccordionSelected {
	border-top: 2px solid #F58E78;		/* DelSys rose */
	border-bottom: 2px solid #F58E78;		/* DelSys rose */
	color: black;
}

/*
The anchors fill the entire width of the header so that
highlighting works even when the cursor isn't over the text.
*/

.classAccordionHeader a {
	display: block;
	width: 305px;
	padding: 0 10px 0 10px;
}

.classAccordionHeader a:link, .classAccordionHeader a:visited {
	color: #787878; 							/* DelSys dark gray */
}

.classAccordionHeader a:hover, .classAccordionHeader a:active {
  color: black;
}

.classAccordionSelected a:link, .classAccordionSelected a:visited{
	color: black;
}

.classAccordionHeader a {
	border-style: none;
  text-decoration: none;
	outline: none;								/* removes dotted border */
}

.classAccordionContent {
	margin-left: 10px;
	margin-bottom: 5px;
}

.classAccordionContent p {
	color: black;									/* override inherited color from classActiveAccordionHeader */
  font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 90%;
}

#ulClientList {
	list-style: square outside;
}

.classAccordionContent em {
	color: black;									/* Or DelSys cyan #008B8B */
	font-style: normal;						/* em defaults to italic */
	font-weight: bold;
}