body {
   color: #EEEEEE;
   background-color: #000000;
   background-image: url('../../images/building-bg2.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
   margin: 0px 0px 0px 0px;
   font-size: 8pt;
   font-family: sans-serif;
}

table {
   color: #EEEEEE;
   font-size: 8pt;
   font-family: sans-serif;
   cellpadding: 5px;
   cellspacing: 1px;
}
td { 
   background-color: none;
}
td.darkcol { 
   background-color: #333333; 
   text-align:right;
}
td.darkspan { 
   background-color: #333333; 
   text-align:center;
}
td.galdarkspan { 
   background-color: #333333; 
   text-align:center;
}
td.galfooter { 
   background-color: #333333;
   color: #AAAAAA;   
   text-align:center;
   font-size: 7pt;
   font-family: sans-serif;
}

a:link {
	color: #AAAAAA;
   text-decoration: none;
}
a:visited {
	color: #AAAAAA;
   text-decoration: none;
}
a:hover {
	color: #AAAAAA;
   text-decoration: underline;
}
a:active {
	color: #AAAAAA;
   text-decoration: underline;
}

img {
   border: 0px;
}

/*            Custom            */

#container {
   position: absolute;   
   left: 50%;
   top: 60px;
   margin-left:-475px; 
}

#translucentbkg {
   width: 950px; 
   height: 628px;     /*   must change height to match # of thumbnails          */
   background-color: #111111;
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
   border-width:1px;
   border-style:solid;
   border-color: #CCCCCC;
  

 
}

#opaquetext {      /*          Text below main location pic        */
   background-color: transparent;
   position: absolute; 
   z-index: 2;
   top:320px;
   margin-left:350px;
   width:590px;
}

#titlelogo {      /*          AOTU logo        */
   background-color: transparent;
   position: absolute;
   top: -62px;
   margin-left:-84px; 
   z-index: 3;
}
#titlelogo img {
   border: 0px;
}

#titlegraphic {      /*          AOTU text graphic        */
   background-color: transparent;
   position: absolute;
   top: -42px;
   margin-left:50px; 
   z-index: 3;
}
#titlegraphic img {
   border: 0px;
}

#titlegraphic-sub1 {      /*          Colon graphic        */
   background-color: transparent;
   position: absolute;
   top: 2px;
   margin-left:692px; 
   z-index: 3;
}
#titlegrpahic-sub1 img {
   border: 0px;
}

#titlegraphic-sub2 {      /*          Location type graphic        */
   background-color: transparent;
   position: absolute;
   top: 2px;
   margin-left:742px; 
   z-index: 3;
}
#titlegrpahic-sub2 img {
   border: 0px;
}

#titlegraphic-topic {      /*          Main Location pic        */
   background-color: transparent;
   position: absolute;
   top: 30px;
   margin-left:25px; 
   z-index: 7;
}
#titlegrpahic-topic img {
   border: 0px;
}

#infobox {     /*    Location Info Box          */
   width: 300px; 
   height: 300px;     /*    to match infotitles-bg size          */
   background-color: #111111;
   position: absolute;
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity: 0.8;
   border-width:1px;
   border-style:solid;
   border-color: #CCCCCC;
   top: 70px;
   margin-left:30px; 
   z-index: 4;
}

#infotitles-bg {
   width: 80px; 
   height: 300px;     /*    to match infobox size          */
   background-color: #EEEEEE;
   filter:alpha(opacity=10);
   -moz-opacity:0.1;
   opacity: 0.1;
   position: absolute;
   z-index: 5;
}

#infotitles {
   width: 75px; 
   height: 300px;     /*    to match infobox size          */
   background-color: transparent;
   position: absolute;
   text-align:right;
   padding-top:5px;
   padding-right:5px;
   z-index: 6;
}

#infofull {
   width: 300px; 
   height: 300px;     /*    to match infobox size          */
   background-color: transparent;
   position: absolute;
   text-align:left;
   padding-top:0px;
   padding-left:0px;
   margin-left:0px; 
   z-index: 6;
}
#infofull a:link {
   color: #EEEEEE;
   text-decoration: none;
}
#infofull a:hover {
   color: #FFFFFF;
   text-decoration: underline;
}

#tgallery-head {
   background-color: transparent;
   position: absolute;
   top: 66px;
   margin-left:450px; 
   z-index: 8;
}

#tgallery {     /*    thumbnail gallery  section        */
   background-color: transparent;
   position: absolute;
   top: 385px;
   width: 100%;
   text-align: center;
   margin-left:0px; 
   z-index: 8;
}
#tgallery img {
   vertical-align:middle;
}
#tgallery a:hover img {
   border: 2px solid #CCCCCC;
   background-color: #000000;
   margin: 5px 5px 5px 5px; 
   padding: 1px;
   vertical-align: middle;
   filter:alpha(opacity=100);
   -moz-opacity:1.0;
   opacity: 1.0;
}

#copyr {     /*    copyright text          */
   color: #AAAAAA;
   font-size: 7pt;
   font-family: sans-serif;
   text-align:center;
   z-index: 8;
}
.galhead {
   border: 1px solid #CCCCCC;
   background-color: #000000;
   margin: 5px 5px 5px 5px; 
   padding: 0px;
   vertical-align: top;
}

.thumbs {
   border: 1px solid #CCCCCC;
   background-color: #000000;
   margin: 5px 5px 5px 5px; 
   padding: 2px;
   vertical-align: top;
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}