

.tabs{
font-size:  12px;
font-family: helvetica, sans-serif;
background: black;
width: 100%;
}

.tabs ul{
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.tabs ul li{
position: relative;
display: inline-block;
float:left;
}

/*Top level menu link items style*/
.tabs ul li a{
position:relative;
display: inline-block;
background: black;
border-left: 1px solid #efefef;
height: 14px;
z-index: 0;


/*background of tabs (default state)*/
color: #efefef;
padding: 8px 10px;
color: #414141;
text-decoration: none;
z-index: 0;

}


.tabs ul li a:link, .tabs ul li a:visited{
color: #efefef;
z-index: 0;
/*tab stack*/
}


.tabs ul li a:hover{
background: #efefef; /*tab link background during hover state*/
color:black;

}
	
/*1st sub level menu*/
.tabs ul li ul{
position: absolute;
/*1st sub level menu position*/
display: inline;
visibility: hidden;
z-index: 50;
width:250px; /*determines overall width of sub-tabs*/
background:invisible;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.tabs ul li ul li{
display: inline;
position:relative;
background:black;
z-index: 50;


}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.tabs ul li ul li ul{
top: 0;
z-index: 50;

}

/* Sub level menu links style */
.tabs ul li ul li a{
font-size:  11px;
font-family: helvetica, sans-serif;
display:inline-block; 
/*width of sub menus*/
z-index: 50;
margin: 0;
border-left: 1px solid #efefef;
color:black;
}

.tabs ul li ul li a:hover{ /*sub menus hover style*/
background: #efefef;
z-index: 50;
color: black;
}


.thumbnail img{
border: none;
margin: 0;

}

.thumbnail:hover{
position:relative;
background-color: black;

}

.thumbnail:hover img{
border: none;

}

.thumbnail span{ /*CSS for enlarged image*/
position: fixed;
display:list-item;
float:left;
background-color: none;
bottom:0px;
visibility: hidden;
color: black;
text-decoration: none;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
display:list-item;
float:left;
top:300px;
left: 10px; /*position where enlarged image should offset horizontally */

}



div.main
{
position:absolute;
top:200px;
left:0;
z-index: 0;
display: inline-block;
}




div.about
{
background: #efefef; 
position: absolute;
display: inline;
float: left;
padding: 10px;
border-top: 5px solid black;
font-size: 12px;
width:180px;
height:380px;
z-index: 50;
}

div.about2
{
border-top: 5px solid black;
border-left: 5px solid black;
width:580px;
height:380px;
background: #efefef;
overflow:auto;
position: absolute;
left:200px;
padding:10px;
z-index: 50;
}

div.copyright
{
position: fixed;
align: left;
padding-left:2px;
top:700px;
border-top: 1px solid #efefef;
font-size: 10px;
color: #efefef;
font-family: helvetica, sans-serif;
width: 800px;

}

div.loader
{
position: fixed;
top: 150px;
left: 10px;
border-top: 1px solid #efefef;
font-size: 12px;
color: #efefef;
font-family: helvetica, sans-serif;
width: 800px;
z-index: -1;
}

div.scroller
{
border: none;
width:780px;
height:380px;
background: #efefef;
overflow:auto;
position: absolute;
top: 0px;
padding:10px;
}

div.recent
{
border: none;
width:380px;
height:380px;
background: #efefef;
overflow:auto;
position: absolute;
padding:10px;
border-top: 5px solid black;
z-index: 50;
}


div.background
{
position: fixed;
top: 300px;
left: 10px;
border-top: 1px black;
font-size: 12px;
color: white;
font-family: helvetica, sans-serif;
width: 800px;
z-index: -1;
}


span.type
{
paragraph: before;
content: "Type";
font-family: helvetica, sans-serif;
font-size: 14px;
padding:10px;
font-weight: bold;
}

span.status
{
font-family: bold helvetica, sans-serif;
font-size: 14px;
}

span.description
{
font-family: helvetica, sans-serif;
font-size: 12px;
}




DIV.header
{
  BORDER-RIGHT: #87ceeb 1px solid;
  PADDING-RIGHT: 2px;
  BORDER-TOP: #87ceeb 1px solid;
  PADDING-LEFT: 2px;
  FONT-WEIGHT: bolder;
  FONT-SIZE: x-large;
  PADDING-BOTTOM: 2px;
  MARGIN: 2px 10% 10px;
  TEXT-TRANSFORM: none;
  BORDER-LEFT: #87ceeb 1px solid;
  COLOR: #191970;
  PADDING-TOP: 2px;
  BORDER-BOTTOM: #87ceeb 1px solid;
  FONT-STYLE: normal;
  FONT-FAMILY: Verdana, Arial;
  BACKGROUND-COLOR: #b0c4de;
  TEXT-ALIGN: left;
  FONT-VARIANT: normal;
  TEXT-DECORATION: none
}
