@charset "iso-8859-1";

/*******************************************************************************
*  skidoo_too_theme.css : 2004.10.19
* ------------------------------------------------------------------------------
*  a theme to accompany the skidoo_too_base.css stylesheet
*
*  this theme recreates the original skidoo's border into masthead demo
*******************************************************************************/

#bodyWrapper, #pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a {
  border-color: #fffff0;  /* all cell borders */
}

body {
   background-color : #ada96e;
   color : #000;
}

#pageWrapper {
  font-size: 80%;	/* set your default font size here. */
  border-color: #664;  /* l,b,r borders; should match masthead's background color */
  border-width: 0 5px 5px 5px;
  background-color: transparent;
}

#masthead {
  border: none;
  margin: 0 -5px;
  background-color: #664;	/* should match pageWrapper's border color */
  color: #fff;
}

.hnav {
  background-color: #336;  /* horizontal navigation bar - Netscape  */
  color: #fff;
  border-style: solid;
  border-width: 1px;
}

#bodyWrapper {
  border-style: solid;
  border-width: 0 1px;
}

#outerColumnContainer {
  border-left-color: #ccc68e;	/* left column background color */
  border-right-color: #000;	/* right column background color */
}

#innerColumnContainer, #middleColumn {
  background-color: #fffff0;
  color: #000;
}

#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 {
  border-width: 1px;
  text-align: center;
  border-bottom: solid 1px #997;
  background-color: #664;
  color: #fff;
}

.hnav {
  background-color: #885;  /* horizontal navigation bar - ie6  */
  color: #fff;
} 

.hnav ul li a {
  background-color: #885; /* horizontal navigation menu */
  color: #fffff0;
}

.hnav ul li a:hover {
  background-color: #885;  /* hover over horizontal navigation menu */
  color: #ff0;
}

#leftColumn .vnav ul li a, #rightColumn .vnav ul li a {
  background-color: #885;  /* left column, vertical navigation menu */
  color: #fffff0;
}

#leftColumn .vnav ul li a:hover, #rightColumn .vnav ul li a:hover {
  background-color: #885;  /* left column, hover over vertical navigation menu */
  color: #ff0;
}

.images {
  text-align : center;
}

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