article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }

::-moz-selection { background: #57a3d8; color: #fff; }
::selection { background: #57a3d8; color: #fff; }

a { color: #226487; text-decoration: none; }
a:visited { color: #226487 }
a:hover, a:active { color: #949494; outline: 0;  text-decoration: underline; }

h1{background: #226487 url('../img/arrow.gif') no-repeat 10px 0; padding: 5px 10px; border-bottom: 5px solid #4294bf; color: #fff; letter-spacing: -1px}
h1.gray{background: #949494 url('../img/arrow.gif') no-repeat 10px 0; border-bottom: 5px solid #b4b4b4;}
h2{color: #226487; border-bottom: 1px solid #226487;}

body{background-color: #949494; color: #484848;}
table{margin: 10px 0;}
    table td {padding: 5px; border: 1px solid #ccc;}
        table td.header {background-color: #226487; color: #ffffff; vertical-align:middle; text-align: center; font-weight: bold;}
#container{background-color: #fff;}

.infolinks{float: right; margin-top: 20px;}
.toggle{ clear: both;}
.right{float: right;}
.left{float: left;}
.logo{margin: 5px 0;}

.image-static{text-align: center;}
.boximage{float: left; margin-right: 30px; margin-bottom: 20px; border: 1px solid #ccc;}
a.imagecaption{color: #fff; font-size: 10px;}
    .imagecaption span{display: block; background: #226487; padding: 5px;}

nav {margin-bottom: 10px;}
    nav ul li{margin: 0; padding: 0; list-style-type: none; float: left; border-right: 1px solid #226487;}
        nav ul li:first-child{ border-left: 1px solid #2c86c4;}
            nav ul li a{display: block; padding: 10px 15px; text-transform: uppercase; font-weight: bold;}
            nav ul li a:hover,nav ul li a.active{background: #226487 url('../img/arrow.gif') no-repeat 50% 0; color: #fff;}
            
.infolinks {margin: 10px;}
    .infolinks a{font-size: 9px; display: block; padding: 5px 10px; list-style-type: none; float: left; border-right: 1px solid #2c86c4; text-transform: uppercase; font-weight: bold;}
        .infolinks a:first-child{ border-left: 1px solid #2c86c4;}
        .infolinks a:hover{background: #2c86c4 url('../img/arrow.gif') no-repeat 50% 0; color: #fff;}

#slideshow{height: 310px; margin: 10px 0; overflow: hidden; position: relative; width: 960px;}
        #slideshow .slides div{position: absolute; left: 0; top: 0;}
        #slideshow .captiona, #slideshow .captionb{font-size: 10px; font-weight: bold; padding: 10px; background: #226487; background: rgba(30,110,134,0.8); position: absolute; width: 300px; color: #fff;}
        #slideshow .captiona { left: 10px; bottom: 10px;} 
        #slideshow .captionb { right: 10px; bottom: 10px;}
        
        
#slideshow.subpage{height: 250px; margin: 0 0 10px 0; overflow: hidden; position: relative; width: 700px;}
        #slideshow.subpage .slides div{position: absolute; left: 0; top: 0;}
        #slideshow.subpage .captiona, #slideshow.subpage .captionb{ padding: 10px; background: #000; background: rgba(0,0,0,0.8); position: absolute; width: 300px; color: #fff;}
        #slideshow.subpage .captiona { left: 10px; bottom: 10px;} 
        #slideshow.subpage .captionb { right: 10px; bottom: 10px;}
        #slideshow.subpage p{width: 700px;}
        #slideshow.subpage span {position: absolute; right: 0; padding: 10px; background: #fff; background: rgba(255,255,255,0.8); width: 200px; height: 230px; z-index: 999;}
        #slideshow.subpage img{position: absolute; left: 0; top: 0;}

  /*      
#slideshow{height: 310px; margin: 10px 0; overflow: hidden; position: relative; width: 960px;}
    #slideshow .slides{width: 10000px;}
        #slideshow .slides div{float: left; width: 960px;}
        #slideshow .captiona, #slideshow .captionb{ padding: 10px; background: #000; background: rgba(0,0,0,0.6); position: absolute; width: 300px; color: #fff;}
        #slideshow .captiona { left: 10px; bottom: 10px;} 
        #slideshow .captionb { right: 10px; bottom: 10px;}*/

.subnav li{list-style-type: none; margin: 0 0 4px 0;}
    .subnav li a{display: block; padding: 4px 10px; background: #ececec; color: #484848; }
    .subnav li a:hover{background: #bfdaed;}
        .subnav li ul{ margin: 4px 0 0 0;}
        .subnav li ul li a{margin-left: 15px; background: #d3d3d3; padding: 4px 5px;}
        
footer p{font-size: 9px; text-align: center; padding: 10px; border-top: 1px solid #949494; border-bottom: 1px solid #949494;}
footer a{font-size: 9px;}