@charset "UTF-8";

/* SprySlidingPanels.css - version 0.1 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


.slide-panel {
	position: relative;
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style:none;
	/*
	z-index: 2;	 */
}

/* This is the selector for the container that holds all of the content panels
 * for the widget. The slide-panelContentGroup 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 slide-panel
 * container.
 *
 * You can make the panels within the slide-panelContentGroup container layout
 * horizontally by giving the slide-panelContentGroup 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 slide-panelContentGroup container so they all appear
 * on the same line. You may also need to float the slide-panel and slide-panelContentGroup
 * 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 slide-panel
 * container as they can affect the proper positioning and sliding animations of the
 * the container within the widget.
 *
 * The name of the class ("slide-panelContentGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * slide-panelContentGroup container.
 */
.slide-panelContentGroup {
	position: relative;
	width:1000em;
	margin: 0px;
	padding: 0px;
	min-height:0;
	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 (slide-panel) container. This ensures that only one
 * panel ever shows within the view port.
 *
 * Avoid placing any CSS border, margin, or padding properties on the slide-panel
 * 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 ("slide-panelContent") used in this selector is not
 * necessary to make the widget function. You can use any class name you want to style the
 * slide-panelContent container.
 */
.slide-panelContent {
	width: 173px;
	
	overflow: hidden;
	float:left;
	margin: 0px 11px;
	padding: 0px; 
	border: none;
}

/* The class used in this selector is programatically added to the slide-panel 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.
 */
.slide-panelAnimating * {
	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.
 */
.slide-panelCurrentPanel {
}

/* The class used in this selector is programatically added to the slide-panel container
 * anytime the slide-panel container is given focus. The class is automatically removed
 * once the slide-panel container loses focus.
 */
.slide-panelFocused {
}
#p1 {
	
}
#p2 {
	
}
#p3 {
	
}
#p4 {
	
}
#p5 {
	
}
#p6 {
	
}


#hp-slide a {
	cursor: pointer;
	display: block;
	float: none;
	margin: 0px; padding: 0px ;
	text-decoration: none;
	color: #1D4365;
	width: 43px;
	
	}	

#hp-slide #first a {
background: url("/images/bullet-blue-trans2-left.gif") 80% 0 no-repeat;  

/* margin:-9px 0 0 0; */
margin: 0 0 0 0;
padding:0px;}
	
#hp-slide #prev a {
background: url("/images/bullet-blue-trans-left.gif") 90% 0 no-repeat;  

/* margin:-9px 2px 0 0; */
margin: 0 2px 0 0;
padding:0px;
}
	
#hp-slide #next a {
background: url("/images/bullet-blue-trans.gif") 0 0 no-repeat; margin-left: 2px; }
	
#hp-slide #last a {
background: url("/images/bullet-blue-trans2.gif") 0 0 no-repeat; }
	
/*
html>body #slide-panel a {width: auto;} /* fixes IE6 hack */
/* hide rule from IE5-Mac \*/
/*
#slide-panel a {float: none;}
*/

	
#hp-slide li  {
	 float: left; 
	list-style: none;
	font-family: Arial, Helvetica, sans-serif; font-weight: bold;
	margin: 5px 0 -5px 0; padding: 0px;
	/* white-space: nowrap;  */
	/* background: url("/images/bullet-blue-trans.gif") 0 0 no-repeat; */
	}
/* end IE5-Mac hack */
	
#hp-slide li a:hover {
	text-decoration: none;
	color: #6c9cbc;	
	cursor: pointer;
	}
	
#hp-slide-top {background-image: url("/images/hp-fp-top2.png"); margin:0 0 -16px -4px; padding: 0px; background-repeat:no-repeat; background-position:bottom; }