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

body {
      /* typography */
      color: #666666;
      font-family: Verdana, Geneva, Ariel, sans-serif;
      font-size: small;
	  text-align: left;
	  
	  /* colour */
	  background-color: #689AFF;
}

h1 {
  font-size: 120%;
}

h2 {
  font-size: 115%;
}

h3 {
  font-size: 110%;
}

a {
   text-decoration: none;
}

#sect-what-you-get-wide h1 {
  font-size: 100%;
}

#sect-what-you-get-wide h2 {
  font-size: 100%;
}

#sect-what-you-get-wide p {
  font-size: 80%;
}

#top-nav a {
      color: white;
	  position: relative;
	  top: -10px;
	  padding: 0px 5px 0px 5px;
}

#top-nav a:hover { color: #333333 }

#left_banner_content a {
	color: #333;
}

#left_banner_content a:hover { color: white }


#top_cont_bann_offer_text a {
   color: #3C0;
}

#top_cont_bann_offer_text a:hover { color: #360 }

.sect-mid-text a {
      color: #000;
	  font-weight: bold;	
}

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

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

#top-container {
      position: relative;
	  width: 100%;
	  background-image: url(images/shadow_bck_995_pixel.gif);
	  background-repeat: repeat-y;
	  background-position: top left;     
}

#logo {
      float: left;
	  margin: 20px 0px 0px 18px;
}

#top_container_right {
      float: right;
	  margin: 5px 19px 0px 0px;
	  text-align: right;
}

#top_container_banner {
	  float: right;
      margin: 10px 0px 0px 0px;
	  height: 60px;
	  width: 468px;
	  background-image: url(images/top_banner_home.gif);
	  background-repeat: no-repeat;
	  background-position: top left;     
}

#top_container_banner_content {
	  text-align: left;
	  color: #000;
      margin: 2px 77px 0px 5px;
}

#top_cont_bann_offer_text {
	  padding: 0px 40px 0px 167px;
	  height: 20px;
}

#top_container_right h1 {
      font-size: 100%;
	  font-weight: bold;
}

#top-nav {
      clear: both;
	  text-align: center;
	  vertical-align: middle;
	  color: white;
	  font-weight: bold;
	  font-size: 100%;
	  margin: 0px 0px 0px 13px;
	  padding: 13px 0px 10px 0px;
	  background-image: url(images/menu_bar_bck_orange.jpg);
	  background-repeat: no-repeat;
	  background-position: top left;     	  
}

#top-container-bottom {
      position: relative;
	  width: 100%;
	  margin: 0px 0px 5px 0px;
	  background-image: url(images/shadow_bck_995_bottom.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
	  height: 8px;   
}

#container {
      position: relative;
	  width: 100%;
}

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

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

.text_link a:link {
      font-size: 120%;
	  font-weight: bold;
	  color: #336699;
}

.text_link a:visited {
      font-size: 120%;
	  font-weight: bold;
	  color: #336699;
}

.text_link a:hover {
      color: #CC0000;
	  text-decoration: underline;
}

#main-area {
}

#main-top-left {
	  text-align: center;
	  width: 120px;
	  float: left;
	  margin: 5px 0px 0px 7px;
}

.left_banner_container {
      margin: 0px 0px 8px 0px;
}

#left_banner {
	  height: 600px;
	  width: 120px;
	  background-image: url(images/left_banner_home.gif);
	  background-repeat: no-repeat;
	  background-position: top left; 
}

#left_banner_content{
	  padding: 160px 10px 10px 10px;	
}

.right_banner_container {
      margin: 8px 0px 0px 0px;
}

#main-top-right {
	  text-align: center;
	  width: 309px;
	  float: right;
}

#trub-top {
      height: 9px;
	  background-image: url(images/300w_shadowed_box_top.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

#trub-mid {
	  background-image: url(images/300w_shadowed_box_mid.gif);
	  background-repeat: repeat-y;
	  padding: 10px 10px 10px 10px;
}

#trub-quote-pt1 {
	  background-image: url(images/quote_left.gif);
	  background-repeat: no-repeat;
	  background-position: top left;
	  padding: 5px 5px 0px 5px;
	  color: #000000;
}

#trub-quote-pt2 {
	  background-image: url(images/quote_right.gif);
	  background-repeat: no-repeat;
	  background-position: bottom right;
	  padding: 0px 5px 5px 5px;
	  color: #000000;	  
}

#trub-bottom {
      height: 9px;
	  background-image: url(images/300w_shadowed_box_bottom.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

.trub-top-white {
      height: 9px;
	  background-image: url(images/300w_shad_box_top_white.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

.trub-mid-white {
	  background-image: url(images/300w_shad_box_mid_white.gif);
	  background-repeat: repeat-y;
	  padding: 10px 10px 10px 10px;
}

.trub-bottom-white {
      height: 9px;
	  background-image: url(images/300w_shad_box_bottom_white.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}



#main-mid {
	  margin: 0px 315px 0px 138px;
	  padding: 0px 0px 0px 0px;
}

#mmb-top {
      height: 9px;
	  background-image: url(images/542w_shadowed_box_top.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

#mmb-mid {
      /**** The Main Middle Box ****/
	  background-image: url(images/542w_shadowed_box_mid.gif);
	  background-repeat: repeat-y;
}

#mmb-bottom {
      height: 10px;
	  background-image: url(images/542w_shadowed_box_bottom.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

#top-main-splash {
      text-align: center;
	  padding: 1px 0px 0px 0px;
}

.sect-top-522 {
      /* border: 1px solid black; */
	  margin: 0px 0px 0px 9px;
	  padding: 7px 0px 1px 15px;
	  color: #333333;
	  font-weight: bold;
	  background-image: url(images/522w_sect_box_top.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

.sect-mid-522 {
	  margin: 0px 0px 0px 9px;
	  background-image: url(images/522w_sect_box_mid.gif);
	  background-repeat: repeat-y;
}

.sect-mid-522-content {
      padding: 5px 10px 5px 10px;
}

.sect-mid-text {
      padding: 0px 14px 0px 2px;
}

.sect-mid-522-content-banner {
	  padding: 5px 0px 0px 16px;
}


.sect-bottom-522 {
	  margin: 0px 0px 0px 9px;
	  padding: 0px 0px 5px 0px;
	  height: 10px;
	  background-image: url(images/522w_sect_box_bottom.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

.split-522-left {
      /* 251 wide */
	  margin: 0px 262px 0px 0px;
}

.split-522-right {
      /* 251 wide */
	  float: right;
	  width: 245px;
	  margin: 0px 12px 0px 0px;
	  padding: 0px 0px 0px 5px;
}

/* ------------------------------------------ */

.sect-mid-251-top {
	  height: 8px;
	  background-image: url(images/251w_sect_box_top.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

.sect-mid-251-mid {
	  background-image: url(images/251w_sect_box_mid.gif);
	  background-repeat: repeat-y;
}

.sect-mid-251-bottom {
	  height: 8px;
	  background-image: url(images/251w_sect_box_bottom.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

/* ------------------------------------------ */

.sect-mid-500-top {
	  height: 8px;
	  background-image: url(images/500w_sect_box_top.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

.sect-mid-500-mid {
	  background-image: url(images/500w_sect_box_mid.gif);
	  background-repeat: repeat-y;
}

.sect-mid-500-bottom {
	  height: 8px;
	  background-image: url(images/500w_sect_box_bottom.gif);
	  background-repeat: no-repeat;
	  background-position: top left;  
}

.sect-mid-500-content {
      margin: 0px 6px 0px 0px;
}

.sect-mid-500-image {
      float: left;
	  margin: 0px 0px 0px 6px;
}

.sect-mid-500-text {
      margin: 0px 10px 0px 70px;
}


/* ------------------------------------------ */


.sect-mid-251-content {
      margin: 0px 6px 0px 0px;
}

.sect-mid-251-image {
      float: left;
	  margin: 0px 0px 0px 6px;
}

.sect-mid-251-text {
      margin: 0px 0px 0px 70px;
	  padding: 0px 0px 5px 0px;
}

.twitter-right {
      margin: 10px 0px 0px 5px;
}

#footer-content {
      clear: both;
	  color: white;
	  margin: 20px 0px 0px 0px;
	  text-align: center;
	  padding: 10px;
}