a , a:link , a:visited , a:active {
    color : #99cccc;
  }


a.rfr:hover {
    color : #333333;
  }


a:hover {
    color : #ffff00;
  }


body {
    margin : 0px;
    color : #ffffff;
    Background-color : #000011;
    font : 500 16px georgia, verdana, trebuchet, arial, 'sans serife';
    text-align : center;
  }


img {
    border-width : 0;
    margin : 15px;
    background-color : transparent;
  }


P {
    /* width : 280px ;
    */
    margin : 0 20% 30px;
    text-indent : 20px;
    text-align : justify;
    letter-spacing : 1px;
  }


P .imghalfleft {
    float : left;
    margin : 15px 15px 15px -14%;
    background-color : transparent;
  }


P .imghalfright {
    float : right;
    margin : 15px -14% 15px 15px;
    background-color : transparent;
  }


.attrib {
    color : #999999;
    font : 500 14px georgia, verdana, trebuchet, arial;
    text-align : right;
  }


.box {
    width : 100%;
    position : relative;
    height : 50%;
  }


.box div {
    /* center img horizontally */width : 100%;
    text-align : center;
    position : absolute;
    top : 50%;
    left : 0;
  }


.box img {
    /* move up half of span height, which is img height */position : relative;
    top : -50%;
  }


.imghalfleft {
    float : left;
    margin : 15px 15px 15px 6%;
    background-color : transparent;
  }


.imghalfright {
    float : right;
    margin : 15px 6% 15px 15px;
    background-color : transparent;
  }


.imgleft {
    float : left;
    margin : 15px 15px 15px 0;
    background-color : transparent;
  }


.imgright {
    float : right;
    margin : 5px 0 5px 15px;
    background-color : transparent;
  }


.masthead {
    width : 60%;
    margin-bottom : 5%;
  }


.nav {
    margin : 0 33% 30px 33%;
    width : 250px;
    text-align : center;
  }


.norule {
    margin : 10px 0 10px 0px;
    color : #111111;
    background-color : #111111;
    border : none;
  }


.oBGCLASS {
    background-color : #333333;
    text-align : right;
    text-indent : 20px;
  }


.oCAPTIONFONTCLASS {
    color : #cccccc;
    background-color : transparent;
    font : 900 11px Tahoma, 'OCR A Extended', verdana, arial;
    text-indent : 5px;
    letter-spacing : 2px;
    line-height : 100%;
  }


.oCLOSEFONTCLASS {
    background-color : transparent;
    color : #0066ff;
    font : 500 10px tahoma, verdana, courier;
  }


.oFGCLASS {
    margin : 2px;
    width : 196px;
    background-color : #111111;
    text-align : left;
  }


.orangeBar {
    border-bottom : solid #ff9900;
    border-top : solid #9999ff;
    border-width : 1px 0 1px 0;
    margin : -1px 0px -1px;
    width : 101%;
    background-color : transparent;
    color : #663300;
    font : 300 1px tahoma, verdana, courier;
  }


.oTEXTFONTCLASS {
    background-color : transparent;
    color : #eeeeff;
    font : 500 10px tahoma, verdana, courier;
    text-indent : 10px;
  }


.qBoxL {
    float : left;
    clear : left;
    width : 400px;
    margin : -20px 15px 5px 0;
    border : 1px solid #000066;
    padding : 10px;
    color : #999999;
    background-color : #222222;
    font : 600 15px tahoma, verdana, courier;
    text-indent : 25px;
  }


.qBoxR {
    float : right;
    clear : right;
    width : 300px;
    margin : -20px 0 5px 15px;
    border : 1px solid #000066;
    padding : 10px;
    color : #999999;
    background-color : #222222;
    font : 600 15px tahoma, verdana, courier;
    text-indent : 25px;
  }


.quote {
    margin : 10px 30px 15px;
    width : 50%;
    border : 1px solid #000066;
    padding : 10px;
    color : #cccccc;
    background-color : #222222;
    font : 500 16px georgia, verdana, trebuchet, arial;
    text-indent : 20px;
    text-align : justify;
    letter-spacing : 1px;
  }


.rfr, a.rfr:link , a.rfr:visited , a.rfr:active {
    color : #222222;
    font : 500 12px georgia, verdana, trebuchet, arial;
  }


.rule {
    margin : 160px 0 0px 0px;
    clear : all;
    padding : 0px 0px 3px 60px;
    border : solid #666666;
    border-width : 0 0 1px 0;
    color : #999999;
    background-color : #111111;
    text-align : left;
  }


.rule, .textend A:active , .rule A::hover {
    color : #ffcc00;
  }


.rule A:link {
    color : #cc9900;
  }


.rule A:visited {
    color : #999999;
  }


.textend {
    margin : 20px 20% 60px 20%;
    clear : all;
    border : solid #cc6600;
    border-width : 1px 0px 0px 0px;
    color : #cccccc;
    font : 900 15px tahoma, georgia, verdana, trebuchet, arial;
    text-align : left;
  }


.tglsz {
    cursor :pointer;
  }


.title {
    margin : 0 20% 20px;
    border : solid #cc6600;
    border-width : 0px 0px 1px 0px;
    color : #cccccc;
    font : 900 30px tahoma, georgia, verdana, trebuchet, arial;
    text-align : right;
  }


.top {
    margin : 2px 0 80px 0px;
    padding-top : 20px;
    border : solid #cc9900;
    border-width : 2px 0 0 0;
    color : #111111;
    background-color : #000011;
  }


.topName {
    float : left;
    border-top : solid #ff9900;
    border-right : solid #ff9900;
    border-left : solid #ff9900;
    border-bottom : solid #9999ff;
    border-width : 1px 2px 1px 2px;
    padding : 0px 13px 0px;
    color : #cc0000;
    font : 900 12px arial, tahoma, trebuchet, verdana, 'sans serife', georgia;
    text-align : center;
    letter-spacing : 5px;
  }


.topTit {
    float : right;
    border-top : solid #ff9900;
    border-right : solid #9999ff;
    border-left : solid #9999ff;
    border-bottom : solid #9999ff;
    border-width : 1px 2px 1px 2px;
    padding : 0px 13px 0px;
    margin : 0 -1% 5px 0;
    color : #cc0000;
    font : 900 11px arial, tahoma, trebuchet, verdana, 'sans serife', georgia;
    text-align : center;
    letter-spacing : 4px;
  }


#overDiv {
    position : absolute;
    visibility : hidden;
    z-index : 1000;
  }