/* CSS Document for Internal Pages */

body {
  margin: 0px;
  background-color: #000000;
 }

/* STRUCTURE */

#bigbox {
  margin: 20px auto;
  width: 960px;
  min-height: 100%;
  background-color: #ffffff;
  }

#logobox {
  position: relative;
  width: 960px;
  height: 144px;
  background-color: #000000;
  }

#logoimage {
  width: 497px;
  height: 144px;
  }

#navbox {
  position: relative;
  background-color: #000000;
  width: 960px;
  height: 40px;
  }

#redbar {
  position: relative;
  width: 960px;
  height: 50px;
  background-color: #cb262d;
  }

#redbartagline {
  padding-top: 15px;
  font-family: "Gill Sans", Verdana, Arial, sans-serif;
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  }

#contentbox {
  padding: 50px 72px 0 72px;
  float: left;
  width: 816px;
  height: 100%;
  }

#leftcontent {
  padding: 50px 36px 0 72px;
  float: left;
  width: 409px;
  height: 100%;
  }

#rightcontent {
  padding: 50px 36px 0 0;
  float: right;
  width: 407px;
  height: 100%;
  }

#buttonbox {
  background: url(imgs/footer-image.jpg) bottom left no-repeat;
  width: 960px;
  height: 420px;
  clear: both;
  }

#buttonboxtext {
  padding-left: 72px;
  width: 500px;
  }

#btn-class {
  margin-top: 35px;
  margin-left: 372px;
  width: 265px;
  height: 30px;
  cursor: pointer;
  }

#btn-district {
  margin-top: 5px;
  margin-left: 72px;
  width: 215px;
  height: 30px;
  cursor: pointer;
  }

#btn-individual {
  margin-top: 5px;
  margin-left: 542px;
  width: 260px;
  height: 30px;
  cursor: pointer;
  }

#btn-school {
  margin-top: 5px;
  margin-left: 272px;
  width: 205px;
  height: 30px;
  cursor: pointer;
  }

#footer {
  position: relative;
  clear: both;
  width: 960px;
  }

#footer p {
  font-family: "Trebuchet MS", Tahoma, sans-serif;
  font-size: 10px;
  color: #666666;
  text-align: center;
  }

/* NAVIGATION BAR */

#navline {
  position: relative;
  float: right;
  width: 600px;
  height: 40px;
  }

#navline ul {                     /* Top-level list */
  margin: 0;
  padding: 5px 0;
  list-style: none;
  }

#navline ul li {
  position: relative;
  display: inline;
  float: left;
  width: 9em;
  text-align: center;
 }

#navline li ul {                  /* Second-level list */
  position: absolute;
  width: 10em;
  left: -999em;
  z-index: 100;
}

#navline li:hover ul {
  left: auto;
}

#navline ul li ul li a {
  display: block;
  width: 260px;
  padding: 5px;
  background-color:#000000;
  border: #dddddd thin solid;
  -moz-border-radius: 5px;
  border-radius: 15px;
  text-align: left;
  }

/* LINKS */

a:link {
  font-family: "Gill Sans", Verdana, sans-serif;
  font-size: 16px;
  font-weight: lighter;
  color: #eeeeee;
  text-decoration: none;
  text-transform: uppercase;
  }

a:visited {
  color: #aaaaaa;
  text-decoration: none;
  text-transform: uppercase;
  } 

a:hover {
  color: #fbaa29;
  }

a:active {
  color: #006bb6;
  }			

/* TEXT COMPONENTS */

h1 {
  font-family: Georgia, Times, serif;
  font-size: 28px;
  font-weight: lighter;
  }

h2 {
  margin: 0;
  padding-top: 20px;
  font-family: "Gill Sans", Verdana, serif;
  font-size: 14px;
  color: #22397b;
  text-transform: uppercase;
  }

p, ul, li, blockquote {
  font-family: "Gill Sans", Verdana, sans-serif;
  font-size: 16px;
  line-height: 119%;
  }

/* CLASSES */

.border {
  border-right: #ffffff thin solid;
  height: 25px;
}

.allcaps {
  text-transform: uppercase;
}

.tagline {
  font-family: Georgia, Times, serif;
  font-size: 20px;
  font-style: oblique;
  font-weight: bold;
  line-height: 119%;
  letter-spacing: 1px;
  color: #cb262d;
  text-align: center;
}

.ssbdtagline {
  font-family: Georgia, Times, serif;
  font-size: 20px;
  font-style: oblique;
  font-weight: bold;
  line-height: 119%;
  letter-spacing: 1px;
  color: #67348f;
  text-align: center;
}