html {
height:100%;
}

body {
height:100%;
margin:0;
padding:0;
background-image:url(images/newlayout/header-background.jpg);
background-repeat:repeat-x;
background-position:top;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
line-height:1.5em;
color:#333333;
}

#spotlight {
	float: right;
	padding-right: 50px;
}

#spotlight img {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #395A6B;
	border-bottom-color: #395A6B;
	border-left-width: 2px;
	border-left-color: #395A6B;
	border-right-color: #395A6B;
	border-right-width: 2px;
	border-right-style: solid;
	border-left-style: solid;


}
#content a, a:link{
	font-size: x-small;
	color: #333333;
	font-weight: bold;
	text-decoration:underline;
}
#content a:visited {
	font-weight:bold;
	color: #999999;
}
#content  a:hover {
 	font-weight:bold;
	color: #336666;
}
#content a:active {
	font-weight:bold;
	color: #333333;
}

#container {
min-height:100%;
margin-bottom:30px;
}

* html container {
height:100%;
}

#footer {
height: 30px;
background-color:#77634f;
width:100%;
margin-bottom:-30px;
padding:0;
}

/* A CSS hack that only applies to IE -- specifies a different height for the footer */

* html #footer
{
	margin-top: -30px;
}