@charset "utf-8";
/* CSS Document */



* { margin: 0; padding: 0 }
/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

/*p { text-align: left; margin: 15px 0 }

p, ul { font-size: 13px; line-height: 1.4em } 

p a, li a { color: #39c; text-decoration: none }
*/
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 }

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


.stripViewer .panelContainer .panelban 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: 20px 0;*/
margin:0 auto;
position: relative;
width:1000px;
/*height:400px;*/
/*height:277px;*/
}

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

.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden; 
/*border: 5px solid #000;  this is the border. should have the same value for the links */
margin: auto;
width: 900px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height: 300px;
clear: both;
color:#FFFFFF;
}

.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 .panelban { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position:relative;
width:900px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panelban .wrapper_banner { /* 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;
}

.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: #000;
text-decoration: none;
display: block;
padding: 0 15px;
background:url(../images//pagination_normal.gif) no-repeat;

}


.stripNav li.tabNew1 a { /*background: #60f;*/top:320px; position:absolute; left:60px; z-index:999; background:url(../images/pagination_normal.gif) no-repeat;}
.stripNav li.tabNew2 a {/* background: #60c ;*/top:320px; position:absolute; left:90px; z-index:999;}
.stripNav li.tabNew3 a {/* background: #63f ;*/top:320px; position:absolute; left:120px; z-index:999;}
.stripNav li.tabNew4 a { /*background: #63c;*/top:320px; position:absolute; left:150px; z-index:999;}
.stripNav li.tabNew5 a { /*background: #00e ;*/top:320px; position:absolute; left:180px; z-index:999;}

.stripNav li a:hover {
/*background: #333;*/
background:url(../images/pagination_over.gif) no-repeat;
}

.stripNav li a.current {
/*background: #000;*/
color: #000;
background:url(../images/pagination_over.gif) no-repeat;
}

.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 150px;
text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
display: block;
height: 40px;
width: 40px;
}

.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-content {
width:980px; 
margin:0 auto;
color:#FFFFFF;
}
.box-content-transparent { padding:0 0px 0 0px; }
.transparent { filter:alpha(opacity=25); opacity: 0.25; }
.transparent-bg { filter:alpha(opacity=60); opacity: 0.6; }
.box-content-transparent { background-color:transparent; }
/*.sliderwrapper{
overflow: hidden; 
width: 980px; 
height:300px;
display:block; 
margin:0 auto;
}
#paginate-slider1 { z-index:100;width: 980px; margin:0 auto;}
.sliderwrapper .contentdiv {
visibility: hidden; 
left: 0;
top: 0; 
*//*filter:/*//**alpha(opacity=25);*/*/ /*progid:DXImageTransform.Microsoft.alpha(opacity=100); opacity: 1;
width:960px; 
}*/
/*.pagination{
float:left;
text-align:left; background-position:left;
position:relative;
width:1000px;
padding-top:300px;
padding-left:30px;
}
.toc { padding-top:5px; width:12px; height:19px;}
.next, .prev {
margin-top:0px;
height:31px;
position:absolute;
width:925px;
left:0;
top:140px;
}
.pagination a img { border:none;}
.pagination a { float:left; list-style:none;margin-top:0; background:url(../images/pagination_normal.gif) no-repeat ;}
.pagination a:hover, .pagination a.selected:hover  { background:url(../images/pagination_over.gif) no-repeat ; }
.pagination a.selected { background:url(../images/pagination_over.gif) no-repeat ;}
a.next { background-image:url(../images/next_arrow.gif); background-position:900px;}
a.prev { background-image:url(../images/prev_arrow.gif) ;background-position:0px; }
a.next:hover { background-image:url(../images/next_arrow.gif);background-position:900px;}
a.prev:hover { background-image:url(../images/prev_arrow.gif); background-position:0px;}
*/
#slider-banner { float:left; display:block; margin:0px 0px 0px 0px; width:613px;}
.slider-banner_img { width:613px; /*height:600px; border:#d5d5d5 1px solid;*/ }
#slider_left{ float:left; width:250px; display:block; margin:1px 0 0px 0px; text-align:left}
#slider_left h2 { margin-top:5px;margin-bottom:12px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#afafaf;}
#page_title { float:left; width:200px; border:#FF0000 solid 0px; }
.categoryname { color:#999; font-size:12px; }
.categorydivide { color:#e2e2e2; font-size:12px; }
#slider-banner {
background-repeat: no-repeat;
background-position: center center;
float:right;
}
.days{ font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#afafaf; padding:18px 0px 18px 0px; line-height:20px;}

.show_title{ font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#FFFFFF; font-weight:normal; font-style: normal;}