/*******************************************************************************
*  skidoo_too.css : 2005.05.03
* -----------------------------------------------------------------------------
*  A remake of the skidoo layout with the middle column appearing first in
*  source ordering.
*******************************************************************************/

/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */

.clear
{
  clear: both;
}
.hide
{
  display: none;
}
.inside
{
  /* glitch in IE caused by vertical padding in this class, so 0 padding is
   * set here and those blocks that need the vertical padding must be 
   * applied to the parent element. the purpose of this class is to provide
   * horizontal padding without using hacks to get around IE's broken box 
   * model. so it's okay to apply vertical padding to the parent element, 
   * just not horizontal padding.
   */
  padding: 0 1em;
}
html[xmlns] .mozclear
{
  /* this selector should be valid CSS, but Opera 7.5 (and above) will pick
   * this up as well. Shouldn't be a problem, Opera should handle this fine,
   * but it's a Mozilla-targeted hack, and it should probably only affect
   * mozilla. You can do that by replacing the INVALID CSS selector
   * :root .mozclear for what's given here.
   */
  border-bottom: 1px solid;
  border-color: transparent;
  margin-bottom: -1px;
  background-color:#031F37;
}

/* margin values and font sizes for headings, and margins on paragraphs
 * and lists are not consistent across browser platforms. to achieve a
 * consistent look we need to explicity set these values here. it may
 * seem an odd way to declare the margins like this but you never
 * know what kind of horizontal padding a browser may be using on an
 * element, and I only want to change the vertical padding.
 *
 * pixels are used here, rather than ems, because I want a consistent
 * margin on the different headings. if I use ems, 1em for an h1 element
 * is much larger than 1em on an h6 element. I don't wnat this.
 *
 * salt to taste
 */

ol, dl, h1, h2, h3, h4, h5, h6
{
  font-family:  verdana, arial, helvetica, sans-serif;
  margin-top: 14px;
  margin-bottom: 14px;
  padding-top: 0;
  padding-bottom: 0;
  color: #182C82;

}
img
{
border:none
}
p
{
  font-family:  verdana, arial, helvetica, sans-serif;
  margin-top: 14px;
  margin-bottom: 14px;
  padding-top: 0;
  padding-bottom: 0;
}

.bld
{
  float: left;

}
.below
{
  font-family:  verdana, arial, helvetica, sans-serif;
  font-size:10px;
  padding-top: 0;
  padding-bottom: 0;
  clear:left;
}
.bld img
{
  padding-right: 4px;
  margin: 2px;
  border:none;
  width:250px;
  height:150px;

}

.central
 {
  text-align:center;

  background-color:#031F37;
}
ul
{
 margin-left:4px;
 list-style:none;
}

p
{

 font-family:  verdana, arial, helvetica, sans-serif;
}

h1
{
  font-size: 180%;
}
h2
{
  font-size: 160%;
  border-bottom: 1px solid #4B6EA8;
}
h3
{
  font-size: 120%;
  margin-bottom: 0px;
}
h4
{
  font-size: 130%;
}
h5
{
  font-size: 100%;
}
h6
{
  font-size: 70%;
}

/* alter some HTML elements' default style
 */

a, a:link, a:visited, a:active
{
  text-decoration: underline;
  border:none;
}
a:hover
{
  text-decoration: none;
}
code
{
   FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}
.standout
{
  background: #F8F4EB;
  border:#19169E solid 1px;
  padding:6px;
  font-size:12px;
  font-family:  verdana, arial, helvetica, sans-serif;
  text-align: justify;
}
#intro
 {
  font-size:12px;
  font-family:  verdana, arial, helvetica, sans-serif;
  text-align: justify;
  font-weight: bold;
  color:#182C82;
}

label
{
  cursor: pointer;
}
table
{
  font-size: 100%;
}
td, th
{
  vertical-align: top;
}

/* now we craft the core layout of the page. this includes positioning and
 * gutter space. colors and fonts should not come into play at this point.
 * when defining a border, default its color to white which is probably
 * the safest thing to do.
 */

body
{
  padding: 20px 0;
  margin: 0;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  background-color:#031F37;
}
#pageWrapper
{
  border: none;
  border-width: none;
  margin: 5% 8%;    /* set side margins here 'cause IE doesn't like it set
           on the body element */
  min-width: 38em;  /* IE doens't understand this property. I use ems rather
           than pixels so that the layout shouldn't break even
           when the browser's default size is set very large */
  width: auto;
  background-color:#031F37;
}
* html #pageWrapper
{
  /* \*/
    word-wrap: break-word;
  /* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}

#masthead
{
  border: none;

  padding: 0em;
  BACKGROUND: #031F37;
  MARGIN: auto;
  POSITION: relative;
  COLOR: #566047;
  FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
  TEXT-ALIGN: center;
  height:80px;


}

#outerColumnContainer
{
  /* reserves space for the left and right columns. you can use either
   * padding, margins, or borders, depending on your needs. however you
   * can use the border method to create a background color for both left
   * and right columns
   */
  border-left: solid 14em #fff;
  border-right: solid 14em #fff;
}
#innerColumnContainer
{
  border: none;

  margin: 0 -1px;    /* compensate for the borders because of
           100% width declaration */
  width: 86%;
  z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap
{
  overflow: visible;  /* fix for IE italics bug */
  position: relative;  /* fix some rendering issues */
}
#SOWrap
{
  float: left;
  margin: 0 -1px 0 0;
  width: 100%;
  z-index: 3;
}
#middleColumn
{
  float: right;
  margin: 0 0 0 -1px;
  width: 100%;
  z-index: 5;
}
#left
{
 position: relative;
 padding-right:5px;
}

#nav {
   border:none;
}
#nav TD {
  BORDER:none;   FONT-SIZE: 120%;  TEXT-ALIGN: center
}
#nav TD #active {
 BACKGROUND: #346C7F; COLOR: #fff; TEXT-DECORATION: none
}
#nav TD A {
  PADDING-RIGHT: 14px; DISPLAY: block; PADDING-LEFT: 14px; BACKGROUND: #7697A2; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; TEXT-DECORATION: none
}
#nav TD A:link {
  FONT-WEIGHT: 100%; COLOR: #fff; TEXT-DECORATION: none
}
#nav TD A:visited {
  COLOR: #fff; TEXT-DECORATION: none
}
#nav TD A:hover {
  BACKGROUND: #346C7F; COLOR: #fff; TEXT-DECORATION: none
}
#nav TD A:active {
  BACKGROUND: #346C7F; COLOR: #fff; TEXT-DECORATION: none
}
#one A:link {
  BORDER-LEFT: #a1a5a9 1px solid
}
#one A:visited {
  BORDER-LEFT: #a1a5a9 1px solid
}

UL {

margin: 2px;
padding: 2px;

}
li {
font-size:14px;
 font-stretch:30%;
 font-weight:normal;
 color: #868D93;
 line-height: 125%;
 padding:3px;
 margin:3px;
 text-decoration:none;
 text-align:left;
}
li a {
text-align:left;
font-size:130%;
 font-stretch:30%;
 font-weight:900;
 color: #868D93;
 line-height: 125%;
 font-weight:700;
 text-decoration:none;

}



UL p {
 text-align:left;

}


#left p
{

 text-align:right;
 font-size:14px;
 font-stretch:15%;
 font-weight:bold;
 color: #868D93;
 line-height: 170%;
  letter-spacing: 0.0em;
  word-spacing: 0em
}
#left h1
{

 text-align:right;
 margin-top:0px;
 padding-top:0px;
}

#left #MD
{
 margin-top:0px;
 text-align:right;
 font-size:14px;
 font-stretch:15%;
 font-weight:bold;
 color:#fff;
 padding-top:0px;
}



#right
{
  padding-left:5px;

}

#right p
{

 text-align:right;
 font-size:12px;
 font-stretch:30%;
 font-weight:normal;
 color: #868D93;
 line-height: 125%;
 font-weight:700;

}
#right h2
{
 margin-top:0px;
 text-align:right;
 font-size:14px;
 font-stretch:15%;
 font-weight:bold;
 color:#fff;
 padding-top:0px;
 border-bottom:none;
}

#right h3
{
 margin-top:0px;
 text-align:right;
 font-size:14px;
 font-stretch:15%;
 font-weight:bold;
 color:#00ADE8;
 padding-top:0px;
 padding-bottom:15px;
 border-bottom:none;
}
h4 {
 margin-top:0px;
 text-align:center;
 font-size:25px;
 font-stretch:15%;
 font-weight:bold;
 color:#00ADE8;
 padding-top:0px;
 padding-bottom:15px;
 border-bottom:none;
}
#right #MD
{
 margin-top:0px;
 display: inline ;
 font-size:14px;
 font-stretch:15%;
 font-weight:bold;
 color:#fff;
 padding-top:0px;
}

#footer
{
  margin-top:15px;
  border-top: solid 2px #fff;
  border-width: 1px 0;
  padding: 0.5em;
}

#footer p
{
  margin-top:5px;
  font-weight:normal;
 color: #868D93;
 line-height: 135%;
}


body
{
  font-size: 100.1%;
}
html>body
{
  /* Opera's default font size is typically 10% smaller than IE or Mozilla
   * so we correct for this here, since we're using percentages 
   * everywhere. And we do this because pixel-based fonts don't resize
   * under IE/Win and percentages/ems are essentially the same, and I like
   * percentages for fonts.
   */
  font-size: 110%;
}
body:last-child, * html body
{
  /* of course the previous selector for Opera's fix is caught by more 
   * than a few other browsers, so we reset that value here.
   */
  font-size: 100.1%;
}

/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font scemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.  
 */

#pageWrapper, #masthead, #innerColumnContainer,  .vnav ul, .vnav ul li, .hnav, .hnav ul li a
{
  border-color: #031F37;
}
body
{
  background-color: #031F37;
  color: #000;
  font-family:  verdana, arial, helvetica, sans-serif;

}
#pageWrapper
{
  font-size: 80%;  /* set your default font size here. */
}
#masthead
{
  background-color: #031F37;
  color: #fff;
}
#masthead .img
{
  background-color: #031F37;
  width: 500px;
  margin: 0px;
}
#masthead .logo
 {
  /* if you apply a font size to just #rightColumn, then its width,
   * which is specified in EMs, will also be affected. you don't want
   * that. so apply font size changes to the .inside element which exists
   * inside underneath all three columns
   */
  width: 10px;
  background-color: #031F37;
}

#rightColumn .inside
{
  /* if you apply a font size to just #rightColumn, then its width,
   * which is specified in EMs, will also be affected. you don't want
   * that. so apply font size changes to the .inside element which exists
   * inside underneath all three columns
   */
  font-size: 90%;

}
#footer
{
  background-color: #031F37;
  color: #fff;
  text-align: center;

}
table.sample {
  border-width: 0px;
  border-spacing: ;
  border-style: outset;
  border-color: none;
  border-collapse: separate;
  background-color: transparent;
}
table.sample th {
  border-width: 0px;
  padding-top: 0px;
  margin-top: 0px;
  border-style: inset;
  border-color: none;
  background-color: none;
  -moz-border-radius: ;
}
table.sample img {
  border-width: 0px;
  padding-top: 0px;
  margin-top: 0px;
  border-style: inset;
  border-color: none;
  background-color: none;
  -moz-border-radius: ;
}
table.sample td {
  border-width: 0px;
  padding: 1px;
  border-style: inset;
  border-color: none;
  background-color: transparent;
  -moz-border-radius: ;
}

/******************************************************************************/