@charset "iso-8859-1";

body {background: url(background.jpg) repeat-x #30a9ea; text-align: center; margin: 0px;background-attachment: fixed;font-family: Arial, helvetica,sans-serif;font-size: 12pt;}
#wrapper {position: relative; width:1000px; height: auto; margin:0px auto 0px auto; text-align: left;}
#ptop  {position: relative; margin-top:0px; margin-left: 0px; width: 1000px; height: 184px; background: url(pagetop.png) no-repeat;}
#badgeback {position: absolute; left: -60px; top: -20px; width: 307px;height: 342px; background: url(badgeshadow.png);}
#line  {z-index: 5;position: absolute; top: 184px;left:100px;height: 78px; width: 900px; background: url(topbar.jpg) repeat-x;}
#statspot {z-index: 6;float: left; position: relative; margin-top: 10px; margin-left: 130px;width: 140px;font-size: 1em;}
#statspot a,a:link,a:visited,a:active {color:#303030; text-decoration: none;}
#statspot a:hover {color: #fff;}
#loginspot {z-index: 6;float: right; position: relative; margin-top: 10px; margin-right: 130px;width: 500px;clear: none;text-align: right;color: #000;font-size: 1em;}
#loginspot a,a:link,a:visited,a:active {color:#303030; text-decoration: none;padding-left: 10px;}
#loginspot a:hover {color: #fff;}

#maincontent a, a:link, a:active, a:visited {padding: 0px; color: #00d;}
#maincontent a:hover{color: #0dd;}
#footer {position: relative;
         margin:20px auto  10px auto;
         width: 900px;
         color: #fff;
         font-size: 10pt;
         }  

#footer a, a:link, a:visited, a:active {color:#fff;}
.formspot {position: relative; width: 700px; float: left; margin-left: 0px; clear: both;margin-top: 0px;}
.formlabel {position: relative;float: left; margin-left: 20px;width: 200px; height: 20px; text-align: right;font-weight: bold;padding-top: 15px;font-size: 1em;}
.formfield {position: relative; float: left;width: 450px; margin-left: 10px; text-align: left;clear_left;}
.formwarn {position:relative; float: left; width: 450px; background: #d00; color: #fff; font-size: 8pt; visibility: hidden;}
.inp {background: #f0f0f0; border: 1px solid #303030;}
.refs {position: relative; float: left; width: 120px; text-align: right; margin-right: 10px;}

.headline {padding: 5px;}
#menspot {position: relative; width: 800px; height: 30px; margin-left: 90px;margin-top: 45px;}
#pagebottom {position: relative;
             text-align: center;
             color: #f3f300; 
             margin: 0px auto 0px auto; 
             width: 1000px;
             height: 50px;
             background: url(bottomback.jpg);
             font-size: 14pt; 
             font-weight: bold; 
             padding-top: 0px; 
           -moz-box-shadow: 6px 6px 5px #333;
          -webkit-box-shadow: 6px 6px 5px #333;
           box-shadow: 6px 6px 5px #333;}
#content {position: relative; 
          margin-top:0px;
          margin-left: 0px; 
          padding-top: 100px;
          min-height: 500px; 
          overflow: hidden;
          background: url(mainback.jpg);
          -moz-box-shadow: 6px 6px 5px #333;
          -webkit-box-shadow: 6px 6px 5px #333;
           box-shadow: 6px 6px 5px #333;}

#badge {z-index: 6;position: absolute; top: 0px; left: -30px; width: 248px; height: 293px; background: url(badge2.png);}
#emblem {z-index: 6;position: absolute; width: 151px; height: 151px; top: 60px; left: 850px; background: url(emblem.png);}
#leftspot  {position: relative; float: left; margin-top: 0px; margin-left: 20px; width: 170px; min-height: 500px;}
#pledgebox  {position:relative;float: left;margin-top:0px; margin-left: 0px; width: 170px; min-height: 300px; border-radius: 20px; -moz-border-radius: 20px;background: #fff;-moz-box-shadow: 6px 6px 5px #333;
          -webkit-box-shadow: 6px 6px 5px #333;
           box-shadow: 6px 6px 5px #333;padding: 10px;text-align: center;border: 1px solid #a0a0a0;clear: none;font-size: 10pt;}
#pledgebox a, a:link, a:visited, a:active {padding: 0px; color: #00d;}
#newsheadlines  {position:relative;
                 float: left;
                 margin-top:20px; 
                 margin-bottom:20px;
                 margin-left: 0px; width: 170px; min-height: 140px; border-radius: 20px; -moz-border-radius: 20px;background: #fff;-moz-box-shadow: 6px 6px 5px #333;
          -webkit-box-shadow: 6px 6px 5px #333;
           box-shadow: 6px 6px 5px #333;padding: 10px;text-align: left;border: 1px solid #a0a0a0;clear: none;font-size: 10pt;}
#newsheadlines a, a:link, a:visited, a:active {padding: 0px; color: #00d;}

.news {margin-bottom: 10px;}

#hitcounter {float: left; 
             clear: both; 
             width: 150px; 
             margin-left: 20px; 
             margin-top: 20px;
             color: #fff; 
             padding-top: 6px;
             padding-bottom: 6px;
             margin-bottom: 10px;
             border: 1px solid #a0a0a0;
             text-align: center;
             background: #000;
             border-radius: 20px;
            -moz-border-radius: 20px;
            -moz-box-shadow: 6px 6px 5px #333;
            -webkit-box-shadow: 6px 6px 5px #333;
             box-shadow: 6px 6px 5px #333;
             font-size: 8pt;}

#pagetitle  {position: relative;float: right; width: 700px; min-height: 10px; margin-right: 50px; text-align: center;clear: none;}
#maincontent  {position: relative;float: right; width: 700px; min-height: 10px; margin-right: 20px; text-align: left;clear: none;border: 1px solid #f0f0f0;padding: 10px;}
a,a:link,a:active,a:visited {text-decoration: none; color: #00d;}
a:hover {color: #0dd;}

.but  {
            
            height: 20px; 
            min-width: 40px;
            color: #838383;
            float: left;
            text-align: center;
            font-size: 8pt;
            margin-left: 10px;
            font-family: arial;
            
            padding-top:0px;}
            
.pic {visibility: visible;}
.arrow {text-decoration: none;margin-top: 0px;margin-bottom: 10px;
        }



a.arrow:link {color: #a0a0a0;font-size: 10pt;margin-top: 0px;}
a.arrow:visited {color: #a0a0a0;font-size: 10pt;margin-top: 0px;}
a.arrow:active {color: #a0a0a0;font-size: 10pt;margin-top: 0px;}
a.arrow:hover {color: #fff;font-size: 10pt;margin-top: 0px;}


a.piclink:link {color: #808080;font-size: 10pt;margin-top: 0px;padding: 0px; margin: 0px;margin-right: 0px;}
a.piclink:visited {color: #808080;font-size: 10pt;margin-top: 0px; padding: 0px; margin: 0px;margin-right: 0px;}
a.piclink:active {color: #808080;font-size: 10pt;margin-top: 0px;padding: 0px; margin: 0px;margin-right: 0px;}
a.picklink:hover {color: #a0a0a0;font-size: 10pt;margin-top: 0px;padding: 0px; margin: 0px;margin-right: 0px;}



#picheading {position: relative;float: left; width:620px; color: #fff; padding-top: 10px; padding-bottom: 10px;font-size: 12pt;text-align: center; color: #fff;background: #404040;clear: both;margin-top: 10px;margin-left: 0px;}

#pictext {position: relative;z-index:29;float: left; width: 620px;min-height: 60px; color: #fff;margin-top: 10px; padding-top: 10px; padding-bottom: 10px;padding-left: 10px; text-align: left;font-size:1em; color: #fff;background: #303030;margin-left: 0px;clear: none;}

#footer  {position: relative; margin: 30px auto 10px auto; width: 800px; text-align: center; font-size: 9pt;color: #a0a0a0;}

#imagename {z-index: 24;position: absolute;top: 0px; left: 0px; width: 20px; height: 20px; background: url(bannerback.png); color: #fff; border:1px solid #fff;visibility: hidden;}
.thumbcontainer {position: relative; float: left; width: 100%; min-height: 120px;clear:both;}
.thumb {position: relative;text-align: center;float:left;width: 180px; height: auto;text-align:center;margin-left: 0px; margin-right: 0px; padding-left: 5px;padding-right:5px;padding-top: 5px; padding-bottom: 5px; margin: 10px 0px 10px 10px; clear:none;}
.jb {position: relative;text-align: center;float:left;width: 110px; min-height: 150px;text-align:center;margin-left: 0px; margin-right: 0px; padding-left: 5px;padding-right:5px;padding-top: 5px; padding-bottom: 5px;  margin: 10px 0px 10px 10px; clear:none;}
.jbcontainer {position: relative; float: left; min-width: 800px; min-height: 200px; clear: both;}

#arrowspot {width: 400px;
            z-index: 40;
            height: 20px;
            margin: 10px auto 0px 0px;;
            font-size: 12pt;}
#thepic  {border: 10px solid #fff;}
#picture {position: relative;
          margin-top: 40px;
          margin-left: 10px;
          z-index: 6;
          width: 1000px; 
          margin-right: 0px;
          float:left;
          overflow: hidden;
          
          }


#imgdiv {z-index:20;
            position:absolute;
            top:0px;
            left:0px;
            width: 800px;
            height:600px;
            background: black;
            opacity: 0.3;
            filter: alpha(opacity=30);
            visibility: hidden;}
#framecontainer {position: absolute; 
                    top: 10px;
                    left: 50px;
                    z-index: 24;
                    width:1000px;
                    height:700px;
                    background: transparent;
                    visibility: hidden;
                    text-align: center;
                    }
#bigpicture  {z-index: 44;
               position: absolute;
               top: 0px; 
               left: 0px; 
                width: 2px;
                min-height: 2px; 
                visibility: hidden;
               }
 
#buttons {margin: 0px auto 0px auto;
              width: 150px;
              height: 42px;
              }
.button      {width:40px;
              height: 40px;
              border: 1px outset #d0d0d0;
              background: #707070;
              font-size: 12px;
              text-align: center;
              float: left;}
#framediv {z-index:20;
              position:absolute;
              top: 0px;
              left: 0px;
              width:1px;
              min-height: 1px;
              background: transparent;
             
              padding: 10px 10px 10px 10px;
              clear: both;
              font-size: 10pt;
              overflow: hidden;}
#framediv2 {z-index:25;
              position:relative;
             
              width:600px;
              height:400px;
              background: transparent;
              
              padding: 10px 10px 10px 10px;
              clear: both;
              font-size: 10pt;
              overflow: hidden;
              border: 10px ridge #a0a0a0;
              border-radius: 10px;
              -moz-border-radius: 20px;
   -moz-box-shadow: 6px 6px 5px #333;
          -webkit-box-shadow: 6px 6px 5px #333;
           box-shadow: 6px 6px 5px #333;            }
.name2 {position: relative; clear: both; background: #000; color: #fff; width: 120px; min-height: 30px; overflow: hidden; margin:10px auto 0px 10px;}
             
ul#menu  {z-index: 12;
          
          text-align: left;
          color: #a0a0a0;
          display: inline;
          float: left;
          list-style: none;
          position: relative;
          margin-top: 0px;
          margin-right: 0px;
          font-size: 12pt; 
          width:800px;
          text-align: left;
         
         
          }
         
          
ul#menu li {
            
            
            color: white;
             
             list-style: none;
             padding: 0px 10px 5px 10px;
             position: relative;
             margin-top: 1px;
             margin-bottom:1px;
             float: left;
              
             }


ul#menu li a:link,
ul#menu li a:visited
                   {color:#f0f0f0;
                   text-decoration: none;
                 
                   display: block;
                   padding: 3px 3px 3px 3px;}

ul#menu li a:hover

 {background: url(redligh.png) no-repeat center;
                    color: #fff;
                    text-decoration: none;
                    
                    display: block;}


ul#menu li:hover ul.submenu {display: block;}
ul#menu li ul.submenu {z-index: 22;
                       background: #000;
                       margin: 0px 0px 0px 0px;
                       position: absolute;
                       top: 23px;
                       left: 10px;
                       width: 200px;
                       padding: 1px 4px 0px 4px;
                       border: 1px solid #a0a0a0;
                       display: none; 
                       clear: left;
                       font-size: .8em;
                       text-align: left;
                      
                       
                      
                       }
ul#menu li ul.submenu  li { clear: both; width: 180px;border-bottom: 1px solid #a0a0a0;background: #000;padding: 0px 10px 0px 10px;
             
             margin-top: 1px;
             margin-bottom:1px;
              
           
            }


ul#menu a:link, a:visited, a:active {text-decoration: none; color: #a0a0a0;}
ul#menu a:hover {background: #a0a0a0; color: #fff; }
h1  {font-size: 2em; 
      color: #004; 
      font-weight: normal;
      margin-top: 0px;
      background: #f0f0f0;
      padding-left: 5px;
      text-shadow: 2px 2px #fff;
      border-radius: 5px;
      -moz-border-radius: 5px;
       -moz-box-shadow: 3px 3px 3px #333;
          -webkit-box-shadow: 3px 3px 3px #333;
           box-shadow: 3px 3px 3px #333; }

h4 {font-size: 13pt;
    color: #303030;
    text-shadow: 1px 1px #f0f0f0;
    }



#footer a:hover {color: #f0f0f0;} 

.mem {width: 250px;}
.ml  {width: 240px;}