/*Example CSS for the two demo scrollers*/
 
#pscroller1{
width: 200px;
height: 100px;
border: 0px solid black;
padding: 5px;
background-color: lightyellow;
}
 
#pscroller2{
width: 420px;
height: 65px;
border: 0px solid #cccccc;
 
padding: 0px 0px 0px 0px;
margin : -80px 0px 0px 0px;
 
}
 
#pscroller2 a{
text-decoration: none;
 
}
 
 
.comic DIV {
border:1px solid black;
 
FONT-SIZE: xx-small;
height: 50px;
FONT-FAMILY: sans-serif;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;}
 
.someclass{ //class to apply to your scroller(s) if desired
}
 
/* CSS Tabs for MENU */
#navcontainer {
      width : 900px;
      z-index:300;
        font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
        padding:5px;
}
 
#navlist {
        list-style: none outside none;
        margin: 0;
        padding: 0;
 
}
 
@media all {
        #navlist {
                text-align: center
        }
}
 
#navlist li {
        bottom: 11px;
        display: inline;
        line-height: 15px;;
        margin: 0;
        padding: 0;
        position: relative;
 
 
}
 
#navlist div {
        bottom: 11px;
        display: inline;
        line-height: 15px;
        margin: 0px -8px 0px;
          width:20px;
        padding: 0px;
        position: relative;
        z-index:1000;
 
}
 
html>body #navlist li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
 
}
 
#navlist a, #navlist a:link, #navlist a:visited {
        background: #FFCC00;
        border: 1px solid #000;
        bottom: 2px;
        color: #000;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
 
}
 
#navlist a:hover {
        background: gold;
        bottom: 1px;
        color: #f00;
        position: relative;
        right: 1px;
 
}
 
#navlist a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
 
}
 
#navlist li#active {
        background: #369;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
 
}
 
html>body #navlist li#active {
        background: #000;
        margin: 0 4px 0 4px;
 
}
 
#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        background: #369;
        border-bottom: none;
        border-left: 1px solid #9CC;
        border-right: 1px solid #9CC;
        border-top: 1px solid #9CC;
        bottom: 0;
        color: #FFF;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
 
}
 

div {
scrollbar-arrow-color: #00C1aa;
scrollbar-3dlight-color: #4F82aa;
scrollbar-darkshadow-color: #4F82aa;
scrollbar-face-color: #f4f4ff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #d0d0ff;
scrollbar-track-color: #f5f5ff;
}
 
body {
scrollbar-arrow-color: #ffffff;
scrollbar-3dlight-color: #444444;
scrollbar-darkshadow-color: #222222;
scrollbar-face-color: #666666;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #777777;
}
 
.smallscroll {
scrollbar-arrow-color: #00C1aa;
scrollbar-3dlight-color: #4F82aa;
scrollbar-darkshadow-color: #4F82aa;
scrollbar-face-color: #f4f4ff;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #d0d0ff;
scrollbar-track-color: #f5f5ff;
}

.class1 A:link {background: #FFCC00; text-decoration: none}
.class1 A:visited {background: #FFCC00; text-decoration: none}
.class1 A:active {background: #FFCC00; text-decoration: none}
.class1 A:hover {background: #FFCC00; color: red;}
 
.class2 A:link {color: red; text-decoration: none;}
.class2 A:visited {color: red; text-decoration: none}
.class2 A:active {color: red; text-decoration: none}
.class2 A:hover {height: 0; width: 0; border-width: 0;text-decoration: none}
 
.class3 A:link {color: black; text-decoration: none;}
.class3 A:visited {color: black; text-decoration: none}
.class3 A:active {color: black; text-decoration: none}
.class3 A:hover {color: gray;text-decoration: none}
 
.class4 A:link {background: #FFFFFF;text-decoration: none;}
.class4 A:visited {background: #FFFFFF;text-decoration: none;}
.class4 A:active {background: #FFFFFF;text-decoration: none;}
.class4 A:hover {background: gold;}
.class4 img {border-width: 0;}
 
.class5 A:link { text-decoration: underline;color: blue;}
.class5 A:visited { text-decoration: underline;color: blue;}
.class5 A:active { text-decoration: underline;color: blue;}
.class5 A:hover {color: red;text-decoration: underline;}
 
 
.class41 A:link {text-decoration: none;}
.class41 A:visited {text-decoration: none;}
.class41 A:active {text-decoration: none;}
.class41 A:hover {background: gold;}
.class41 img {border-width: 0;}
 
 .classNone {background-color:none;}
.classNone A:link {background: none;background-color:none;text-decoration: none;}
.classNone A:visited {background: none;background-color:none;text-decoration: none;}
.classNone A:active {background: none;background-color:none;text-decoration: none;}
.classNone A:hover {background: none;background-color:none}
.classNone img {background: none;background-color:none;border-width: 0;}
 
/* Top Banner*/
.topbanner img {height:100px;z-index:2;}
 
/* Flags */
 
div#links2 img {border-width: 1px;position:relative;float:right;}
div#maincontainer {position: absolute; z-index: 9;width:100%;top: 0px;left :0px;}
div#topmenu {position: absolute; z-index: 2;margin-left: 120px;border: solid 0px;height:130px;}
div#leftmenu {position: absolute; z-index: 110;float:left;width:120px;margin-top: 140px;}
 
div#content {position: absolute; z-index: 1;margin-left: 120px;margin-top: 130px;border: solid 0px;}
 
div#todaysmall img {height: 100px; width: 100px; border:ridge 1px;position:absolute;z-index: 1;top:162px;left:10px;}
 
 
 
div#links {position: absolute;top:120px; left:360px; width: 100%; height: 100px; font: 10px Verdana, sans-serif;z-index: 10000;}
 
 
 
 form#login {
 background-color: #d0e0f0;
 color: #000000;
 border: 1px solid #a0b0c0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-align: right;
 margin:0px 0px 10px 0px;
      }
 
 
 #login .text {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 100px;
 margin-right: 6px;
}
 
 #login .textbox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 width: 70px;
  margin-right: 6px;
  height : 18px;
}
 
#login .buttons {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 background-color: #333333;
 color: #FFFFFF;
 margin-right: 6px;
}
 
 
 form#makecomment {
 background-color: #ECF1F7;
 color: #000000;
 border: 1px solid #c0d0e0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 text-align: right;
       }
 #login .text {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 width: 100px;
 margin-right: 6px;
 
}
#login .buttons {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 background-color: #333333;
 color: #FFFFFF;
 margin-right: 6px;
}
 
    body {
        margin:0;
        padding:0;
        font: bold 11px/1.5em Verdana;
         }
 
h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
   }
 
/*- Menu Tabs F--------------------------- */
 
    #tabsF {
      float:left;
      width:400px;
      background:#ffffff;
      font-size:93%;
      line-height:normal;
      border-bottom:0px solid #666;
      }
 
	  #tabsF ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
        }
  
     #tabsF li {
      display:inline;
      margin:0;
      padding:0;
 
      }
    #tabsF a {
      float:left;
      /*background:url("tableftF.gif") no-repeat left top;*/
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      border-bottom: 1px solid #666;
      font-size: 10px;
      }
    #tabsF a span {
      float:left;
      display:block;
      /*background:url("tabrightF.gif") no-repeat right top;*/
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsF a span {float:none;}
    /* End IE5-Mac hack */
    #tabsF a:hover span {
      color:#FFF;
      }
    #tabsF a:hover {
      background-position:0% -42px;
      border-bottom: 1px solid #A5EEFD;
 
      }
    #tabsF a:hover span {
      background-position:100% -42px;
      }
 
        #tabsF #current a {
                background-position:0% -42px;
                border-bottom: 1px solid #A5EEFD;
 
        }
        #tabsF #current a span {
                background-position:100% -42px;
        }
-->
 
.tinytableopacity    {
FONT-SIZE: small;
FONT-FAMILY:sans-serif;
background: transparent;}
 
.tinytableopacity TD {
border:0px solid black;
FONT-SIZE: xx-small;
FONT-FAMILY: sans-serif;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;}
 
.tinytableopacity DIV {
border:0px solid black;
FONT-SIZE: xx-small;
FONT-FAMILY: sans-serif;
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;}
 
.hiddenPic {display:none;}
 
 
a.info{
position:relative;
z-index:90000;
background-color:#FFFF00;
color:#000;
text-decoration:none}
 
a.info:hover{background:#333333;z-index:90000; background-color:#a0b0c0;border:1px solid black;}
 
a.info span{display: none}
 
a.info:hover span{
display:block;
position:absolute;
top:5em; left:-16em; width:15em;
border:1px dotted #000000;
background-color:#dddddd; color:#000;
text-align: center;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
z-index:90000;
}
 
 
 
#menu {float:left;position:relative; top:0px; left:0px; width:390px; background-color:none; z-index:100;}
#menu a.p1, #menu a.p1:visited { width:20px; height:20px; text-decoration:none; background:none; top:0; left:0; border:0;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; width:20px; height:20px;background-color:#8c97a3; color:#000;}
/*
#menu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#menu a.p1:hover .large {float:left;display:block; position:absolute; top:-120px; left:0px; width:350%; height:350%;border:3px solid #000;z-index:400000;background:#fff}
*/
 
#menu a .large {display:block; position:absolute; width:0; border:0; top:0; left:0;}
 
#menu a.p1:hover .large {float:left;display:block; position:absolute; top:-120px; left:0px; width:70px;border:3px solid #000;z-index:400000;background:#fff}
 
#info {z-index:100; height:22em;}