body {
	font: 95% Helvetica, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #2c4861;
	background: #0f7bc7 url(images/bg_image.jpg) repeat-x center bottom;
	width: 100%;
}
html, body {
height: 100%;
margin: 0px;
padding: 0px;
}
 
* {
margin:0px;
padding:0px;
}
 
div#shim {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -290px;
float: left;
}
 
div#wrapper {
margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
width: 920px;
padding: 0px;
clear: both;
text-align: left;
position: relative;
top: -255px;
/* IE4ever Hack: Hide from IE4 **/
position: static;
/** end hack */
}
/* Hide from IE5mac \*//*/
div#shim {
display: none;
}
html, body {
height: auto;
}
/* end hack */
/* ]]> */
#OuterMidContainer {
	width: 900px;
	height: 525px;
	margin: 0px auto;
	border: 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #0f7bc7; /* blue */
	padding: 5px 10px 5px 10px;
}
#MidContainer {
	width: 880px;
	height: 500px;
	margin: 0px auto;
	border: 1px solid #efcc00; /* yellow */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #222b32; /* grey */
	padding: 10px;
}
.header {
	height: 20px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#leftCol {
	width: 355px;
	height: 500px;
	color: #2c4861;
	padding: 0px;
	background: #222b32 url(images/FOB_Poster_2010_355x500.jpg);
	float: left;
}
#rightCol {
	width: 515px;
	color: #2c4861;
	padding: 0px;
	background-color:#FFF;
	float: right;
	margin-left: 10px;
}
#Acc1.Accordion {
	width: 515px;
}
span.AccordionPanelContent {
	display: block;
}
.footer {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	height: 60px;
	clear: both;
}
#thumb {
	float: right;
	width: 165px;
	margin: 5px 0px 10px 10px;
	padding: 0px;
}
p {
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 7px;
}
h1 {
	font-size: 1.2em;
	font-weight: bold;
	font-style: none;
	margin: 15px 5px;
	letter-spacing: 0.02em;
	line-height: 1.3em;
}
.huge {
	font-size: 1.6em;
}
h2 {
	font-size: 1em;
	font-weight: bold;
	border-color: #999;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	padding: 0px 0px 5px 8px;
	margin: 15px 0px 5px 0px;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	line-height:1.2em;
}
h3 {
	font-size: 1.1em;
	font-style: italic;
	letter-spacing: 0.02em;
	padding: 0px 0px 5px 8px;
	margin-top: 10px;
	line-height:1.3em;
}
h4 {
	font-size: 0.9em;
	font-weight: bold;
	letter-spacing: 0.02em;
	line-height: 1.3em;
	padding-left: 10px;
}
h5 {
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.3em;
	padding-left: 10px;
	padding-top: 5px;
}
.date {
	color: #0f7bc7; /* blue */
	font-size: 1.2em;
	font-style: italic;
	letter-spacing: 0.02em;
	padding: 0px 0px 5px 8px;
	margin-top: 5px;
}
.quote {
	font-size: 0.9em;
	font-weight: bold;
	text-transform: normal;
	font-style:italic;
	letter-spacing: 0.02em;
	line-height:1.3em;
}
.strong {
	font-weight: bold;
}

a:link {
	font-weight: bold;
	color: #2c4861;
	text-decoration: none;
	border: 0px;
}
a:hover {
	font-weight: bold;
	color: #486E8F;
	text-decoration: underline;
	border: 0px;
}
a:visited {
	font-weight: bold;
	color: #7697B4;
	text-decoration: none;
	border: 0px;
}
a:active {
	font-weight: bold;
	color: #486E8F;
	text-decoration: none;
	border: 0px;
}