@charset "UTF-8";/* SpryCollapsiblePanel.css - Revision: Spry Preview Release 1.4 *//* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. *//* This is the selector for the main CollapsiblePanel container. For our * default style, the CollapsiblePanel is responsible for drawing the borders * around the widget. * * If you want to constrain the width of the CollapsiblePanel widget, set a width on * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill * up available space. * * The name of the class ("CollapsiblePanel") used in this selector is not necessary * to make the widget function. You can use any class name you want to style the * CollapsiblePanel container. */.CollapsiblePanel {	margin: 0px;	padding: 0px;}/* This is the selector for the CollapsiblePanelTab. This container houses * the title for the panel. This is also the container that the user clicks * on to open or close the panel. * * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * CollapsiblePanel panel tab container. */.CollapsiblePanelTab {	font-family:"Century Gothic", Helvetica, Arial, sans-serif;	font-size: 1.2em;	line-height: 1.6em;	color: #B7B9B9;	font-weight: normal;	background-image: url(../images/backg-navs/backgMenu1.gif);	background-repeat: repeat;	padding: 0px;}/* This is the selector for a CollapsiblePanel's Content area. It's important to note that * you should never put any padding on the content area element if you plan to * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate. * * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary * to make the widget function. You can use any class name you want to style a * CollapsiblePanel content container. */.CollapsiblePanelContent {	color: #828282;	text-decoration: none;	font-size: 1em;	font-weight: 400;	line-height: 1.4em;}	#CollapsiblePanel3 .CollapsiblePanelTab {	padding-left: 15px;	padding-top: 5px;	padding-bottom: 5px;	padding-right: 0px;}.CollapsiblePanelContent a:link, .CollapsiblePanelContent a:visited, .CollapsiblePanelContent a:active {color: #828282;text-decoration: none;font-size: 1em;font-weight: 400;line-height: 1.4em;padding-top: 5px;padding-bottom: 7px;padding-left: 15px;font-family:Arial, Helvetica, sans-serif;margin: 0px 10px;padding-right: 0px;display: block;background-image: url(../images/icons/dotGold.gif);background-repeat: no-repeat;background-position: 5px 11px;background-color: transparent;}.CollapsiblePanelContent a:hover, .CollapsiblePanelContent a.current:link, .CollapsiblePanelContent.current:visited {color: #CCC;text-decoration: none;background-color: transparent;background-image: url(../images/icons/dotRed.gif);background-repeat: no-repeat;background-position: left 10px;}/* An anchor tag can be used inside of a CollapsiblePanelTab so that the * keyboard focus ring appears *inside* the tab instead of around the tab. * This is an example of how to make the text within the anchor tag look * like non-anchor (normal) text. */.CollapsiblePanelTab a {	font-family:"Century Gothic", Helvetica, Arial, sans-serif;	color: #B7B9B9;	background-image: url(../images/backg-navs/backgMenu1.gif);	background-repeat: repeat;}.CollapsiblePanelTab a:link, .CollapsiblePanelTab a:visited {	font-family:"Century Gothic", Helvetica, Arial, sans-serif;	color: #B7B9B9;	padding: 5px 5px 5px 15px;	display: block;}.CollapsiblePanelTab a:hover {	font-family:"Century Gothic", Helvetica, Arial, sans-serif;	color: #C39E36;	background-color: #181818;	background-image: none;}/* This is an example of how to change the appearance of the panel tab that is * currently open. The class "CollapsiblePanelOpen" is programatically added and removed * from panels as the user clicks on the tabs within the CollapsiblePanel. */.CollapsiblePanelOpen .CollapsiblePanelTab {	border-top-style: none;	border-right-style: none;	border-bottom-style: none;	border-left-style: none;}/* This is an example of how to change the appearance of the panel tab as the * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added * and removed from panel tab containers as the mouse enters and exits the tab container. */.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {	background: #181818 url(none);	color: #C39E36;}/* This is an example of how to change the appearance of all the panel tabs when the * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed * whenever the CollapsiblePanel gains or loses keyboard focus. */.CollapsiblePanelFocused .CollapsiblePanelTab {	text-decoration: none;	color: #C39E36;}.Collapsible-Container {	display: block;	text-decoration: none;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 10px;	padding-left: 0px;}