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

body {
background-color:#FFFFFF;
}

#container {
width:980px;
height:510px;
position:absolute;
left:50%;
top:50%;
margin:-255px 0 0 -490px;
}

#boxtitle {
width:960px;
height:42px;
position:relative;
top:0px;
left:10px;
}

#content {
width:960px;
height:420px;
position:relative;
top:10px;
left:10px;
overflow:auto;

}

#slideshow {
    position:relative;
    height:420px;
	width:960px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#boxbottom {
width:960px;
height:27px;
position:relative;
top:15px;
left:10px;
}


#loading{
    position:absolute;
    top: 50px;
    left: 10px;
    z-index: 100;
    background-image:url(../img/sfloading.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#FFFFFF;
	width:960px;
	height:425px;
  
}


.credits {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#330066;
}

a.credits, a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#a64c92;
text-decoration:none;
}

a:hover.credits {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#663399;
text-decoration:none;
}

.h1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-align:justify;
}

a.h1, a.h1:visited{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-align:justify;
}

a.h1:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CC0000;
text-align:justify;
}

.h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-align:center;
font-weight:bold;
}

a.h2:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#cc0000;
text-align:center;
text-decoration:none;
font-weight:bold;
}

a.h2, a.h2:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
text-align:center;
text-decoration:none;
font-weight:bold;
}


/* flex */
.fixedwidth {

width: 960px;
height: 420px;
position: relative;
}

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {width: 15px;background-color: white;}
.vscrollerbar {width: 15px;background-color: black;}
.hscrollerbase {height: 15px;background-color: white;}
.hscrollerbar {height: 15px;background-color: black;}
.hscrollerbar {background: #99CBCB url(../img/horizontalbarbody_cornerjog.png) 0px -30px repeat-x;}
.vscrollerbar {background: #99CBCB url(../img/basebarcaps_verticalbarbody.png) -15px 0px repeat-y;}
.vscrollerbar, .hscrollerbar {padding: 10px;z-index: 2;}
.vscrollerbarbeg {background: url(../img/basebarcaps_verticalbarbody.png) -45px -30px no-repeat;width: 15px;height: 15px !important;}
.vscrollerbarend {background: url(../img/basebarcaps_verticalbarbody.png) -45px 0px no-repeat;width: 15px;height: 15px;}
.hscrollerbarbeg {background: url(../img/basebarcaps_verticalbarbody.png) -60px -15px no-repeat;height: 15px;width: 15px !important;}
.hscrollerbarend {background: url(../img/basebarcaps_verticalbarbody.png) -30px -15px no-repeat;height: 15px;width: 15px;}
.scrollerjogbox {width: 15px;height: 15px;top: auto; left: auto;bottom: 0px; right: 0px;background: #4E727C url(../img/horizontalbarbody_cornerjog.png) 0px 0px;}
.vscrollerbase {background: #D7EBDF url(../img/basebarcaps_verticalbarbody.png) 0px 0px repeat-y;}
.vscrollerbasebeg {background: url(../img/basebarcaps_verticalbarbody.png) -30px -30px no-repeat;width: 15px;height: 15px !important;}
.vscrollerbaseend {background: url(../img/basebarcaps_verticalbarbody.png) -60px -30px no-repeat;height: 15px;width: 15px;}
.hscrollerbase {background: #D7EBDF url(../img/horizontalbarbody_cornerjog.png) 0px -15px repeat-x;}
.hscrollerbasebeg {background: url(../img/basebarcaps_verticalbarbody.png) -60px 0px no-repeat;height: 15px;width: 15px !important;}
.hscrollerbaseend {height: 15px;width: 15px;background: url(../img/basebarcaps_verticalbarbody.png) -30px 0px no-repeat;}
.scrollerjogbox:hover {background: #5E828C url(../img/basebarcaps_verticalbarbody.png) -45px -15px;}