/* ****************************************************************
*   Copyrighted Material:
*
*   This document is confidential and proprietary information of
*   Silverbrooke Designs, LLC.
*   Copying, reproducing, or infringement in any form, by any means,
*   in whole or in part, or use for any purpose other than that for
*   which it is expressly provided without the written permission of
*   Silverbrooke Designs, LLC. will constitute copyright infringement.
*
*   Copyright (c) 2007 Silverbrooke Designs, LLC. All Rights Reserved
*                                                                         
* ******************************************************************
* Modification History
* 9/7/2007 - Original version
*/

body {
  background: #6D9199 url(images/bg_grad1.png) top left repeat-x;
  text-align: center;
  min-width: 757px;
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
  color: #CCFFFF;
}
h1, h2, h3 {
   font-family: Papyrus, fantasy;
}
h1 {
   font-size: 2.5em;
   margin: 0;
   padding: 0;
}
h2 {
   font-size: 125%;
}
h2 a, h3 a {
   text-decoration: none;
}
h3 {
   font-size: 110%;
}
a:active, a:focus, input[type="image"] {
   outline: 0;
}
#page {
   position: relative;
   margin: 0 auto;
   padding: 0;
   text-align: left;
   width: 757px;
   height: 555px;
}
#header {
   position: relative;
   background-color: #000000;
   /*min-height: 75px;*/
   min-height: 4.75em;
   z-index: 1;
}
/* IE fix for min-height deficiency */
* html #header {
   /*height: 75px;*/
   height: 4.75em;
}
#header h1 {
   text-indent: -5000px;
   margin: 0;
   padding: 0;
}
#header h1 a:link, #header h1 a:visited {
   text-decoration: none;
   color: #CCFFFF;
   /*margin-left: 4px;*/
}
img.logo {
  position: absolute;
  top: 3px;
  left: 8px;
  height: 3.5em;
  width: 27.3em;
  border: none;
  margin: 0;
  padding: 0;
}
.menu {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  float: right;
  z-index: 10;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
  font-size: 85%;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
  list-style: none;
  float:left;
  position:relative;
  margin: 0;
  padding: 0;
}
/* style the links for the top level */
.menu a, .menu a:visited {
  display: block;
  text-decoration: none;
  color: #FF6DFF;
  padding:0px 5px 0px 15px;
  margin: 0;
  float: left;
}
/* style the second level background */
.menu ul a.drop, .menu ul a.drop:visited {
  background-color: #000000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:1.25em;
  left:0;
  background-color: #000000;
  margin: 0;
  padding: 0;
}
/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
  position:absolute;
  top:0;
  left:0;
  border-collapse:collapse;
}
/* style the second level links */
.menu ul a, .menu ul a:visited {
  color: #FF6DFF;
  width:9em;
  background-color: #000000;
  height: auto;
  margin: 0 0 0 5px;

}
/* make the second level visible when hover on first level list OR link */
.menu li:hover ul, .menu a:hover ul {
  visibility:visible;
  height:auto;
}
/* style the top level hover */
.menu a:hover {
   background-image: url(images/tri_right_pink.png);
   background-repeat: no-repeat;
   background-position: left;
   text-decoration: underline;
}
#footerwrapper {
   margin: 4px 0 8px 0;
   padding: 0;
   clear: both;
}
#footer {
   margin: 0;
   padding: 0;
   background-color: #000;
   text-align: right;
}
#footer .sbimage {
   margin: 0 0 0 4px;
   padding: 0;
   float: left;
   background-color: #000;
}
#footer .sbtext {
   margin: 0 4px 0 0;
   padding: 0;
   min-height: 35px;
   font-size: 78%;
   letter-spacing: 0.05em;
   line-height: 1.1em;
   background-color: #000;
}
/* IE fix for min-height deficiency */
* html #footer .sbtext {
   height: 35px;
}
#footer .copyright {
   font-size: 75%;
   letter-spacing: 0.01em;
}
b.rtop, b.rbottom {
   display:block;
}
#headerwrapper b.rtop {
   margin-top: 8px;
}
b.rtop b, b.rbottom b {
   display:block;
   height: 1px;
   overflow: hidden;
   background-color: #000;
}
b.r1 {
   margin: 0 5px;
}
b.r2 {
   margin: 0 3px;
}
b.r3 {
   margin: 0 2px;
}
b.rtop b.r4, b.rbottom b.r4 {
   margin: 0 1px;
   height: 1px;
}
.superscript{
	font-size:xx-small;
	vertical-align:top;
}
.subscript{
	font-size:xx-small;
	vertical-align:bottom;
}
div.spacer {
	clear: both;
}