@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: #000;
}
body
{
	background-color: #fff;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper
{
	font-size: 80%;	/* set your default font size here. */
	border-color: #333;	/* should match masthead's background color */
	border-width: 0 5px 5px 5px;
	background-color: transparent;
}
#masthead
{
	border:thick;
	border-color:#333333;
	margin: 0 -5px;
	background-color: #edeef2;	/* should match pageWrapper's border color */
	color: #fff;
}
.hnav
{
	background-color: #aba;
	color: #fff;
	border-style: solid;
	border-width: 1px;
}
#bodyWrapper
{
	border-style: solid;
	border-width: 0 1px;
}
#outerColumnContainer
{
	border-left-color: #6f8a9f;	/* left column background color */
	border-right-color: #6f8a9f;	/* right column background color */
}
#innerColumnContainer, #middleColumn
{
	background-color: #ffe;
	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;
}
#footer, .hnav, .hnav ul li a
{
	background-color: #fff;
	color: #333;
}
.hnav ul li a:hover
{
	background-color: #edb;
	color: #300;
}
#leftColumn .vnav ul li a, #rightColumn .vnav ul li a
{
	background-color: #a85;
	color: #fff;
}
#leftColumn .vnav ul li a:hover, #rightColumn .vnav ul li a:hover
{
	background-color: #edb;
	color: #300;
}

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