* { padding:0; margin:0; }
@font-face { font-family:Isocteur; src:url("./ISOCTEUR.TTF") format("truetype"); }
body, html { border:0; height:100%; min-height:100%; width:100%; overflow:hidden; }
body { background:#EDEFE9 url(../img/body.jpg) no-repeat top center; text-align:center; }
img { border:0; padding:0; margin:0; }
h1 { font-size:1pt; }
h2, h3, h4, h5, h6 { color:#3B2A07; font-weight:normal; letter-spacing:1px; }
h3, h4, h5 { font-family:Calibri,Century Gothic,Arial; }
h2 { font-family:Georgia,Garamond,Times New Roman; font-size:22pt; margin-top:24px; }
h4 { font-size:14pt; }
h5 { margin:12px 0 32px 3px; padding-bottom:4px; border-bottom:1px solid #DDC; }
h6 { letter-spacing:0; font-family:Century Gothic,Arial; font-size:11pt; font-weight:bold; margin-bottom:10px; }
a, a:active, a:visited { color:#116AA0; text-decoration:none; outline:none; }
a:hover { color:#F33; text-decoration:underline; }
li { list-style-type:none; }
.scroll { display:block; width:17px; height:27px; float:left; }
#main { display:block; height:100%; overflow:auto; overflow-y:scroll; z-index:3; position:relative; }
#header { position:absolute; top:0; right:17px; display:block; width:100%; height:27px; z-index:5; text-align:center; background:transparent url(../img/top.png) repeat-x bottom left; }
#footer { position:absolute; bottom:-1px; right:17px; display:block; width:100%; height:35px; background:transparent url(../img/footer.png) no-repeat top center; z-index:9; }
#date { width:860px; height:30px; margin:auto; padding-top:17px; font-family:Arial; font-size:8pt; text-align:left; color:#777; }
#date a, #date a:active, #date a:visited { float:right; color:#000; }
#wrapper { width:940px; height:100%; margin:auto; }
#banner { width:100%; height:262px; background:transparent url(../img/banner.png) no-repeat bottom center; float:left; }
#canvas { width:100%; min-height:75%; background:transparent url(../img/canvas.png) repeat-y top center; float:left; }
#topscroll { position:absolute; bottom:0; left:0; width:100%; text-align:center; z-index:98; }
#topscroll, #topscroll a, #topscroll a:active, #topscroll a:visited { height:22px; line-height:22px; font-family:Calibri,Arial; font-size:9pt; color:#505050; }
#topscroll a:hover { color:#F33; }

ul#menu { width:840px; margin:auto; }
ul#menu, ul#menu ul { list-style-type:none; font-family:Calibri,Arial Narrow,Arial;}
ul#menu a { text-decoration:none; color:#007DD2; display:block; font-size:16px; line-height:24px; height:27px; }
ul#menu li { width:140px; float:left; }
ul#menu li a { letter-spacing:1px; }
ul#menu ul { position:relative; overflow:hidden; display:none; width:208px; margin-left:10px; text-align:left; top:0; }
ul#menu ul a { font-family:Calibri,Arial; font-size:11pt; letter-spacing:0; color:#000; line-height:28px; height:29px; padding-left:20px; margin-left:4px; }
ul#menu ul a:hover { background:transparent url(../img/dropdown-h.png) no-repeat; color:#FFF; }
ul#menu ul.hover, ul#menu li.hover ul, ul#menu li:hover ul { display:block; }

ul#menu ul li { width:100%; background:transparent url(../img/dropdown.png) no-repeat center center; }
ul#menu ul li.bottom { height:20px; background-position:bottom center; }
ul#menu ul li.top { background-position:top center; padding-top:12px; float:left; }
ul#menu ul a.active { color:#116AA0; cursor:default; }
ul#menu ul a.active:hover { background:none; }

#intro-banner { width:100%; height:200px; background:transparent url(../img/intro-banner.png) no-repeat top center; }
#intro-footer { position:absolute; bottom:-1px; right:17px; display:block; width:100%; height:24px; background:transparent url(../img/intro-footer.png) repeat-x top left; color:#000; z-index:9; }
#intro-content { width:100%; height:440px; background:transparent url(../img/intro-content.png) no-repeat top center; }
#intro-content h5 { margin-bottom:10px; border-color:#FFF; color:#2E6BCC; }
#intro-content ul, #intro-content p { margin-left:5px; }
#intro-content .text { text-align:left; width:740px; padding:260px 0 0 100px; font-family:Calibri,Arial; font-size:11pt; }
#intro-webtags { position:absolute; bottom:45px; left:0; width:100%; z-index:10; }
#webtags { width:800px; margin:auto; }

.intro { background-image:url(../img/intro-body.jpg); }
.text-600, .text-720 { font-family:Century Gothic,Arial; }
.text-600, .text-720, .zine { font-size:10pt; padding:2px; margin:auto; text-align:justify; color:#000; }
.text-600 { width:600px; }
.text-720 { width:720px; margin:30px auto; }

.zine { width:760px; padding-top:30px; font-family:Georgia,Serif,Garamond,Times New Roman; font-size:0.9em; }
.zine .column { width:240px;  color:#2E2E2E; padding-right:35px; float:left; }
.zine .column li { font-family:Century Gothic; padding-top:3px; }
.zine .column li.small { font-size:9pt; }
.zine .tight { color:#2E2E2E; width:420px; float:left; }
.zine .centered { text-align:center; padding:16px 0; }
.tables { color:#000; width:550px; float:left; }
.info { width:180px; min-width:160px; font-family:Century Gothic,Arial; margin-bottom:50px; float:right; }
.info p { color:#116AA0; font-size:10pt;  }
.info h4, .info p { padding-left:3px; }
.info img { margin-bottom:6px; }
.info .text { letter-spacing:0; font-family:Calibri,Arial; }
.info .btn { padding:2px 5px; font-size:9pt; }
.info .center { width:100%; text-align:center; padding:12px 0; }

.spacing { letter-spacing:1px; }
.tray, .traybox { margin-top:70px; }
.tray { float:left; width:380px; }
.traybox { width:140px; float:right; }
.traybox .header { background:transparent url(../img/info.png) no-repeat top left; height:70px; width:100%; font-weight:bold; }
.traybox .text { color:#2E6BCC; font-size:11pt; }
.blue { color:#116AA0; }
.dark { color:#606060; }
.red { color:#F33; }
.bold { font-weight:bold; }
.first { font-family:Georgia,Times New Roman; font-size:31pt; color:#C33; float:left; margin-right:2px; line-height:80%; }
.quote { font-style:italic; }

.block { margin-bottom:12px; }
.address { padding:0 0 50px 28px; }
.address h3 { background:transparent url(../img/h3.png) no-repeat; color:#FFF; width:185px; height:35px; padding:12px 0 10px 0; text-align:center; }
.address p { padding:1px 0 1px 6px; }
.rb { border-right:1px solid #DDC; }
.lb { border-left:1px solid #DDC; }
.fl { margin:10px 0; }
.bt-cl, .bt-fl { width:100%; height:40px; border-top:1px solid #DDC; margin:30px 0; text-align:center; }
.bt-cl { clear:both; }
.bt-fl { float:left; }
.error { font-family:Calibri,Arial; font-size:18pt; color:#F33; }
.marker { background:#EE0; }
#slide { width:100%; height:120px; top:620px; left:0px; position:absolute; background:transparent; text-align:center; }
#slider1, #slider2 { position:absolute; z-index:999; }
/*
table.list { width:550px; border-collapse:collapse; font-family:Calibri; font-size:12pt; }
table.list td { padding:6px 3px; }
table.list thead td, table.list tfoot td { height:16px; }
table.list thead, table.list tbody, table.list tfoot { background:transparent url(../img/tlist.png) no-repeat; }
table.list thead { background-position:top left; }
table.list tbody { background-position:center left; }
table.list tfoot { background-position:bottom left; }
table.list td.topic, table.list td.left { padding-left:18px; background:transparent url(../img/fav.png) no-repeat center right; }
*/