/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }
/* ======================================================*/
/* Standard settings for FSNB website */
h1, h2, h3, h4 {
  color: #000000;
  font-family:  verdana,arial,helvetica,sans-serif;
}

h1 {
  font-size: 20px;
  background-color: #c82b33;
  margin-bottom: 0px;
  font-style: italic;
  font-weight: normal;
}

h4 {
  font-size: 20px;
  background-color: #ffffff;
  margin-bottom: 0px;
  font-style: italic;
  font-weight: normal;
  text-align: center;
  color: #c82b33;
}

h2 {
  color: #297CC2;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 0px 0px 0px 0px;
}

h3 {
  color: #297CC2;
  font-size: 12px;
  margin-bottom: 5px;
  padding: 5px 0px 0px 0px;
}

body {
  color: #000000;
  font-size: 11px;
  font-family: verdana,arial,helvetica,sans-serif;
  text-align: left;
  scrollbar-arrow-color: #297CC2;
  scrollbar-3dlight-color: #297CC2;
  scrollbar-darkshadow-color: #194C79;
  scrollbar-face-color: #349EFA;
  scrollbar-highlight-color: #194C79;
  scrollbar-shadow-color: #349EFA;
}

p, td, th, div, blockquote, dl, ul, ol {
  font-size: 11px;
  font-family: verdana,arial,helvetica,sans-serif;
  }

a:link , a:visited{
  text-decoration: none;
  color: #297CC2;
  font-size: 11px;
}

a:hover, a:active
{
  text-decoration: none;
  color: #706482;
  font-size: 11px;
}

/* Page Demarcation */

#wrapper {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  text-align: left;
  float: center;
}

#mainContent {
  float: left;
  width: 700px;
  height: 350px;
  margin: 0px 0px 0px 25px;
  overflow: auto;
}
/* for IE6 and below */
* html #mainContent {
  height: 500px;
}

#mainContent  p
{
  margin: 0 0px 5px 0;
}


#mainContent .leftBoxText {
   float: left;
   width: 340px;
   min-height: 240px;
   margin-top: 10px;
   text-align: left;
   font-size: 11px;
}

#mainContent .leftBoxText p{
  margin: 7px 0px 10px 0px;
}

#mainContent .rightBoxText {
   float: right;
   width: 340px;
   min-height: 240px;
   margin-top: 10px;
   background: #FFFFFF;
   color: #000000;
   text-align: left;
   font-size: 11px;
}

#mainContent .rightBoxText p{
  margin: 7px 0px 10px 0px;
}

#mainContent .rightBox{
   float: right;
   width: 200px;
   margin: 0px 5px 0px 0px;
   padding: 0px 5px 5px 5px;
   text-align: left;
   border: solid 1px #c82b33;
}

#mainContent .rightBox h2 {
   color: #c82b33;
   font-size: 14px;
}

#mainContent .rightBox p {
   color: #000000;
   font-size: 12px;
}

#mainContent .wideRightBox{
   float: right;
   width: 340px;
   margin: 0px 5px 0px 0px;
   padding: 0px 5px 5px 5px;
   text-align: left;
   border: solid 1px #c82b33;
}

#mainContent .wideRightBox h2 {
   color: #c82b33;
   font-size: 12px;
}

#mainContent .wideRightBox p {
   color: #000000;
   font-size: 10px;
}

#mainContent .centerImage {
   float: right;
   width: 650px;
   padding: 10px;
   margin: 10px;
   text-align: center;
   font-size: 11px;
}

#mainContent .centerImage h2{
   text-align: center;
   font-size: 11px;
}

#mainContent .centerImage h3{
   text-align: center;
   font-size: 11px;
}

#mainContent .subsect li {
  margin-left: 20px;
  padding-left: 2px;
  list-style-type: circle;
}

#mainContent a:link , a:visited
{
  text-decoration: none;
  color: #297CC2;
  font-size: 11px;
}

#mainContent a:hover , a:active
{
  text-decoration: none;
  color: #c82b33;
  font-size: 11px;
}

#banner {
  height:195px;
  background:  #c82b33 url("media/bar.jpg") left bottom repeat-x ;
  }

/* hide from ie on mac \
html {
      height: 100%;
      overflow: hidden;
}                       */

#flashcontent {
        float: center;
        width: 425px;
	height: 400px;
	margin: 10px;
	}

/* end hide */

/* Individual paragraph variations */
.footer {
  clear: both;
  font-size: 11px;
  text-align: center;
  width: 100%;
  height: 5px;
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid  #c82b33;
}

.footer a:link, a:visited  {
  text-decoration: none;
  font-size: 11px;
  color: #297CC2;
}

.footer a:hover, a:active  {
  text-decoration: none;
  font-size: 11px;
  color: #c82b33;
}

.quote {
 float: right;
 width: 140px;
 color: #ffffff;
 padding: 5px 5px 5px 5px;
 background-color: #c82b33;
 text-align: center;
 margin-right: 20px;
 padding-right: 20px;
}

.quote p {
  font-size: 14px;
}

.widequote {
 float: center;
 width: 320px;
 color: #ffffff;
 padding: 5px 5px 5px 5px;
 background-color: #c82b33;
 text-align: center;
}

.widequote p {
  font-size: 14px;
}

/* Tabbed Navigation*/

.nav{
  position: relative;
  top: -30px;
  float: left;
  margin: 0px 2px 0px 20px;
  text-align: left;
}

ul.nav {
  width: 100%;
  margin: 0;
  list-style:none;
}

ul.nav li  {
      display:inline;
      margin:0;
      padding:0;
}

ul.nav a {
      float:left;
      margin:0;
      padding:0 0 0 10px;
      text-decoration: none;
}

ul.nav a span {
      float:left;
      display:block;
      padding:5px 10px 0px 0px;
      margin-left: 10x;
      color:#c82b33;
      font-family:  verdana,arial,helvetica,sans-serif;
      font-weight: bold;
      text-decoration: none;
}

ul.nav a span {float:none;
      text-decoration: bold;
      font-size: 15px;
      }

ul.nav a:hover span {
      color:#297CC2;
      text-decoration: none;
      }