body {
   color: #EEEEEE;
   background-color: #000000;
   margin: 0px 0px 0px 0px;
   font-size: 8pt;
   font-family: sans-serif;
   background-size: 100% auto;
}

a:link 
{
color: #EEEEEE;
text-decoration: underline;
}

a:visited 
{
color: #EEEEEE;
text-decoration: underline;
}

a:hover 
{
color: #FFFFFF;
text-decoration: underline;
}

a:active 
{
color: #EEEEEE;
text-decoration: none;
}

img {
   border: 0px;
}

.NEWfont {
	color: yellow;
	font-weight: bold;
}

/*            Custom            */

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

#translucentbkg {
   width: 950px; 
   height: 630px;     /*   must change height to match # of thumbnails          */
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6; 
   border-width:1px;
   border-style:solid;
   border-color: #CCCCCC;
   background-image: url('images/index-bg.jpg');
	background-repeat: no-repeat;

}
#opbkg {
	width: 945px;
	height: 630px; /*   must change height to match # of thumbnails ... and match translucentbkg div         */;
	background-color: transparent;
	border-width: 0px;
	position: absolute;
	top: 0px;
	margin-left: 0px;
	padding-top: 50px;
	padding-left: 55px;
	z-index: 2;
}

#updates {
	left: 30px;
	top: 70px;
	width: 365px;
	height: 370px;
	border: 1px #3a3a3a solid;
	background-image: url('images/trans-25.png');
	position: absolute;
	z-index: 5;
}

#updatesLogo {
	left: 35px;
	top: 31px;
	width: auto;
	height: auto;
	position: absolute;
	z-index: 10;
}

#sections {
	left: 30px;
	top: 460px;
	width: 890px;
	height: 150px;
	border: 1px #3a3a3a solid;
	background-image: url('images/trans-25.png');
	position: absolute;
	z-index: 5;
}

#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:85px; 
   z-index: 7;
}
#titlegrpahic-topic img {
   border: 0px;
}

#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;
}

#sites img {
   margin: 0px 0px 0px 0px; 
   padding: 1px;
   vertical-align:middle;
}
#sites a:hover img {
   border: 1px solid #EEEEEE;
   background-color: #EEEEEE;
   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;
}

#updates a:hover img {
   border: 2px solid #CCCCCC;
   background-color: #000000;
   padding: 1px;
   filter:alpha(opacity=100);
   -moz-opacity:1.0;
   opacity: 1.0;
}

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

.cross {
   filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;
}

#sections a:hover img {
   filter:alpha(opacity=100);
   -moz-opacity:1.0;
   opacity: 1.0;
}

.rating {
   background-color: transparent;
   margin: 0px 0px 0px 0px; 
   padding: 0px;
}