@charset "UTF-8";
/* CSS Document */
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	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: #f00;
}

#container { 
	width: 1024px;  /* this will create a container 100% of the browser width */
	background: #ddd;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    align: left; /* this overrides the text-align: center on the body element. */
}
#menuBar {
margin:0 auto;

}

 #mainContent {
	 
	margin: 0 10px 0 10px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
}
#mainBackground img {
	float:right;
	margin-right:50px;
}
.contentItem {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.9em;
color:#036;
text-align:left;
width:900px;
margin:1em 2em 4em 3em;

}
.contentItem h1 {
font-size:1.1em;
font-weight:bold;
font-variant:small-caps;
margin-left:-2em;
}
.contentItem h2 {
font-size:1.0em;
font-weight:bold;
font-variant:small-caps;
}
.contentItem a {
	font-size:.9em;
	color: #06C;
	font-variant:small-caps;
}
#directors caption {
	font-weight:bold;
	font-variant:small-caps;
	color:#036;
	padding:.5em;
}
#directors td {
	background-color:#FFC;
	color:#036;
	font-size:.8em;
	padding:.5em;
}
#directors th {
	font-variant:small-caps;
	font-size:.9em;
	padding:.7em;
	color:#036;
	}
.bnames {
	font-weight:bold;
	font-size:.9em;
}
#footer {
width:1024px;
font-size:.8em;
color: #999;
background-color:#B10707;
font-variant:small-caps;
}
#flag {
	display:block;
	font:Verdana, Geneva, sans-serif;
	font-size:.9em;
	float:right;
	width:300px;
}
#flag img {
	margin:20px;
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
td img {display: block;}
#notice {
	color: #F00;
	font-weight:bold;
	clear:right;
	display:block;
	width:250px;
	margin-top:150px;
	margin-right:50px;
	float:right;
}
<!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
 #sidebar1 { padding-top: 30px; }
 #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it may need to avoid several bugs */
</style>
<![endif]-->