@import url(lightbox.css);
@import url(styles.css);

body {
	margin: 0px;
	background: white;
}

body, table {
	font-family: Arial;
	font-size: 11px;
	color: #000000;
}

.outerDiv {
	width: 902px;
	background: url(/img/bg/backdrop_902.png);
}
.outerDivLining {
	margin-left: 11px; /* this div negates the main <center> tag (in FF, at least..) and saves the left 'shadow' bar from being covered */
	text-align: left;
}
.bannerDiv {
	width: 880px;
	height: 120px;
	border: 0px solid red;
	background: url(/img/bg/banner.gif);
}
.rightImageDiv {
	float: left;
	width: 265px;
	background: url(/img/bg/light_bg.png);
	text-align: right;
}

a {
	color: navy;
	text-decoration: underline;
}

a:hover {
	color: #FF0000;
	text-decoration: none;
}


/* Not sure what this stuff is, but it was in the design so I'll leave it. */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
/* Hides from IE-mac \*/
	height: 1%;
/* End hide from IE-mac */
}