*{
padding: 0;
margin: 0;
}

html { background-color: #003366;
}

body { width: 800px; height: auto; font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif; margin: 5px auto; border: none; font-size: small; padding: 0; 
}

img { border-style: none;
}

#linkster a {list-style-type: none; text-decoration: none; color: #ffff00; line-height: 1.5em; font-weight: bold; text-align: center;
}

#linkster a:hover { color: #fff; text-decoration: underline; text-align: center;
}

#webBar a {list-style-type: none; text-decoration: none; color: #fff; line-height: 1.5em; font-weight: bold; padding-left: 120px; font-size: 90%;
}

#webBar a:hover { color: #fffF00; text-decoration: underline;
}

p { font-size: 100%; color: #003366;
line-height: 1.5em;}

p.footer { font-size: 105%; padding: 10px 0 0 0; font-weight: bold;color: #fff; line-height: 1em; text-align: center; text-decoration: none;}

h1 { font-size: 105%; color: #003366; 
}

#header { width: 800px; height: 76px; background: url(images/rpHead.jpg) top left no-repeat;
}

#BCheader { width: 800px; height: 100px; background: url(images/bcHead.jpg) top left no-repeat;
}

#JTheader { width: 800px; height: 100px; background: url(images/jtHead.jpg) top left no-repeat;
}

#mainContent { width: 800px; height: auto; background: url(images/rpMid.jpg) top left repeat-y; 
}

#indexImage { width: 770px; height:515px; background: url(images/rpIndexPeople.jpg) bottom left no-repeat; margin-left: 15px;
}

#indexText { width: 415px; height: 250px; margin: 0 0 0 50px;
}

#aboutImage { width: 770px; height:730px; background: url(images/aboutBkgd.jpg) bottom left no-repeat; margin-left: 15px;
}

#aboutText {  width: 330px; height: 250px; margin: 0 0 0 50px; padding-top: 20px;
}

#linkster { float: right; clear: right; width: 360px; height: 70px; margin:35px 0 0 0; font-size: 90%; text-align: center;
}

#principle { width: 770px; height: 800px; margin-left: 15px; background: url(images/principleBkgd.jpg) no-repeat bottom left; padding-left: 40px;
}

.principleText { width: 390px; height: auto; padding-bottom: 10px; float: left; 
}

#bayClub { width: 770px; height:682px; background: url(images/bayClubBkgd.jpg) top left no-repeat; margin-left: 15px;
}

#jacaranda { width: 770px; height:682px; background: url(images/jacarandaBkgd.jpg) top left no-repeat; margin-left: 15px;
}

#webBar { background: url(images/webBar.gif) top left no-repeat; width: 301px; height: 42px; float: left; margin: 185px 0 0 32px; padding-top: 12px; display: inline;
}

.splitContent { width: 399px; height: auto; float: left;
}

#footer { width: 800px; height: 67px; background: url(images/rpBtm.jpg) bottom left no-repeat;
}

.clear { clear: both;
}

/* navigation */

#menubar { width: 718px; height: 36px; background: url(images/navBar.gif) no-repeat top left; margin: 40px 0 0 0; float; left;
}

.menubar li { width: 100%; height: 36px; float: left;
}

.menu { line-height: 1.5em; font-size: 90%; z-index: 100; text-align: center; font-weight: bold; height: 36px; float: left; display: block;}

.menu a { float:left; background:url("images/navTip.jpg") no-repeat left top; height: 36px; display: block; text-decoration:none;
}

.menu a span {
      float:left;
      display:block;  padding: 8px 10px 0 30px;
      text-align: center;
      color:#fff;
      }
li.first a { float:left;
      background: none;
      }

  /* Commented Backslash Hack hides rule from IE5-Mac \*/
    .menu a span {float:none;}
    /* End IE5-Mac hack */
   
.menu a:hover span {
      color:#ffff00;
      }

li.first a:hover {
      color:#ffff00;
      }

.menu a.current span {
      color:#ffff00;
      }

.menu ul li { float:left; margin-right:1px; position:relative; list-style-type: none;}

/* end navigation */


img, div { behavior: url(iepngfix.htc) }

#MBD { width: 452px; height: 20px; background: url(images/MBDbkgd2.png) no-repeat; margin: -10px auto; font-size: 80%; font-family: "Century Gothic", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif; text-align: center; color: #999; padding-top: 4px;
}

#MBD a{ color: #999; text-decoration: none; text-align: center; font-family: "Century Gothic", Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
}

#MBD a:hover {
text-decoration: underline;
color: #999;
}