<!--

html {
  width: 100%;
	height: 100%;
	margin: 0;
  padding: 0;
}

h1 {
  font: bold 14px arial, verdana;
  display: inline;
}

#main {
	width: 100%;
	height: 100%;
	background: #333333 url(bbo_st_bg.gif) repeat;
  margin: 0;
  padding: 0;
	font: 12px arial, verdana;
  line-height: 1.2;
  color: #ffffff;
	text-align: center;
	background-color: #333333;
}

#bbo_logo {
  width: 197px;
	height: 130px;
	position: absolute;
	margin: 40px 0 0 44px;
	top: 0;
	z-index: 3;
}

#container_01 {
  width: 100%;
	margin: 0 auto;
  padding: 0;
}

#container_02 {
  width: 748px;
  /*
	min-width: 748px;
	width: auto !important;
  width: 100%;
	*/
	margin: 0 auto;
  padding: 0;
	background: url(bbo_tbl_bg.gif) repeat-y;
}

#container_03 {
  width: 748px;
	margin: 0 auto;
  padding: 0;
	overflow: hidden;
}

#header_01 {
  width: 748px;
  height: 181px;
  margin: 0 auto;
  padding: 0;
}

#header_02 {
  width: 748px;
  height: 156px;
  margin: 0 auto;
  padding: 0;
  background: url(bbo_hdr_bg.jpg) no-repeat;
	position: relative;
}

#header_picture {
  width: 456px;
  height: 143px;
  position: absolute;
	margin: 31px 0 0 259px;
	top: 0;
	z-index: 2;
}

#column_01 {
  width: 179px;
	margin: 0;
  padding: 0;
  float: left;
	text-align: right;
}

#column_02 {
  width: 478px;
  /*
	min-height: 450px;
  height: auto !important;
  height: 450px;
  */
	margin: 0;
	padding: 0 70px 0 0;
	float: right;
}

#column_03 {
  margin: 0;
	padding: 0 70px 0 70px;
}


#menu_img {
  width: 195px;
  height: 400px;
  margin: 0 auto;
  padding: 0;
	position: absolute;
	top: 91px;
	z-index: 2;
}

#menu {
  width: 140px;
	margin: 0 0 0 25px;
  padding: 0;
	position: absolute;
	top: 213px;
	z-index: 3;
	line-height: 0.95;
	text-align: left;
}

#content {
  padding: 20px 0px 20px 0px;
	text-align: left;
}

#footer {
  width: 748px;
  margin: 0 auto;
  padding: 0;
  background: url(bbo_tbl_bg.gif) repeat-y;
}

#copyright {
  font: bold 11px arial, verdana;
  line-height: 1.2;
  text-align: left;
  color: #ffffff;
  width: 748px;
  margin: 0 auto;
  padding: 10px 0 10px 70px;
}

.hline {
  height: 1px;
	border-bottom: 2px solid #883333;
}

.hline_dark {
  height: 1px;
	border-bottom: 2px solid #663333;
}

.comment {
  font: italic 12px arial, verdana;
  line-height: 1.2;
  text-align: left;
  color: #222222;
  margin: 2px;
  padding: 15px;
  position: relative;
  background-color:#ffffcc;
  border: thin solid #cccc99;
}

.hidden {
  font: 6px arial, verdana;
  line-height: 1;
  text-align: center;
  color: #993333;
  padding: 0px 75px 10px 75px;
}

.box {
  text-align: left;
  color: #ffffff;
  margin: 0px;
  padding: 15px;
  position: relative;
  background-color:#883333;
  border: thin solid #773333;
}

.box2 {
  text-align: left;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
  position: relative;
  background-color:#883333;
  border: thin solid #773333;
}

a:link { text-decoration: underline; color: #ffffff; }
a:visited { text-decoration: underline; color: #ffffff; }
a:hover { text-decoration: none; color: #222222; }
a:active { text-decoration: underline; color: #ffffff; }

a.main:link { text-decoration: underline; color: #cc0000; font-weight: bold; }
a.main:visited { text-decoration: underline; color: #990000; font-weight: bold; }
a.main:hover { text-decoration: none; color: #000000; font-weight: bold; }
a.main:active { text-decoration: underline; color: #cc0000; font-weight: bold; }

a.title:link { text-decoration: underline; color: #cc0000; }
a.title:visited { text-decoration: underline; color: #990000; }
a.title:hover { text-decoration: none; color: #000000; }
a.title:active { text-decoration: underline; color: #cc0000; }

a.mb:link { text-decoration: none; color: #696969; font: bold 10pt arial, verdana; }
a.mb:visited { text-decoration: none; color: #696969; font: bold 10pt arial, verdana; }
a.mb:hover { text-decoration: none; color: #000000; font: bold 10pt arial, verdana; }
a.mb:active { text-decoration: none; color: #696969; font: bold 10pt arial, verdana; }

a.ftr:link { text-decoration: none; color: #ffffff; }
a.ftr:visited { text-decoration: none; color: #ffffff; }
a.ftr:hover { text-decoration: none; color: #000000; }
a.ftr:active { text-decoration: none; color: #ffffff; }

a.top:link { text-decoration: underline; color: #cc0000; font: bold 11px arial, verdana; }
a.top:visited { text-decoration: underline; color: #cc0000; font: bold 11px arial, verdana; }
a.top:hover { text-decoration: none; color: #000000; font: bold 11px arial, verdana; }
a.top:active { text-decoration: underline; color: #cc0000; font: bold 11px arial, verdana; }

a.img:link { text-decoration: none; }
a.img:visited { text-decoration: none; }
a.img:hover { text-decoration: none; }
a.img:active { text-decoration: none; }


a.m:link { text-decoration: underline; color: #ffffff }
a.m:visited { text-decoration: underline; color: #ffffff }
a.m:hover { text-decoration: none; color: #222222 }
a.m:active { text-decoration: underline; color: #ffffff }

a.x:link { text-decoration: underline; font-size: 8pt; color: #888888 }
a.x:visited { text-decoration: underline; font-size: 8pt; color: #888888 }
a.x:hover { text-decoration: none; font-size: 8pt; color: #000000 }
a.x:active { text-decoration: underline; font-size: 8pt; color: #888888 }

a.f:link { text-decoration: none; font-size: 8pt; color: #ffffff }
a.f:visited { text-decoration: none; font-size: 8pt; color: #ffffff }
a.f:hover { text-decoration: none; font-size: 8pt; color: #222222 }
a.f:active { text-decoration: none; font-size: 8pt; color: #ffffff }

-->