/* SLIDING PANELS
*******************************************************************************/
#sliding_panels {
	/* HEIGHT IS SET BELOW at SprySlidingPanels DEFAULT SETTINGS */
	margin-bottom:10px;
	border-bottom:1px solid #CFCFCF;
	}
.panel {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	}
	.panel .panel_images {
		float:right;
		width:425px; /* 85px p/image  X 5 images = 425px */
		margin-left:20px;
		text-align:right;
		}
	.panel ul {
		list-style:none;
		margin:0;
		padding:0;
		}
	.panel li {
		float:left;
		}
	.panel .panel_images img {
		border:0 none;
		}
	.panel .panel_text {
		clear:both;
		font:11px Verdana, Geneva, Arial, Helvetica, sans-serif;
		text-align:justify;
		color:#000000;
		background-color:transparent;
		}


/*
SprySlidingPanels.css - version 0.1 - Spry Pre-Release 1.5
Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved.
*******************************************************************************/

/*
This is the selector for the main SlidingPanels container. This selector
defines the width and height of the view port for the widget. Note that
this selector does not set the overflow property since that is done programatically
by the widget. Setting the overflow property programatically ensures that
the contens of the widget will be fully visible should JavaScript be disabled
in the browser.
If you want to constrain the width of the SlidingPanels widget, set a width on
the SlidingPanels container. By default, our sliding panels widget expands
horizontally to fill up available space.
The SlidingPanels container is positioned relative so that content inside it
can be positioned relative to its upper left corner.
Avoid placing any CSS border or padding properties on the SlidingPanels container
as they can affect the proper positioning and sliding animations of the contents
inside the container.
The name of the class ("SlidingPanels") used in this selector is not necessary
to make the widget function. You can use any class name you want to style the
SlidingPanels container.
*/
.SlidingPanels {
	position:relative;
	height:120px;
	padding:0px;
	border:none;
	}

/*
This is the selector for the container that holds all of the content panels
for the widget. The SlidingPanelsContentGroup container is what gets programtically
positioned to create the slide animation. It is also what governs the layout of
the panels.
By default, the width of the container is the same as its parent, the SlidingPanels
container.
You can make the panels within the SlidingPanelsContentGroup container layout
horizontally by giving the SlidingPanelsContentGroup container a width that is as wide
or larget than the sum of the widths of all of the content panels, and then floating
the content panels inside the SlidingPanelsContentGroup container so they all appear
on the same line. You may also need to float the SlidingPanels and SlidingPanelsContentGroup
containers to insure that none of the content panels "leak" outside of the widget.
Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
container as they can affect the proper positioning and sliding animations of the
the container within the widget.
The name of the class ("SlidingPanelsContentGroup") used in this selector is not
necessary to make the widget function. You can use any class name you want to style the
SlidingPanelsContentGroup container.
*/
.SlidingPanelsContentGroup {
	position:relative;
	width:100%;
	margin:0px;
	padding:0px;
	border:none;
	}

/*
This is the selector for the container that holds content for a given panel. In our
default style implementation, the dimensions of each content panel exactly match the
dimensions of the view port (SlidingPanels) container. This ensures that only one
panel ever shows within the view port.
Avoid placing any CSS border, margin, or padding properties on the SlidingPanels
container as they can affect the proper positioning and sliding animations of the
the panel within the widget. You can place border, margins and padding on any content
*inside* the content panel.
The name of the class ("SlidingPanelsContent") used in this selector is not
necessary to make the widget function. You can use any class name you want to style the
SlidingPanelsContent container.
*/
.SlidingPanelsContent {
	width:100%;
	height:120px;
	overflow:hidden;
	margin:0px;
	padding:0px;
	border:none;
	}

/*
The class used in this selector is programatically added to the SlidingPanels container
anytime we are animating between panels. This rule makes sure that *all* content inside
the widget is overflow:none to avoid a rendering glitch that occurs in FireFox 1.5 whenever
there is an element inside the widget that displays a scrollbar.
The class is automatically removed once the animation has stopped so that the overflow
properties of the content inside the widget should be restored.
*/
.SlidingPanelsAnimating * {
	overflow:hidden !important;
	}

/*
The class used in this selector is programatically added to the SlindingPanelsContent
container that is currently visible in the view port. The class is automatically removed
when the widget switches to a different panel.
*/
.SlidingPanelsCurrentPanel {
	}

/*
The class used in this selector is programatically added to the SlidingPanels container
anytime the SlidingPanels container is given focus. The class is automatically removed
once the SlidingPanels container loses focus.
*/
.SlidingPanelsFocused {
	}