@charset "iso-8859-1";

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


/* 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, #webInfo,  #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a
{
	border-color: #465b3c;
}
html, body
{
	/* note that both html and body elements are in the selector.
	 * this is because we have margins applied to the body element
	 * and the HTML's background property will show through if
	 * it is ever set. _DO_NOT_ apply a font-size value to the
	 * html or body elements, set it in #pageWrapper.
	 */
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
.vnav {
}
html{
   background-image: url('../../common/images/seaTurtleWall004.jpg');
   background-attachment: fixed;
   background-repeat: no-repeat;
	background-color: #d6ccb4;
}
#pageWrapper
{
	font-size: 80%;	/* set your default font size here. */
   border: 0;
}
#masthead
{
   background-image: url('../images/banner3.jpg');
   background-repeat: no-repeat;
   height: 60px;
	border: #465b3c 1px solid;
	border-width: 0 0 0px 0px;
	background-color: transparent;
	color: #000;
   text-align: right;
   padding: 60px 30px 0 0;
}
.hnav
{
	background-color: #587e54;
	background-color: #244e20;
	color: #fff;
   border: #465b3c 1px solid;
   border: #000 1px solid;
   border-width: 0 0px 1px 1px;
}
#outerColumnContainer
{
	border-left-color: #c1d6a4;	/* left column background color */
	border-right-color: #d6ccb4;	/* right column background color */
	background-color: #e6e0c9;		/* set the background color for the*/
					   /*middle column here */
}
#innerColumnContainer
{
   /* Outside Border of main Content area */ 
	border: #465b3c 1px solid;
}
#middleColumn, #middleColumn .inside 
{
	border-color: #465b3c;
   overflow: hidden;
}
#middleColumn
{
   background-image: url('../../common/images/h2Green2.gif');
   background-repeat: repeat-x;
   }
.vnav
{
	border: #465b3c 0px solid;
	background-color: #d9d1c2;
	background-color: #d6ccb4;
}
.vnav h2
{
   overflow: hidden;
   background-image: url('../../common/images/dLokArrow3.gif');
   background-repeat: no-repeat;
   height: 35px;
   padding: 4px 0 0 50px;
   font-size: 140%;
   margin:0;
   border-bottom: #465b3c 1px solid;
   color: #000;
}
.vnav ul 
{
	border-color: #465b3c; 
   margin: 0px 0  25px 0;
}

a:link, a:link p, a:active, a:active p
{
   color: #006600;
   font-style: normal;
   text-decoration: underline;
}
a:visited, a:visited p 
{
   color: #003300;
   font-style: normal;
   text-decoration: underline;
}
a:hover, a:hover p
{
   color: #009900;
   font-style: normal;
   text-decoration: underline;
}
a:link img, a:visited img, a:hover img
{
   text-decoration: none;
   font-style: normal;
}
.vnav ul li a:link, .vnav ul li a:active
{
	text-decoration: none;
   font-style: normal;
   padding-left: 50px;
	color: #006600;
}
.vnav ul li a:visited
{
   font-style: normal;
   padding-left: 50px;
	color: #465b3c;
}
#rightColumn .vnav ul li a:link, #rightColumn .vnav ul li a:visited, #rightColumn .vnav ul li a:active
{
   font-style: normal;
}
.vnav ul li a:hover, #rightColumn .vnav ul li a:hover
{
	text-decoration: none;
   font-style: normal;
	background-color: #397238;
	color: #fff;
}
.hnav ul li a:link, .hnav ul li a:visited
{
   font-style: normal;
	background-color: #87b47c;
	color: #000;
}
.hnav ul li a:hover
{
   font-style: normal;
	background-color: #397238;
	color: #fff;
}
.hnav ul li.current {
   font-style: normal;
   background-color: #397238;
   color: #fff;
}
#webInfo a:link, #webInfo a:active
{
   color: #000099;
}
#webInfo a:visited
{
   color: #990000;
}
#webInfo a:hover
{
   color: #0000cc;
}


#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%;
}
#rightColumn .inside .vnav
{
	font-size: 110%;
}
#footer, #webInfo
{
   margin-top: 2em;
   padding: 15px;
	background-color: #587e54;
	color: #fff;
   font-size: 100%;
	text-align: center;
	border: #465b3c 1px solid;
}
#footer p, #webInfo p
{
   margin: 5px;
   padding: 0;
}
#footer p
{
   font-variant: small-caps;
}

p.credits
{
   font-variant: small-caps;
   font-size: 90%;
}

p.pullquote 
{
   margin: 40px 0;
   padding: 5px 3px;
   font-family: cursive;
   font-style: oblique;
   font-size: 110%; 
   border-width: 1px 0;
   border-style: solid;
	border-color: #465b3c;
   text-align: center;
}
p.note
{
   width: 100%;
   text-align: center;
   font-size: 95%;
   color: #465b3c; 
   margin-top: 0;
   padding-top: 0;
}
h1, h2, h3, h4, h5{
   font-family: "Times New Roman", Times, serif;
}
.vnav h2 {
   font-family: Garamond, "Times New Roman", Times,  serif;
   }
#middleColumn h2 {
   width: 90%;
   color: #000;
   padding: 0px 10px 0px 0;
   margin: 0px 0 60px 0;
   display: block;
   }

h3 {
   clear:both;
   border-bottom: #465b3c 1px solid;
   border-bottom: #000000 1px solid;
   width: 400px;
   color: #000000;
}
h4 {
   clear: both;
   color: #336633;
   }
h4, h5 {
   margin-left: 15px;
   }

div.fbox 
{
   float: left;
}
div.fbox, div.fboxRight
{
   margin: 20px 5px;
   text-align: center;
}
div.fboxRight
{
   float: right;
   clear: right;
   margin: 0 0 10px 15px;
}

div.fbox img, div.fboxRight img
{
   border: #000 1px solid;
}
/*div.fbox a:link p, div.fbox a:link p,
div.fbox a:visited p, div.fbox a:visited p*/
div.fbox a:link span,  div.fbox a:active span, div.fbox a:visited span,
div.fboxRight a:link span,  div.fboxRight a:active span,
div.fboxRight a:visited span
{
   display: block;
   text-align: center;
   text-decoration: underline;
   clear: both;
   margin: 0;
   padding: 0;
}

div.fcol
{
   float: left;
}
div.fcol, div.fcolRight
{
   margin: 0px 10px;
   text-align: center;
}
div.fcolRight
{
   float: right;
   margin-right: 20px;
}
div.fcol img, div.fcolRight img
{
   border: #000 1px solid;
}
div.fcol table, div.fcolRight table
{
   margin: 10px 10px;
}
div.newsCol 
{
   float: left;
   width: 45%;
   min-height: 450px;
   margin: 2px;
   padding: 5px;
   border: #465b3c 1px solid;
   border: #000 1px solid;
   border-width: 0 1px 1px 0;
}
span.caption {
  font-style: italic; 
  margin: 0;
  padding: 0;
  }
 
table.ruled
{
	border-color: #465b3c;
   border-style: dotted;
   border-width: 0px 0 0 0px;
   background-color: #000;
   margin: 0 15px 0 0;
}
table.ruled th, table.ruled td 
{
	border-color: #465b3c;
   border-style: dotted;
   border-width: 0 0px 0px 0;
   background-color: #e6e0c9;
   padding: 0 0px 0px 0;
   text-align: center;
}
img.center
{
width: 400px;
margin: 0 auto;
border: #030 1px solid;
}
table.trans
{
   background: transparent;
}
table.trans th
{
   padding: 15px 5px 2px 5px;
   font-weight: bold;
   text-align: center;
}
table.trans td
{
   padding: 0px 3px;
   font-weight: normal;
   text-align: left;
}
div.hrTop, div.hrBottom
{
  height: 30px;
  /*width: 50px;*/
  margin: auto;
  background-repeat: no-repeat;
  text-align: center;
}
div.hrTop {
  /*background-image: url('../../common/images/flourish3.png');*? 
}
div.hrBottom {
  /*background-image: url('../../common/images/flourish4.png'); */
}
div.hrTop hr, div.hrBottom hr
{
   color: #000;
   background-color: #000;
   height: 3px;
}
/******************************************************************************/