body {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	background: #CCC;
	margin: 0; /* 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: #333333;
}
#container {
	width: 780px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) centres the page */
	background-color: #f8f7ee;
	border: solid #000000 1px;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#branding {
	height: 199px;
}
#leftside_nav {
	float: left; /* since this element is floated, a width must be given */
	width: 230px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099FF;
	text-align: left;
	background-image: url(../images/mbhoa_main_11.gif);
}
#leftside_nav ul {
	list-style-type: none; /* Removes bullets and indented margins */
	margin-left: 0.6em;
	padding-left: 0.1em; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
#leftside_nav li {
	background-image: url(../images/mbhoa_main_07.gif); /* sets the background image */
	background-repeat: no-repeat;
	background-position: -0.5em 0.1em;
	padding: 1px 0 1px 20px;
	margin: .3em 0; /* sets the space between the links*/
}
#leftside_nav li a { /* Style the links note a after li rather than a:link*/
	display: block; /* to increase clickable area as a’s default to inline */
	text-decoration: none;
	color: #FFFFFF;
}
#leftside_nav li a:visited { /* Style the links */
	display: block; /* to increase clickable area as a’s default to inline */
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 20px; /* padding keeps the content of the div away from the right edge by 10 pixels */
}
#leftside_nav li a:hover {
	color: #66CCFF;
	text-decoration: underline;
}
#content_main {
	width: 530px; /* the actual width of this div is 550px, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width and in this case the padding is 10px which is 10 px right and 10px left thus 530px width */
	float: right;
	background-color: #F8F7EE;
	padding: 10px; /* padding keeps the content of the div away from the edges by 10 pixels TRLB*/
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
}
#content_main h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #021E67;
}
#footer {
	clear: both;
	background-color: #F8F7EE;
	border-top: solid #333333 1px;
	background-repeat: no-repeat;
	background-image: url(../images/mbhoa_main_13.gif);
	height: 27px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10.5px;
	padding-top: 12px;
	text-align: center;
}
#navlinks {
	margin: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	line-height: 1.3em;
}
#navlinks a {
	color: #0033CC;
}
#navlinks a:hover {
	color: #000066;
	text-decoration: none;
}
a:link {
	color: #0033CC;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #0033CC;
}
a:hover {
	text-decoration: none;
	color: #0033CC;
}
.img_left {
	border: 1px solid #333333;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.img_border {
	border: 1px solid #333333;
}

.img_right {
    border: 1px solid #333333;
 	float: right;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}