@charset "iso-8859-1";

/*******************************************************************************
*  bcw_theme.css : 2006.10.16
* -----------------------------------------------------------------------------
*  A remake of the skidoo_too layout with the theme separated from the base stylesheet.
*******************************************************************************/

/* everything on this sheet 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. It also allows for the php color swicther to be intalled.
 */

#pageWrapper, #masthead, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a
{
	border-color: #565;
}
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: #eee;
	color: #000;
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper
{
	font-size: 90%;	/* set your default font size here. */
}
#masthead
{
	background-color: #898;
	background-image: url("sunset_beach_title.jpg");
	background-position: 110% 70%;
	background-repeat: no-repeat;
	padding: 30px;
color: #fff;
}
.hnav
{
	background-color: #aba;
	color: #fff;
}
#outerColumnContainer
{
	border-left-color: #ded;	/* left column background color */
	border-right-color: #ded;	/* right column background color */
	background-color: #fff;		/* set the background color for the
					   middle column here */
}
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
	text-decoration: none;
	background-color: #cdc;
	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: #898;
	color: #fff;
}
.hnav ul li a:link, .hnav ul li a:visited
{
	background-color: #bcb;
	color: #000;
}
.hnav ul li a:hover
{
	background-color: #787;
	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
	 */
	font-size: 90%;
}
#rightColumn .inside .vnav
{
	font-size: 110%;
}
#footer
{
	background-color: #898;
	color: #fff;
	text-align: center;
}


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