/*Eliminate the browser default values*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
	margin: 0; 
	padding: 0; 
	border: 0; 
}
/*Set HTML height to 100% and then adding a one-pixel margin to the bottom, to force Firefox to draw a scroll bar. This prevents the annoying page jump that when there is a shorter page in that browser.
*/
/* hide from IE mac \*/
html {
    min-height: 100%;
    margin-bottom: 1px;
}
/* end hiding from IE5 mac */


html.center, body.center {
	height: 100%;
}

body {
	background-color: #AFB9C2;
}

#header {
	width: 698px;
	height: 158px;
	background-color:#000;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/mbc_header.jpg);
}

#header p {
  position: relative;
  left: -20px; 
  top: -30px;
}

#imagelinks a {
  position: relative;
  height: 38px;
  width: 88px;
  top: 31px; 
  text-decoration: none;
  }

#imagelinks a i{
visibility: hidden;
}

a#abaname { 
  left: 10px; 
  top: -70px;
  width: 380px;
  line-height: 20px;
}
a#msdfname { 
  left: -260px; 
  top: -50px;
  width: 350px;
  line-height: 20px;
}
a#acscname { 
  left: 100px; 
  top: -48px;
  width: 300px;
  line-height: 20px;
}
a#abalogo { 
  left: 195px; 
  top: -140px;
  width: 100px;
}
a#msdflogo { 
  left: 65px; 
  top: -70px;
  width: 150px;
}
a#acsclogo { 
  left: 80px; 
  top: -40px;
  width: 175px;
}

#main {
	background-image:url(../images/shadow_side.gif); 
	width: 756px;
	font-size: 90%;
}

#master {
	width: 756px;
	margin: 0 auto 0 auto;
}

#content {
	width: 698px;
	margin: 0 auto 0 auto;
	text-align: left;
}

#mainpane {
	float: left;
	width: 520px;
	background-color: #FFF;
}

#mainpanecontent {
	padding: 0px 30px 20px 15px;
}

#sidepane {
	width: 155px;
	float: right;
	font-size: 10px;
	line-height: 150%;
	padding-bottom: 10px;
}

#topshadow {
	width: 756px;
	height: 29px;
	background-repeat:no-repeat;
	background-image:url(../images/shadow_top.gif);
}

#bottomshadow {
	width: 756px;
	height: 29px;
	background-repeat:no-repeat;
	background-image:url(../images/shadow_bottom.gif);
}

.breadcumbs { 
	font-size: 0.8em;
	color: #000;
	background-color: #AFB9C2;
	border: 1px #00009C solid;
	margin-top: 10px;
	padding: 0.5em;
	clear: both;
	width: 658px;
}
/*

.breadcumbs { 
 	font-size: 0.8em;
  color: #000;
 	background-color: #FFCF29;
 	border: 1px #00009C solid;
 	padding: 0.5em;
}
*/

.promo {
  display: table;
  width: 500px;
  border: none;
  border-collapse:collapse;
  margin-bottom: 5px;
}

.promo .row {
  display: table-row;
}

.promo .titles {
  width: 150px;
  display: table-cell;
  border-bottom: 1px solid #5a3811;
  padding: 1px 0px 1px 15px;
  background-color: #e7dbcd;
}

.promo .descriptions {
  width: 340px;
  display: table-cell;
  border-bottom: 1px solid #5a3811;
  padding: 1px 0px 1px 15px;
}

.promo h3 {
  font-size: 110%;
  font-weight: 600;
  color: #5a3811;
}

.promo ul {
  list-style:circle;
}

.promo p, .promo li {
  font-size: 100%;
}