/* begin main page styles */
.bodyBk {
    background-image:url('../map_bk.jpg');
    text-align: center;
    font: 11 Verdana, Tahoma, sans-serif;
    overflow: hidden;
}

p, ul {
    font-size: 12px;
}

ul {
  list-style-type:square;
}

.centerBody {
     margin: 10%;
     z-index: 200;
     text-align: center;
     width: 100%;
}

.navSpace {
     position: absolute;
     left: 50%;
     z-index: 250;
}

.navContainer {
    position: absolute;
    top: -70px;
    left: 255px;
}

.navContainer_sub {
    position: absolute;
    top: -105px;
    left: -425px;
}

.banner {
    background-color: white;
    opacity: .9;
    filter: alpha( opacity=90 );
    border: 2px solid black;
    width: 145px;
    padding-top: 5;
    margin: 0 0 20 0;
    color: black;
    text-transform: uppercase;
    letter-spacing: -1;
    height: 20px;
    vertical-align: middle;
}

.banner span {
    font: bold 20 Helvetica;
}

#navBtnM:hover, #navBtnH:hover, #navBtnD:hover, #navBtnA:hover, #navBtnC:hover, #navBtnP:hover, #navBtnM.inBtn, #navBtnH.inBtn, #navBtnD.inBtn, #navBtnA.inBtn, #navBtnC.inBtn, #navBtnP.inBtn, .inBtn {
    background-color: orange;
    color: black;
      this.onmouseout = function() {
        this.style.backgroundColor ="orange";
        this.style.color="black";
      });
}
#navBtnM, #navBtnH, #navBtnD, #navBtnA, #navBtnC, #navBtnP {
    background-color: green;
    border: 2px solid white;
    padding: 3 0 2 0;
    margin: 5 5 10 12;
    color: white;
    text-transform: uppercase;
    letter-spacing: -1;
    height: 20px;
    vertical-align: middle;
    width: 125px;
    cursor: pointer;
        /*ugliness for IE 6*/
    unicode-bidi: expression( this.onmouseover = function(){ 
        this.style.backgroundColor="orange";
        this.style.color="black";
      },  
      this.onmouseout = function() {
        if ( this.className != 'inBtn' )
        {
            this.style.backgroundColor ="green";
            this.style.color="white";
        }
      });
}

.btnText {
    font: bold 20/20px Courier New, Trebuchet MS;
}

.cardSpace {
    position: absolute;
    left: 50%;
    z-index: 200;
    height: 100%;
}

 .cardShadow {
    position: absolute;
    top: 8px;
    left: -342px;
    background-color: black;
    opacity: .2;
    filter: alpha( opacity=20 );
    height: 440px;
    width: 700px;
    z-index:1;
    margin: 0px auto;
 }

 .card {
    position: absolute;
    top: 0px;
    left: -350px;
    height: 440px;
    background-color: white;
    width: 700px;
    z-index: 200;
    overflow: hidden;
 }

.card_sub {
    width: expression( '795' );
    height:expression(document.body.clientHeight-150);
    position: absolute;
    top: -50px;
    left: -350px;
    right: 350px;
    bottom: 25%;
    width: 700px;
    padding: 50 10 0 85;
    background-color: white;
    border-top: 1px dotted #DB8F90;
    border-bottom: 2px dotted #EABB20;
    opacity: .9;
    filter: alpha( opacity=90 );
    z-index: 200;
    overflow: auto;
 }

 .cardShadow_sub {
    position: absolute;
    top: -42px;
    left: -342px;
    bottom: 24%;
    background-color: black;
    padding: 50 10 0 85;
    opacity: .1;
    filter: alpha( opacity=10 );
    height:expression(document.body.clientHeight-150);
    width: 700px;
    width: expression( '795' );
    z-index:1;
    margin: 0px auto;
 }

.cardBack {
    font: 16px Courier New;
    padding: 100 0 0 15;
    height: 260px;
    margin-top: 50;
    border-right: 1px dashed #444444;
    width: 400px;
    position: absolute;
    left: 15px;
}

#comm.cardBack{
    padding: 10 10 0 15;
    margin-top: 50;
    height: 340px;
}

.cardAddress {
    position: absolute;
    right: 30;
    bottom: 180;
    color: #cccccc;
    font: bold 18 Courier New;
    width: 30%;
}

.pageHead {
    font: bold 28 Courier New, sans-serif;
    letter-spacing: 5px;
    position: absolute;
    left: 593px;
    top: 5px;
    color: orange;
    z-index: 202;
    display: inline;
    text-align: right;
    width: 175px;
    margin: 0px;
}
.pageHead_shadow {
    font: bold 28 Courier New, sans-serif;
    letter-spacing: 5px;
    position: absolute;
    left: 592px;
    top: 6px;
    color: black;
    z-index: 201;
    display: inline;
    text-align: right;
    width: 175px;
    margin: 0px;
}

a {
    font: bold 12px Courier New, sans-serif;
    color: purple;
}

.subhead {
    font: bold 14/18px Courier New, sans-serif;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: #6C74EA;
}

.footer {
    position: absolute;
    bottom: 2%;
    left: 0px;
    width: 99.5%;
}

.footer a {
    font: bolder 14 Verdana;
    color: black;
}

.text, table {
    font: 12 Verdana, Tahoma, sans-serif;
}

td {
    text-align: right;
    padding-right: 20px;
}
td.first {
    text-align: left;
    padding-left: 20px;
}