@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, #contentWrapper, #masthead, #innerColumnContainer, #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.
	 */
	/*background-color: #e6e5ca;*/
	color: #000;
	font-family: arial, helvetica, sans-serif;
}
html{
   background-image: url('../common/images/seaTurtleWall004.jpg');
   background-attachment: fixed;
   background-repeat: no-repeat;
	background-color: #d6ccb4;
}
#pageWrapper
{
	font-size: 115%;	/* set your default font size here. */
}
#masthead
{
	background-color: #466342;
	color: #fff;
}
.hnav
{
   border-top: #465b3c 1px solid;
	background-color: #587e54;
	color: #fff;
}
#outerColumnContainer
{
	border-left-color: #c1d6a4;	/* left column background color */
	border-right-color: #c1d6a4;	/* right column background color */
	background-color: #c1d6a4;    /*middle column here */
}
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
	text-decoration: none;
	background-color: #87b47c;
	color: #000;
}
#rightColumn .vnav ul li a:link, #rightColumn .vnav ul li a:visited, #rightColumn .vnav ul li a:active
{
	background-color: #ded;
}
.vnav ul li a:hover, #rightColumn .vnav ul li a:hover
{
	text-decoration: none;
	background-color: #397238;
	color: #fff;
}
.hnav ul li a:link, .hnav ul li a:visited
{
	background-color: #87b47c;
	color: #000;
}
.hnav ul li a:hover
{
	background-color: #397238;
	color: #fff;
}

#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
	 */     
}
#rightColumn .inside .vnav
{
	font-size: 110%;
}
#banners
{
height: 200px;
width:800px;
}
#footer
{
   margin-top: 02em;
   padding: 15px;
	background-color: #587e54;
	color: #fff;
   font-size: 70%;
	text-align: center;
}
#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: 20px 0 0 0;
   padding: 5px 3px;
   font-family: cursive;
   font-style: oblique;
   font-weight: bold;
   font-size: 100%; 
   border: #465b3c 1px solid;
   border-width: 1px 0;
   text-align: center;
   color: #000000;
   }

iframe 
{
   width: 500px;
   height: 300px;
   border-width: 0;
   }

#catalogSeal {
   width: 202px;
   /*height: 218px;*/
   display: inline;
   margin-left: 100px;
   /* background-image: url('../common/images/OurCatalogStar.png');
   background-repeat: no-repeat; */
	/*background-color: #d6ccb4;*/
   }
#catalogSeal img {
   float:left;
   border: 0;
   margin-top: 15px;
   padding-left:20px;

   }
#catalogSeal span {
   display: none;
   }
#toysForTots img {
   float:none;
   border: 0;
   margin-top: 10px;
   padding-left:20px;
   clear: both;
   }
#toysForTots span {
   display: none;
   }
   
#contractorBanner {
   width: 400px;
   height: 200px;
   float: left;
   /* background-image: url('../common/images/banner.png');
   background-repeat: no-repeat; */
	/*background-color: #d6ccb4;*/
   }
#contractorBanner img {
   border: 0;
   }
#contractorBanner span {
   display: none;
   };



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