html, body {height: 100%;}

#background {
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 0;
}

.stretch {
    width:100%;
    height:100%;
}

#wrap {
  min-height: 100%;
  position:relative;
  z-index:1;
}


#main {overflow:auto;
	padding-bottom: 44px;}  /* must be same height as the footer */
	
/* Main Structure, wrap the whole layout in a div to keep it narrow and centered */
#wrapper {width: 980px;  margin-left: auto; margin-right: auto; margin-top: 6px; margin-bottom: 12px; background: #000000; text-align: left;
border-left: 1px solid #999999; border-right: 2px solid #261401; border-top: 1px solid #999999; border-bottom: 2px solid #261401; 
padding-left: 12px; padding-right: 12px; padding-top: 3px; padding-bottom: 12px
}

#wrapperO {width: 1020px;  margin-left: auto; margin-right: auto; margin-top: 6px; margin-bottom: 12px; background: #262626; text-align: left;
border-left: 1px solid #333333; border-right: 2px solid #000000; border-top: 1px solid #333333; border-bottom: 2px solid #000000; 
padding-left: 12px; padding-right: 12px; padding-top: 3px; padding-bottom: 12px
}


#footer {position: relative;
	margin-top: -44px; /* negative value of footer height */
	height: 44px;
	  z-index:1;
	background-image: url('images/bottombar.jpg'); 
	background-repeat: repeat-x
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


#bottombar {
 	width: 100%;  
 	height: 54px; 
 	background-image: url('images/bottombar.jpg'); 
	background-repeat: repeat-x
	color: #ffffff;
	text-decoration: none;
}



#topbar {
 	width: 100%;  
 	height: 34px; 
 	background-image: url('images/bottombar.jpg'); 
	background-repeat: repeat-x
}

.blacklink {
	color: #000000;
	text-decoration: none;
}

.whitelink {
	color: #ffffff;
	text-decoration: none;
}