body {
	background-image: url('images/oi-background.png') ;
	background-color: #808080 ;
	text-align: center ;
	font-family: Tahoma, Arial, san-serif ;
}

img.logo {
	padding: 5px ;
	margin: 5px ;
	float: left ;
}

div.main {
	position: relative ;
	margin-left: auto ;
	margin-right: auto ;
	background-color: #ffffff ;
	width: 900px ;
	text-align: left ;
}

div.banner {
	background-image: url('images/banner.jpg') ;
	background-repeat: no-repeat ;
	background-color: #fff ;
	width: 100% ;
	height: 100px ;
	border-bottom: solid #000 thick ;
}

p {
	padding-left : 5px ;
	padding-right: 5px ;
}

p.small {
	font-size: x-small ;
}

p.clear {
	padding-left : 15px ;
	padding-right: 15px ;
	clear: both ;
}

ul {
	margin-bottom: 15px ;
	font-size: small ;
	width: 28% ;
	float: left ;
}

li {
	list-style-type: none ;
	margin-left: 0px ;
	padding-left: 0px ;
}

div.content {
	padding: 10px ;
	padding-bottom: 0px ;
	margin-bottom: 0px ;
	position: relative ;
	width: 99% ;
} 

div.collage {
	width: 400px ;
	height: 400px ;
	margin: 25px ;
	padding: 0px ;
	position: absolute ;
	bottom: 100px ;
	right: 0px ;
}

div.footer {
	margin: 0px ;
	padding: 0px ;
	width: 100% ;
	background-color: #000 ;
	height: 75px ;
	clear: both ;
}

div.dropoff {
	clear: both ;
}

div.droploc {
	float: left ;
	background-color: #f0e0e0 ;
	width: 200px ;
	height: 100px ;
	margin: 5px ;
	padding: 5px ;
	border-top: solid #000 thin;
	border-left: solid #000 thin ;
}

h1 {
	font-family: Arial, san-serif ;
	font-size: medium ;
	color: #00f ;
	text-decoration: underline ;
	clear: both ;
}

h1.redbox {
	font-family: Arial, san-serif ;
	font-size: x-large ;
	font-weight: bold ;
	color: #fff ;
	text-decoration: none ;
	background-color: #f00 ;
	padding: 5 0 5 10 ;
}
h1.bluebox {
	font-family: Arial, san-serif ;
	font-size: x-large ;
	font-weight: bold ;
	color: #fff ;
	text-decoration: none ;
	background-color: #00f ;
	padding: 5 0 5 10 ;
}