body {
 background-color: #BBBBBB;
 color: #EEEEEE;
 margin: 0px;
 padding: 0px;
}

#primaryBox { 
  text-align: center;
  width: 99%;
 }

#dropShadow {
  height: 600px;
  width: 800px;
  background-color: #555555;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
 }

.outBoundary {
  height: 600px;
  width: 800px;
  left: -5px;
  top: -5px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
 }

.inBoundary {
  background-color: #67009A;
  border: 2px solid #000000;
  height: 600px;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
 }

.headerBox {
  background-image: url(images/SOS_logo.gif);
  background-repeat: no-repeat;
  background-position: 15px;
  height: 120px;
  margin: 0px 0px 0px 0px;
 }

#headerBoxTrans {
  height: 120px;
  margin: 0px 0px 0px 15px;
  position: absolute;
 }

#headerName {
  color: #FFFFFF;
  float: right;
  font-family: "Arial";
  font-size: 14pt;
  font-weight: bold;
  padding: 50px 15px 0px 0px;
  text-align: right;
  width: 260px;
 }

#headerItems {
  float: left;
  padding-left: 320px;
  padding-top: 2px;
  width: 100px;
 }

#headerItems .item {
  color: #FFFFFF;
  font-family: Arial;
  font-size: 11pt;
  font-weight: bold;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: left;
 }

#headerBar {
  background-image: url(images/header_bar.gif);
  background-position: left;
  background-repeat: no-repeat;
  height: 25px;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
 }

.contentBox {
  background-image: url(images/SOS_BG.gif);
  background-repeat: no-repeat;
  float: left;
  height: 430px;
  width: 644px;
  margin: 0px 0px 0px 0px;
  overflow: auto;
 }

.content {
  font-family: Arial;
  font-size: 0.8em;
  padding: 10px 30px 0px 30px;
  text-align: justify;
 }

.menuBox {
  background-color: #34CBFF;
  float: right;
  height: 430px;
  width: 156px;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
 }

.menuLink {
  display: block;
  font-family: Arial;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 2.5;
  padding: 0px 10px 0px 5px;
  text-align: left;
 }
.menuLink:link {
  color: #FFFFFF;
  text-decoration: none;
 }
.menuLink:active {
  color: #000000;
  text-decoration: underline;
 }
.menuLink:visited {
  color: #FFFFFF;
  text-decoration: none;
 }
.menuLink:hover {
  background-color: #67009A;
  color: #FFFFFF;
  text-decoration: underline;
 }


.currentMenuLink {
  background-color: #67009A;
  color: #FFFFFF;
  display: block;
  font-family: Arial;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 2.5;
  padding: 0px 10px 0px 5px;
  text-align: left;
  text-decoration: underline;
 }

#footerBox {
  background-image: url(images/footer_bar.gif);
  background-position: left;
  background-repeat: repeat-y;
  clear: both;
  height: 25px;
  margin: 0px 0px 0px 0px;
  overflow: hidden;
  text-align: center;
 }

#footerText {
  color: #FFFFFF;
  font-family: Arial;
  font-size: 0.8em;
  font-weight: bold;
  padding: 4px 0px 0px 0px; 
 }

span.emphasis {   font-weight: bold;  }

p.standout {
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
 }

#biblio li, #purpose li { line-height: 1.5em; }

#philos { line-height: 1.5em; }
#philos li { line-height: 1.5em; }
#philos .numberedList { list-style-type: upper-roman; }

.emailLink {
  color: #FFFFFF;
  display: block;
  font-family: Arial;
  font-weight: bold;
  text-align: center;
 }
.emailLink:link {
  color: #FFFFFF;
  text-decoration: underline;
 }
.emailLink:active {
  color: #000000;
  text-decoration: none;
 }
.emailLink:visited {
  color: #FFFFFF;
  text-decoration: underline;
 }
.emailLink:hover {
  color: #FFFFFF;
  text-decoration: none;
 }

.resLink {
  color: #FFFFFF;
  display: inline;
  font-family: Arial;
 }
.resLink:link {
  color: #FFFFFF;
  text-decoration: underline;
 }
.resLink:active {
  color: #000000;
  text-decoration: none;
 }
.resLink:visited {
  color: #FFFFFF;
  text-decoration: underline;
 }
.resLink:hover {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
 }