body {
  /* background-color: black; */
  background-image: url(/images/bbsaBack-2.png);
  background-repeat: repeat-y;
  background-position: 50% 0;
  margin: 0;
  padding: 0;
  text-align: center;
}
/* this is a comment line to make the file longer as an experiment to debug an ssl issue */
img {
  border: 0;
  padding: 0;
}
hr {
  background-color: #0000EE;
}
#wrapper {
  width: 780px;
  margin: 0 auto;
  padding: 0;
  background-color: black;
  color: #FFE6BF;
  text-align: left;
}
#content {
  background-color: black;
}
#main {
  background-color: black;
  float: right;
  width: 66%;
  font: 0.9em/1.2em Verdana, san-serif;
  border: 1px solid black;
}
#main2 {
  padding-bottom: 6em;
  border: 1px solid black;
}
#m0 {
  text-align: center;
  /* border: 1px solid #FFFFFF; */
  font: 1.8em/2em Verdana, san-serif;
  padding: 1em 1em 1em 1em;
}
#m1 {
  text-align: center;
  /* border: 1px solid #FFFFFF; */
  font: 1.2em/1.3em Verdana, san-serif;
  padding: 3px 1em 5px 1em;
}
.leftnote {
  float: left;
  color: #FF2C00;
  font: 1.2em/1.3em Verdana, san-serif;
  /* border: 1px solid #FFFFFF; */
}
.leftnote2 {
  float: left;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
  color: #FF2C00;
  font: 1.2em/1.3em Verdana, san-serif;
  /* border: 1px solid #FFFFFF; */
}
.lefta {
  float: left;
  padding: .5em 0em 0em 1.5em;
  /* border: 1px solid #FFFFFF; */
  font: 1.7em/2em Verdana, san-serif;
  color: #FF2C00;
}
.leftnote2 a {
  color: #FF2C00;
/*  color: #FFE6BF; */
}
.leftnote2 a:hover {
  color: #0000EE;
}
.leftnote3 {
  float: left;
  margin-top: 3em;
  width: 20%;
  color: #0000EE;
  font: 0.9em/1.3em Verdana, san-serif;
  /* border: 1px solid #FFFFFF; */
}
.cv {
  padding: .8em 0 .8em 0;
}
.leftnote4 {
  float: left;
  margin-top: 3em;
  width: 100%;
  color: #2222FF;
  font: 0.9em/1.3em Verdana, san-serif;
  /* border: 1px solid #FFFFFF; */
}
.leftnote4 ul, .leftnote4 li {
  margin: 0 0 0 1em;
  padding: 0;
  list-style-type: disc;
  list-style-position: outside;
}
#m3b {
  padding: 1em 0 .5em .5em;
  line-height: 1.4;
  /* border: 1px solid #FFFFFF; */
}
#m3b a {
  color: #FFFFFF;
}
#m3b a:hover {
  color: #3333FF;
}
#m3 {
  padding: 1em 0 .5em .5em;
  line-height: 1.4;
  /* border: 1px solid #FFFFFF; */
}
#m3 a, #m3 a:visited {
  color: #FF2C00;
}
#m3 a:hover {
  color: #3333FF;
}

#m3 li {
  padding: .3em 0 .3em 0;
}
.m3s {
  font: 0.9em/1.4em Verdana, san-serif;
  padding: 1em 0 .5em .5em;
}
.m3s li {
  padding: .3em 0 .3em 0;
}
.rightnote {
  float: right;
  font: 1.2em/1.3em Verdana, san-serif;
  color: #FF2C00;
  /* border: 1px solid #FFFFFF; */
}
.rightnote2 {
  float: right;
  width: 46%;
  margin-top: 1em;
  margin-bottom: 1em;
  font: 1.1em/1.3em Verdana, san-serif;
  color: #FF2C00;
  /* border: 1px solid #FFFFFF; */
}
.rightnote2 a {
  color: #FF2C00;
/*  color: #FFE6BF; */
}
.rightnote2 a:hover {
  color: #0000EE;
}
.rightnote3 {
  float: right;
  margin-top: 3em;
  width: 20%;
  font: 0.9em/1.2em Verdana, san-serif;
  color: #0000EE;
  /* border: 1px solid #FFFFFF; */
}
.rightnote4 {
  float: right;
  font: 1.7em/1.8em Verdana, san-serif;
  color: #FF2C00;
}
.righta {
  float: right;
  padding: .5em 1.5em 0em 0em;
  /* border: 1px solid #FFFFFF; */
  font: 1.5em/1.7em Verdana, san-serif;
}

#m5 {
  position: relative;
  /* font: bold 1.1em/1.2em Verdana, san-serif; */
  font: 1.2em/1.5em Verdana, san-serif;
  text-align: center;
  margin-top: 2em;
  /* border: 1px solid #FFFFFF; */
}
#m5 img {
  border-top: 10px solid #000099;
  border-right: 10px solid #0000DD;
  border-bottom: 10px solid #0000FF;
  border-left: 10px solid #0000BB;
}
#m7 {
  /* font: bold 1.1em/1.2em Verdana, san-serif; */
  font: 1.2em/1.5em Verdana, san-serif;
  text-align: center;
  margin-top: 1em;
  /* border: 1px solid #FFFFFF; */
}
#name {
  text-align: center;
  font: 1.6em/2em Verdana, san-serif;
}
#pix {
  text-align: center;
  font: 0.9em/1.2em Verdana, san-serif;
}
#Exp-4 {
  /* border: 12px solid #0000EE; */
}
#leftnav {
  background-color: black;
  float: left;
  width: 250px;
  font: 1em/1em Verdana, san-serif;
}
#leftnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  /* list-style-image: url('/images/PointsBR40x40.png'); */
}
#leftnav td, #leftnav tr {
  /* vertical-align: middle; this doesn't work. */
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  height: 42px;
  /* line-height: 40px; */
  border: 0;
  /* border: 1px solid #FFFFFF; */
}
#leftnav td {
  background-image: url(/images/PointsBR40x40.png);
  background-repeat: no-repeat;
}
#leftnav a {
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  padding: 0 0 0 48px;
  display: block;
  color: #FFE6BF;
  border: 0;
  /* border: 1px solid white; */
  margin: 0;
  width: 99%; /* a hack to make IE work right. */
}
#leftnav a:hover {
  /* color: rgb(237,172,255); */
  color: #0000EE;
  cursor: pointer;
}
#leftnav a:visited {
  border: 0;
}
#leftnav a:active {
  border: 0;
  color: red;
}
#leftnav a:focus {
  border: 0;
}
#bbsa {
  position: relative;
  top: 0;
  left: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  /* border: 1px solid #FFFFFF; */
}
#topbar {
  /* color: rgb(237,172,255); */
  color: #0000EE;
  width: 250px;
  text-decoration: none;
  font-weight: bold;
  font-size: 1em;
  padding: 0 0 0 48px;
  display: block;
  border: 0;
  /* width: 99%;  a hack to make IE work right. */
  /* background-image: url(/images/TopBar.png); */
}
#topleft {
  /* position: relative;
  top: 0;
  right: 0; */
  float: left;
  width: 50px;
  padding: 5px 0 0 0;
  font: 1.0em/1.4em Verdana, san-serif;
  /* border: 1px solid #FFFFFF; */
}
#topright {
  /* position: relative;
  top: 0;
  right: 0; */
  float: right;
  width: 50px;
  padding: 5px 0 0 0;
  font: 1.0em/1.4em Verdana, san-serif;
  /* border: 1px solid #FFFFFF; */
}
#topleft span, #topright span {
  color: #FF2C00;
}
#footer {
  padding: .5em 3em 0 3em;
  text-align: center;
  margin-bottom: 8px;
  color: #FF2C00;
  font: 0.8em/1.1em Verdana, san-serif;
}
#footer a {
  color: #0000EE;
}
#footer a:hover {
  color: white;
}
#footer span {
  font: 1.3em/1.2em Verdana, san-serif;  
}

.center {
  text-align: center;
}
.subtitle {
  text-align: center;
  font: 14px/15px Verdana, san-serif;
  color: #FFCC80;
  /* border-bottom: 1px solid #B36B00; */
  padding-bottom: 2em;
}
.clearboth {
  clear: both;
}

#localpage {
  color: #0000EE;
  border: 0;
  padding-left: 48px;
}
.testimonial {
  background-color: #FFFFFF;
  color: #000000;
  font: 1.1em/1.2em Verdana, san-serif;
  padding: 3px 1em 3px 1em;
}
.tuition {
  font-size: .6em;
}
.logo {
  text-align: center;
  padding: 3em, 0, 0, 3em;
}
.win {
  color: white;
}
.marquee {
  font: 2em/2.2em Verdana, san-serif;
}
#kit {
  display: none;
}
#lnk {
  color: blue;
  text-decoration: underline;
}
