noscript p, noscript ol {color: #a00; font-size: 13px; line-height: 1.4em; text-align: left;}

noscript a {color: #a00; text-decoration: underline;}

noscript ol {margin-left: 25px;}



.stripViewer .panelContainer .panel ul {text-align: left; margin: 0 15px 0 30px;}



/* These 2 lines specify style applied while slider is loading */

.csw {width: 100%; height: 50em; background: #fff; overflow: scroll;}

.csw .loading {margin: 200px 0 300px 0; text-align: center;}



/* This is the viewing window */

.stripViewer { 

	position: relative;

	overflow: hidden;

	margin: auto;

	width: 675px; /* Also specified in  .stripViewer .panelContainer .panel  below */

	height: 50em;

	clear: none;

	margin:2em auto 1.5em;

	}
	
.stripViewer.tall,.stripViewer.tall .panelContainer .panel { 

	height: 65em;
	
}

	

/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */

.stripViewer .panelContainer { 

	position: relative;

	left: 0; top: 0;

	width: 100%;

	list-style-type: none;

	clear:left;

	}

	

/* Each panel is arranged end-to-end */

.stripViewer .panelContainer .panel { 

	float:left;

	height: 50em;

	position: relative;

	width: 675px;

	}
	

/* Panel Styling */

.panel {background: url(../images/slider-bg.gif) no-repeat left top #7da4d2; height:50em;}

	

/* Wrapper to give some padding in the panels, without messing with existing panel width */

.stripViewer .panelContainer .panel .wrapper {padding: 25px 9px 10px;}





/* Generated CodaSlider items that are to be hidden */

.stripNav, .stripNavL, .stripNavR {display:none;}

		

div#slider1 ul.slider-nav {list-style-type:none; margin: 0; padding: 0;}



	div#slider1 ul.slider-nav li {float:left; margin: 0; padding: 0; margin-right:5px;}

		

		div#slider1 ul.slider-nav li a {display: block; background-color: #203b6b; color: white; font-weight: bold; font-size:1.2em; padding: .25em .75em; text-decoration: none;}

		div#slider1 ul.slider-nav li a:hover {background-color:#4971b7; text-decoration: none;}

		div#slider1 ul.slider-nav li.active a, div#slider1 ul.slider-nav li.active a:hover {background-color:white; color:#4971b7;}

		

		div#slider1 ul.slider-nav li.next  a {display: block; background-color:#333333; color: white; font-weight: bold; font-size:1.2em; padding: .25em .75em; text-decoration: none;}

		div#slider1 ul.slider-nav li.next  a:hover {background-color:#666666; text-decoration: none;}



div#inner-content div#slider1 ul.thumbs {list-style-type:none; margin:0; padding: 0; float:right;}



	div#inner-content div#slider1 ul.thumbs li {margin: 0; padding: 0; border: none; float:none;}

	

		div#inner-content div#slider1 ul.thumbs li a.cs-thumb {display:block; height:67px; text-decoration: none; background-color: black; border:none; padding: 0; margin: 0; margin-bottom:9px; float:none; width:160px;}

		

			div#inner-content div#slider1 ul.thumbs li a.cs-thumb img {border:none; opacity:.40; filter: alpha(opacity=40); text-align: right;}

			div#inner-content div#slider1 ul.thumbs li a.cs-thumb:hover img, div#inner-content div#slider1 ul.thumbs li.active a img {opacity:1; filter: alpha(opacity=100);}

			

div#inner-content div#slider1 h3 {color:#446aad; margin-top:.5em; margin-bottom: 0; padding-bottom: 0;}



div#inner-content div#slider1 p {color:#233e6d; margin-top:0;}



	div#inner-content div#slider1 p strong {font-weight: bold; color:white;}

	

	div#inner-content div#slider1 div.wrapper ul {color:#203b6b; margin-bottom:1.5em;}

	

	div#inner-content div#slider1 div.cs-screenshot {height:294; overflow:hidden;}

	

		div#inner-content div#slider1 div.cs-screenshot img.hide {display:none;}









	

/* IE6 HACKS */

* html div#inner-content div#slider1 ul.thumbs li a.cs-thumb {margin-bottom:7px;}