#top{
  position:absolute; 
  top:0px; 
  left:0px;
  width:100%; 
  height:110px; 
  background-color:#800000;
  text-align:center;
  color:#FBB917;
}
#footer{
  position:absolute; 
  bottom:0px; left:0px;
  width:100%; height:110px; 
  background-color:#800000;
  text-align:center;
}
#logo{
  position:absolute;
  top=30px;
  left:25%;
}
#m{
  position: absolute;
  width: 98%;
  height:10%;
}
#m ul{
  list-style:none;
}
#m li{
	display:inline-block; 
	vertical-align:top;
	overflow:hidden;
	float:right;
	margin:0 3px;
	padding:4px;
	border:1px solid #ccc;
}
#m li a{
	display:block;
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-size:9px;
	font-weight:bold;
	background:#2f2f31;
    padding:2px 15px;
	text-decoration:none;
}
#m li a:hover{
	display:block;
	float:left;
	background:#ff9900 url(images/menu_016_h.jpg) no-repeat center top;
	text-decoration:none;
}
#m li a.current{
	display:block;
	float:left;
	color:#fff;
	text-transform:uppercase;
	font-size:9px;
    font-weight:bold;
	padding:2px 15px;
	background:#ff9900 url(images/menu_016_h.jpg) no-repeat center top;
   	text-decoration:none;
}
#bg
  {
  border:2px solid #fff;
  position:absolute;
  top:10%;
  left:25%;
  width:50%; 
  height:80%; 
  background-color:grey;
  text-align:center;
  }
#transbox{
  	position: absolute; 
  	left: 5px; 
  	top: 5px; 
  	width: 98%;
  	height: 97%;
	overflow: auto;
  	background-color:#ffff80;
  	border:1px solid black;
  	filter:alpha(opacity=80);
  	opacity:0.8;
  	}
#transbox p{
  	margin:30px 40px;
  	font-weight:bold;
  	color:#000000;
}
ul#listOfImages {
    background: #e5e5e5;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 60%;
    position: relative;
}
    
ul#listOfImages li {
    display: block;
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
ul#listOfImages li img {
    border: 1px solid #333;
}