/***** Styles for the general theme of the site *****/

#wrapper {
  position: relative;
  width: 100%;
  color: #009; background-color: #000059;
  border: 0;
  margin: 0 auto;
  padding: 0;
}

header {
  width: 98%;
  border: 0;
  margin: 0 auto;
  padding: 0;
}

#logo-wrapper {
  width: auto;
  color: #009;
  background: #dbf3ff url(images/SATB_blu_emb.jpg);
  text-align: center;
  overflow: hidden;
  margin: 0 auto .25em auto;
  padding: 0;
  border-radius: 7px;
}

#logo {
  display: block;
  width: 500px;
  height: 80px;
  color: #009;
  background: #dbf3ff url(images/logo.jpg) 50% 50% no-repeat;
  margin: 0 auto;
  padding: 0;
}

/* accessible image replacement */
/* better Kellum Method */
.hide-text {
  /* text-indent: -9999px; */
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#updated {
  color: #9ff;
  background: transparent;
  font: normal 75% Arial,Helvetica,sans-serif;
  margin: 0;
  text-align: right;
}

.latest {
  color: #f00;
  background: transparent;
  font: normal 75% Arial,Helvetica,sans-serif;
  margin: 0;
  text-align: center;
}

#undercon {
  width: 426px;
  height: 247px;
  text-align: center;
  margin: 2em auto;
  color: #000;
  background: transparent url(images/broken.gif) 50% 50% no-repeat;
}

/****** Site Map - Main menu *******/

nav {
  /* position: absolute;
  left: 0px; */
  width: 14em;
  white-space: nowrap;
  text-align: left;
  margin: 0;
  padding: 0;
}

#menu_title {
  padding-left: 1em;
}

nav ul {
  width: 14em;
  list-style: none;
  margin: 0;
  padding-left: 1em;
}

.sub-nav {
  margin-top: 1em;
}

nav li {
  font: bold 93.75%/1.4 Verdana,Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0;
}

nav li a:link  {color: #9ff; background-color: transparent;}
nav li a:visited  {color: #9ff; background-color: transparent;}
nav li a:active  {color: #f03; background-color: transparent;}
nav li a:hover  {color: #0cc; background-color: inherit; text-decoration: none;}

nav li img {border: 0px solid #000059;}

#nav_bottom {
  text-align: center;
  margin: 0 auto;
  padding-bottom: .5em;
}

#nav_bottom ul, #nav_bottom li {
  display: inline;
  list-style: none;
}

#nav_bottom ul {
  width: auto;
}

#nav_bottom ul li {
  font-weight: bold;
  font-size: 85.714%;
}

/******** Contents *********/

#contents {
  /* width: 90%; */
  margin-top: -50.7em;
  margin-right: 1em;
  margin-left: 15em;
  padding: 1em 2em 0 2em;
}

#contents, #contents-wide {
  color: #009;
  background: #dbf3ff url(images/SATB_blu_emb.jpg);
  border-radius: 7px;
}

#contents a:hover, #contents-wide a:hover {
  color: #0cc; background: transparent;
  text-decoration: underline;
}

#contents-wide p {
  margin: 0 auto;
  text-align: center;
}

#contents-wide table {
  margin: 1em auto 5em auto;
  padding: 0;
}

#contents-wide, #contents-splash {
  width: 98%;
  border: 0;
  margin: 0 auto;
  padding: 2em 0 0 0;
}

#contents-splash p, #contents-splash a {
  font-weight: 700;
  text-align: center;
}

#contents-splash p {
  color: #0cc; background: transparent;
}

#contents-splash a:link {
  color: #9ff; background: transparent;
}

#contents-splash a:hover {
  color: #0cc; background: transparent; text-decoration: underline;
}

/* #contents-wide a {
  color: #9ff; background: transparent;
} */

.inner-bg {
  width: 80%;
  overflow: hidden;
  color: #009;
  background: #fffffe url(images/SATB_emb.jpg);
  padding: 1em 2em 2em;
  margin: 1em auto;
  border: 1px solid #009;
  border-radius: 7px;
}

.inner-bg p {font-weight: normal;}

.inner-bg a {font-weight: bold;}

li.faq {list-style-type: decimal; font-size: 14px; font-weight: bold; text-align: left;}
.answer {font-weight: normal; font-size: 12px; text-align: left;}
a.faq {font-weight: bold; color: #960;}
a:hover.faq {color: #960; text-decoration: none;}

audio {
  margin-top: 1em;
  padding: 0;
}

table.alumni-lists {
  margin: 0 auto 1em auto;
  padding: 0;
  border: 0;
}

table.alumni-lists td {
  font-weight: bold;
  margin: 3px;
}

.TopofPage {
  width: 7em;
  color: #000; background: #fff none;
  font: normal 75% Arial,Helvetica,sans-serif;
  text-align: center;
  border: 2px ridge #f00;
  margin: 1em auto;
  padding: 2px 0;
  border-radius: 4px;
}

.TopofPage a {width: 100%; color: #000 !important; background: transparent none; text-decoration: none;}
.TopofPage a:hover {width: 100%; color: #0cc !important; background: #fff none; text-decoration: none;}


/********* Footer ********/

footer {
  position: relative;
  left: 0;
  width: 100%;
  color: #9ff; background-color: #000059;
}

#copyright {
  position: relative;
  width: 15em;
  color: #009; background-color: #ecf9ff;
  margin: 1em auto;
  padding: 0;
  text-align: center;
  border: 3px ridge #0cc;
  border-radius: 7px;
}

.copyrighttxt {
  color: #009; background-color: #ecf9ff;
  font: normal 85.714% Arial,Helvetica,sans-serif;
  text-align: center;
}

.permission {
  color: #9ff; background-color: #000059;
  font: normal 85.714% Arial,Helvetica,sans-serif;
  text-align: center; margin-bottom: 1em;
}