@charset "UTF-8";

.SlidingPanels {
	position: relative;
	width: 100%;
	height: 600px;
	padding: 0px;
	border: none;
	float: left;
}

/* 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.

 */
.SlidingPanelsContentGroup {
	position: relative;
	width: 10000px;
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
}


/* 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.
 */
.SlidingPanelsContent {
	width: 500px;
	height: 800px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: none;
	float: left;
	background-color: #FFFFFF;
}

/* 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.
 */
.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 {
}




#thumbs   {
	background-position: center top;
	width: 500px;
	height: 97px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #999999;
}
#thumbs  img   {
	border:1px solid #CCCCCC;
}
#thumbs  a:link{
	color:#FFFFFF;	
	}
#thumbs  a:active   img {
	border:1px solid #FF0033;
}
#thumbs  a:hover   img {
	border:1px solid #FF0033;
}
#newsTicker {
	width: 500px;
	float: left;
	background-color: #FFFFFF;
	height: 670px;
}
#newsTicker .SlidingPanels {
	width: 500px;
	height: 670px;
}
#newsTicker .SlidingPanelsContentGroup {
	width: 80000px;
	float: left;
}
#newsTicker .SlidingPanelsContent {
	float: left;
	width: 500px;
	height: 670px;
}

#newsTicker img {
	float: left;
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 50px;
}

#newsTicker .SlidingPanelsContent .content {
	margin: 0px auto;
	float: left;
}
#newsTicker .content {
	height: 670px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#newsTicker p {
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 12px;
	width: 440px;
	margin-left: 40px;
	margin: 0 25px 1em 35px;
	color: #999999;
	text-align: justify;
	line-height: 1.3em;
}

.SlidingPanelsAnimating * {
	overflow: visible !important;
}