* { 
margin: 0; 
padding: 0 
}
		
p { 
text-align: left; 
margin: 15px 0;
color: #02549E;		
}
		
p, ul {
font-size: 14px;
line-height: 1.4em;
color: #02549E;	
font-family: 'Droid Sans',sans-serif; 
} 
		
p a, li a { 
color: #39c; 
}
		
p.intro { 
border-bottom: 1px solid #ccc; 
margin-bottom: 20px; 
padding: 20px 0 30px 0; 
text-align: center; 
width: 100% 
}
		
p#cross-links { 
text-align: center 
}
		
p#cross-links { 
border-bottom: 1px solid #ccc; 
margin-bottom: 30px; 
padding-bottom: 30px;
display:none;		
}
		
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; 
}
		
a:focus { 
outline:none 
}
		
img { 
border: 0 
}
		
h3 { 
border-bottom: 1px solid silver; 
margin-bottom: 5px; 
padding-bottom: 3px; 
text-align: left;
color: #BA0606;
font-family: 'Droid Sans',sans-serif;
font-size: 21px;
font-weight: 400;
line-height: 1.15em;
}
		
body {
color: #000;
width: 780px;
height:415px;
margin: auto;
padding-bottom: 0px;
background:#e6f2f8;
}
		
.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}
		
.slider-wrap { 
/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin: 5px 0;
position: relative;
width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {
width: 100%; 
height: 460px; 
background: #fff; 
overflow: scroll
}
.csw .loading {
margin: 200px 0 300px 0; 
text-align: center
}

.stripViewer { 
/* This is the viewing window */
position: relative;
overflow: hidden; 
border: 0px solid #000; /* this is the border. should have the same value for the links */
margin: auto;
width: 780px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height: 415px;
clear: both;
background: #e6f2f8;
}
		
.stripViewer .panelContainer { 
/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;
left: 0; 
top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
		
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 780px; /* Also specified in  .stripViewer  above */
}
		
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 10px;
}
		
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
margin: auto;
}
		
.stripNav ul { /* The auto-generated set of links */
list-style: none;
display:none;
}
		
.stripNav ul li {
float: left;
margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
		
.stripNav a { /* The nav links */
font-size: 10px;
font-weight: bold;
text-align: center;
line-height: 32px;
background: #c6e3ff;
color: #fff;
text-decoration: none;
display: block;
padding: 0 15px;
}
		
.stripNav li.tab1 a { 
background: #60f 
}
.stripNav li.tab2 a { 
background: #60c 
}
.stripNav li.tab3 a { 
background: #63f 
}
.stripNav li.tab4 a { 
background: #63c 
}
.stripNav li.tab5 a { 
background: #00e 
}
		
.stripNav li a:hover {
background: #333;
}
		
.stripNav li a.current {
background: #000;
color: #fff;
}
		
.stripNavL,
.stripNavR { 
/* The left and right arrows */
position: absolute;
top: 230px;
text-indent: -9000em;
}
		
.stripNavL a, 
.stripNavR a {
display: block;
height: 40px;
width: 40px;
display:none;
}
		
.stripNavL {
left: 0;
}
		
.stripNavR {
right: 0;
}
		
.stripNavL {
background: url("images/arrow-left.gif") no-repeat center;
}
		
.stripNavR {
background: url("images/arrow-right.gif") no-repeat center;
}
.box_right {
width:500px; 
float:right;
}
.img_left {
margin:15px 0 0 0;
width:242px;
float:left;
}
.box_right a.cross-link {
margin: 5px 10px;
color:#fff;
padding:3px 15px;
/* --- Gradient --- */
/* Opera */
background: #3374b3 url(../images/bg_a.png);
/* Mozilla: */
background: -moz-linear-gradient(top, #3374b3, #054585);
/* Chrome, Safari:*/
background: -webkit-gradient(linear, left top, left bottom, from(#3374b3), to(#054585));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3374b3', EndColorStr='#054585', GradientType=0);
text-align:center;
border:0;
text-decoration:none;
}
.box_right a.cross-link:hover {
cursor:pointer;
color:#a;
/* --- Gradient --- */
/* Opera */
background: #6589ae url(../images/bg_a_.png);
/* Mozilla: */
background: -moz-linear-gradient(top, #6589ae, #365a7f);
/* Chrome, Safari:*/
background: -webkit-gradient(linear, left top, left bottom, from(#6589ae), to(#365a7f));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#6589ae', EndColorStr='#365a7f', GradientType=0);
}