html, body{
	margin: 0;
	padding: 0;
	height: 100%;
	background: #000 url(images/bg.jpg) repeat-y top center;
}

#outer {
	height: 100%; 
	width: 702px;
	margin: 0 auto 0 auto;
	overflow: hidden; 
	position: relative;
}
#outer[id] {
	display: table; 
	position: static;
}

#middle {
	position: absolute; 
	top: 50%;
} /* for explorer only*/
#middle[id] {
	display: table-cell; 
	vertical-align: middle; 
	position: static;
}

#inner {
	position: relative; 
	top: -50%;
	margin-bottom: 25px;
} /* for explorer only */

#bottom{
	position: absolute;
	bottom: 18px;
	width: 702px;
	text-align: center;
}

#bottom a{
	font-family: "Times New Roman", serif;
	font-size: 11px;
	color: #003366;
	font-weight: bold;
}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 702px;
	margin: 0 auto -42px auto; /* the bottom margin is the negative value of the footer's height */
}

.footer, .push {
	height: 42px; /* .push must be the same height as .footer */
}

.footer{
	width: 702px;
	margin: 0 auto 0 auto;
	background: url(images/bottom.jpg) no-repeat;
}