body
{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 
}

#framecontentLeft, #framecontentRight
{
position: absolute; 
top: 0; 
left: 0; 
width: 100px; 
height: 100%;
overflow: inherit; 
background-color:#FF0000;
color: #FFFFFF;
}

#framecontentRight
{
left: auto;
right: 0; 
width: 100px; 
overflow: hidden; 
background-color:#FF0000;
color: #FFFFFF;
z-index:-1;
}

#maincontent
{
font-family:Arial;
position: fixed; 
top: 0;
left: 100px; 
right: 100px; 
bottom: 0;
overflow: auto; 
background-color:#FFC505;
}

#maincontentwhite
{
font-family:Arial;
position: fixed; 
top: 0;
left: 100px; 
right: 100px; 
bottom: 0;
overflow: auto; 
background-color:#FFFFFF;
}

.bar
{
width:896px;
margin:auto;
overflow:auto;
z-index:100;
text-align:center;
background-color:#FF0000;
}

.innertube
{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body
{ /*IE6 hack*/
padding: 0 100px 0 100px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent
{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

.hof {
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}

div.img {
    margin: 5px;
    padding: 5px;
    border: none;
    height: auto;
    width: auto;
    text-align: center;
    display: inline-block;
}	

div.img img {
    margin: 5px;
    border: 1px solid #ffffff;
}

div.desc {
  text-align: center;
  font-weight: normal;
  width: 150px;
  margin: 3px;
  font-size: 14px;
  color: #000000;
}
div.descspecial {
  text-align: center;
  font-weight: normal;
  width: 200px;
  margin: 3px;
  font-size: 14px;
  color: #000000;
}