/* 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: #FF7F00;
}

h1 {
  font-size: 150%;
  color: #666633;
}

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

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

#bck-img-pos {
      position: absolute;
	  top: 0px;
	  left: 0px;
	  z-index: 0;
}

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

#header {
     /* To expose graphic ... */
	  height: 85px;
	  margin-top: 10px;
}

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

#post-footer-content {
	  background-color: #FFFFFF;
	  margin-left: 10px;
	  margin-right: 10px;
	  padding-top: 10px;
	  text-align: center;
	  /* Just for example ... */
	  height: 30px;
	  border: 1px solid #999999;
}

.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%;
}

.brand-container {
	  border: 1px solid #999999;
	  padding: 2px;
	  height: 75px;
	  margin-bottom: 4px;
}

.brand-container-stretch {
	  border: 1px solid #999999;
	  padding: 2px;
	  margin-bottom: 4px;
}

.brand-container a {
      color: #3333FF;
}

.brand-container-heading {
      color: #3333FF;
	  font-size: large;
}

.brand-container-picture {
      float: left;
	  margin-right: 20px;
}

.brand-container-end {
      float: right;
	  width: 200px;
}

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

#top-rounds {
      height: 7px;
	  background-image: url(images/corners_top.gif);
	  background-repeat: no-repeat;
	  background-position: top;
}

#bottom-rounds {
      height: 7px;
	  background-image: url(images/corners_bottom.gif);
	  background-repeat: no-repeat;
	  background-position: bottom;
}

#main-area {
      background-color: #FFFFFF;
	  margin-left: 10px;
	  margin-right: 10px;
	  margin-top: 5px;
}

#menu_bar_1 {
      height: 25px;
	  background-image: url(images/menu_bar_1.gif);
	  background-repeat: no-repeat;
	  background-position: top;
	  color: white;
	  text-align: center;
}

#menu_bar_1 a {
      color: #FFFFFF;
	  font-weight: bold;
}

#menu_bar_2 {
      height: 25px;
	  background-image: url(images/menu_bar_2.gif);
	  background-repeat: no-repeat;
	  background-position: top;
	  text-align: center;
}

#menu_bar_2 a {
}

#main-top-left {
      background-color: #FFFFFF;
	  text-align: center;
	  width: 320px;
	  height: 100px;
	  float: left;
	 
}

#mtl-title-box {
      border: 1px solid #FFCC00;
	  background-color: #FFCC00;
	  padding-top: 10px;
	  padding-bottom: 2px;
}

#mtl-nav-box {
      border: 1px solid white;
	  background-color: #FFFFFF;
	  padding: 5px 0px 5px 0px;
	  height: 157px;
}

#mtl-nav-box-2 {
	  padding: 5px 0px 5px 0px;
	  height: 157px;
}

#mtl-nav-box a {
	  font-weight: bold;
}

#mtl-nav-box-2 a {
      font-weight: bold;
}

#mtl-image-box {
      background-image: url(images/family_insert.jpg);
	  background-repeat: no-repeat;
	  background-position: center;
	  height: 458px;
}

#main-top-right {
      background-color: #FFFFFF;
	  margin-left: 326px;
	  /* Adjust the following to set overall page height ... */
	  height: 850px;
}

#mtr-image-box {
}

#more-about-pontins {
      border: 2px solid #FF6600;
	  margin-top: 55px;
	  margin-bottom: 15px;
	  padding: 10px;
}

.banner-construct {
      background-image: url(images/banner_background.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  height: 60px;
}

.banner-text {
      padding: 19px 0px 0px 110px;
	  font-size: 170%;
	  color: #FFFFFF;
}

#yellow-contact {
      background-image: url(images/comms_icon_tiny.gif);
	  background-repeat: no-repeat;
	  background-position: left;
	  padding: 5px 0px 5px 30px;
	  margin: 5px 0px 2px 65px;
	  text-align: left;
}

#footer {
	  height: 10px;
}

#footer-content {
	  background-color: #673090;
	  margin-left: 10px;
	  margin-right: 10px;
	  text-align: center;
	  padding: 10px;
}

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

#SPIRALlogo {
      float: right;
}