/* 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: 210;
     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, #navBtnG:hover, #navBtnM.inBtn, #navBtnH.inBtn, #navBtnD.inBtn, #navBtnA.inBtn, #navBtnC.inBtn, #navBtnP.inBtn, #navBtnG.inBtn, .inBtn {
    background-color: orange;
    color: black;
      this.onmouseout = function() {
        this.style.backgroundColor ="orange";
        this.style.color="black";
      });
}
#navBtnM, #navBtnH, #navBtnD, #navBtnA, #navBtnC, #navBtnP, #navBtnG {
    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%;
	top:100px;
    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_dir {
    position: absolute;
    top: 20px;
    left: 90px;
    height: 480px;
    background-color: white;
    width: 600px;
    z-index: 200;
    overflow: hidden;
 }

 .tags {
    position: absolute;
    top: 0px;
    left: -400px;
    height: 440px;
    background-color: none;
    width: 800px;
    z-index: 200;
    overflow: hidden;
 }

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

 .cardShadow_sub {
    position: absolute;
    top: -42px;
    left: -342px;
    bottom: 34%;
    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:10;
    margin: 0px auto;
 }

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

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

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

.subheadLeft {
	font: 14 Courier New, sans-serif;
	position: absolute;
	left: 90px;
	top: 8px;
	z-index: 195;
	display: inline;
	text-align: left;
	width: 218px;
	margin: 0px;
}
.pageHead {
	font: bold 28 Courier New, sans-serif;
	letter-spacing: 5px;
	position: absolute;
	left: 550px;
	top: 5px;
	color: orange;
	z-index: 195;
	display: inline;
	text-align: right;
	width: 218px;
	margin: 0px;
	text-shadow: 0.1em 0.1em #000
}
.pageHead_shadow {
    font: bold 28 Courier New, sans-serif;
    letter-spacing: 5px;
    position: absolute;
    left: 592px;
    top: 6px;
    color: black;
    z-index: 1;
    display: inline;
    text-align: right;
    width: 175px;
    margin: 0px;
}

p.a {
    font: bold 14px 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;
}