/* ------------------------------------ *
 CSS
 * ------------------------------------ */

html {margin:0;
    padding:0;
    background-image: url(img/background.gif);
    height:100%}

body {margin:0;
    padding:0;
    font-family:Arial;
    font-size:10pt;}

div.menu {width:600px;
    height:20px;
    cursor:pointer}

#rollmenu1 {position:absolute;
    top:265px;
    left:0px;
    width:150px;
    background-color:#cccccc;
    filter: alpha(opacity=80);
    -moz-opacity:.80;
    visibility:hidden}

#rollmenu2 {position:absolute;
    top:229px;
    left:150px;
    width:150px;
    background-color:#cccccc;
    filter: alpha(opacity=80);
    -moz-opacity:.80;
    visibility:hidden}

div.menuoption {position:relative;
    text-align:left;
    padding-left:9px;
    filter: alpha(opactiy=100);
    font-size:8pt;
    padding-top:2px;
    padding-bottom:2px}
div.menuoption a {color:black;
    text-decoration:none;}
div.menuoption a:hover {color:red;
    text-decoration:none;}

div.menuoption:hover {color:red}
.menuitem:hover {color:red}

div.aheaderpic {width:600px;
    height:30px;
    background-image: url(img/page_img0.jpg);
    padding-top:270px;
    border-bottom:1px solid #000000}

div.headerpic {width:600px;
    height:30px;
    padding-bottom:270px;
    border-bottom:1px solid #000000}

div.headerbox {width:100%;
    height:28px;
    background-color:#000000;
    z-index:10;
    filter: alpha(opacity=60);
    -moz-opacity:.60;
    vertical-align:middle;
    padding-top:2px;}

div.headerlogo {position: relative;
    float: left;
    height:26px;
    z-index:10;
    -moz-opacity:1.0;
    vertical-align:text-middle;
    padding-right:20px;}

div.headerrollovertextbox {
    float: left;
    background-color:#ffffff;
    height:22px;
    z-index:10;
    vertical-align:text-middle;
    border:1px inset #000000;
    width:400px;}

#headerrollovertext {position: relative;
    float: left;
    height:20px;
    z-index:10;
    vertical-align:text-middle;
    border:1px inset #000000;
    width:400px;
    -moz-opacity:1.0;
    color:#000033;
    padding-top:2px;}

#page {border-right:1px solid #000000;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    width:600px;}

#maintext {background-color:#ffffff;
    padding-top:1px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:15px;}

.buttonA { background-color: #999999;
    border:1px outset;
    width:113px;
    height:15px;
    padding-top:3px;
    float:left;
    text-align:center;
    font-size:8pt;
    font-weight:bold;}

.buttonB { background-color: #CCCCCC;
    border:1px outset;
    width:113px;
    height:15px;
    padding-top:3px;
    float:left;
    text-align:center;
    font-size:8pt;
    font-weight:bold;}

.buttonH { background-color: #CCCCCC;
    border:1px outset;
    width:23px;
    height:17px;
    padding-top:1px;
    float:left;
    text-align:center;
    font-size:8pt;
    font-weight:bold;}