/* spiralstyle.css */
/* This version is for a jello fixed-width centered layout */
html {
      text-align: center;
}

body {
      /* typography */
      color: #333300;
      font-family: Verdana, Geneva, Ariel, sans-serif;
      font-size: small;
	  text-align: left;
	  
	  /* colour */
	  background-color: #FFFFFF;
	  background-image: url(images/wood_bck.jpg);
	  background-repeat: repeat;
	  background-position: top left;
}

h1 {
  font-size: 150%;
}

h2 {
  font-size: 130%;
  color: #3C1E00;
}

td {
   text-align: left;
}

a {
   text-decoration: none;
   color: #333300;
   font-weight: bold;
}

hr {
      border: 1px solid #CC9966;
	  width: 70%;
}

table {
      margin-left: auto;
	  margin-right: auto;
}

#outer-container {
      /* layout */
      position: relative;
      width: 995px;
	  margin: 0 auto;
}

#container {
     position: relative;
	  width: 100%;
	  margin: 5px 0px 20px 0px;
}

.med-text {
      font-size: 110%;
}

.med-bold {
      font-size: 110%;
	  font-weight: bold;
}

.normal-bold {
	  font-weight: bold;
}

.large-text {
	  font-size: 150%;
}

.largest-text {
	  font-size: 180%;
}

.nav {
      background-image: url(images/bullet_star.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  margin: 5px 0px 0px 30px;
	  padding: 7px 10px 3px 30px;
	  text-align: left;
}

.centre-small {
      text-align: center;
	  font-size: 75%;
}

.centre-normal {
      text-align: center;
}

.left-bold {
      text-align: center;
	  font-weight: bold;
}

.left-normal {
      text-align: left;
}

.spacer-height-10 {
      height: 10px;
}

.table-download {
      padding: 0px 0px 0px 30px;
}

#main-area {
}

#main-top-left {
	  text-align: center;
	  width: 220px;
	  height: 310px;
	  float: left;
	  margin-top: 30px;
	 
}

#left-menu-container {
      background-image: url(images/menu_scroll.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  height: 600px;
	  width: 220px;
	  text-align: center;
}

#left-menu-content {
	  margin: 0px 0px 0px 0px;
	  padding: 100px 0px 0px 5px;
}

#main-top-right {
	  width: 220px;
	  text-align: center;	  
	  float: right;
	  margin-top: 30px;	  
	  /* Adjust the following to set overall page height ... */
	  height: 400px;
}

.right-medium-container {
      background-image: url(images/scroll_medium.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  height: 229px;
	  width: 220px;
}

.right-med-content {
      padding: 40px 55px 0px 25px;
}

#main-mid {
	  margin: 0px 230px 0px 230px;
	  text-align: center;  
}

#welcome-banner {
      background-image: url(images/logo_scroll.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  width: 535px;
	  height: 384px;
}

#welcome-banner-small {
      background-image: url(images/welcome_scroll_small.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  width: 535px;
	  height: 197px;
}

#main-parchment {
      background-image: url(images/detail_corner_parchment.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  width: 535px;
	  height: 780px;
	  margin-top: 10px;
}

#main-parch-content {
      padding: 100px 30px 30px 30px;
	  text-align: center;
}

.mid-plain-top {
      background-image: url(images/plain_paper_top.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  width: 535px;
	  height: 28px;
}

.mid-plain-mid {
      background-image: url(images/plain_paper_mid.gif);
	  background-repeat: repeat-y;
	  background-position: top left;
	  width: 535px;
}

.mid-plain-content {
      padding: 0px 25px 0px 20px;
}

.mid-plain-base {
      background-image: url(images/plain_paper_base.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  width: 535px;
	  height: 29px;
}

/* =============================================== */

#intro-text-1 {
      padding: 0px 40px 0px 200px;
	  text-align: left;
	  font-size: 100%;
	  font-weight: bold;
	  height: 200px;
}

#intro-pic-1 {
      float: left;	
	  margin: 0px 0px 0px 35px;
}

/* =============================================== */

.link-construct {
}

.link-construct-left {
      background-image: url(images/skull_cross_bullet.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  width: 23px;
	  height: 31px;
	  float: left;
	  margin: 0px 0px 0px 20px;
}

.link-construct-mid {
      padding: 8px 300px 0px 70px;
	  text-align: left;
}

.link-construct-right {
      float: right;
	  width: 280px;
	  text-align: left;
}

/* =============================================== */

.prog-construct {
}

.prog-construct-left {
      background-image: url(images/skull_cross_bullet.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  width: 23px;
	  height: 31px;
	  float: left;
	  margin: 0px 0px 0px 0px;
}

.prog-construct-mid {
      padding: 0px 350px 0px 35px;
	  text-align: left;
}

.prog-construct-right {
      float: right;
	  width: 340px;
	  text-align: left;
}

/* =============================================== */

.expanding-box-top {
      background-image: url(images/expanding_banner_top.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  width: 220px;
	  height: 11px;
	  margin-top: 0px;
}

.expanding-box-mid {
      background-image: url(images/expanding_banner_mid.gif);
	  background-repeat: repeat-y;
	  background-position: left;
	  width: 220px;
}

.expanding-box-content {
      padding: 0px 10px 0px 10px;
}

.expanding-box-bottom {
      background-image: url(images/expanding_banner_bottom.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  width: 220px;
	  height: 11px;
	  margin-top: 0px;
}

.spacer-5px {
      height: 5px;
}

.skull-cross-divider {
      background-image: url(images/skull_cross_divider.gif);
	  background-repeat: no-repeat;
	  background-position: center;
	  height: 32px;
	  margin: 5px 0px 5px 0px;
}

.sponsor-logo {
      float: left;
	  clear: both;
	  padding: 0px 0px 10px 6px;
}

.sponsor-text {
      float: right;
	  width: 120px;
	  padding-right: 5px;
}

#twitter-container {
      margin: 0px 0px 0px 2px;
}

#sponsors-box {
      height: 2100px;
}

#footer {
	  height: 10px;
}

#footer-content {
      clear: both;
	  margin-left: 10px;
	  margin-right: 10px;
	  text-align: center;
	  padding: 10px;
}

#footer-content p {
      font-size: 70%;
	  line-height: normal;
}

#SPIRALlogo {
      float: right;
}