@charset "iso-8859-1";

/*******************************************************************************
*  skidoo_too_gargoyles_theme.css : 2004.08.20
* -----------------------------------------------------------------------------
*  
*******************************************************************************/

/* 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.	
 */
 
/* handle border colors first
 */
#pageWrapper, #masthead, #content, #leftColumn .leftBlock, #cornerLogo .placeHolder, 
#leftColumn .vnav ul, #leftColumn .vnav ul li
{
	border-color: #666;
}
#masthead, #leftColumn .leftBlock h3
{
	border-color: #333;
}
#content h3.pageTitle, #contentColumnContainer, .bottomBorderOnly
{
	border-color: #aba;
}

/* now comes the normal line of things, fonts and colors being set
 */
body
{
	background-color: #fff;
	color: #000;
	font-family: arial, helvetica, sans-serif;
}
#pageWrapper
{
	background-color: #ccc;
	color: #000;
	font-size: 80%;	/* set your default font size here. */
}
#masthead
{
	background-color: #666;
	color: #fff;
}
#masthead h1, #cornerLogo .placeHolder
{
	color: #676;
}
#masthead h2
{
	color: #fff;
}
#content
{
	background-color: #fbfbfb;
	color: #000;
}
#content h3.pageTitle
{
	color: #000;
}
#content .hnav ul a, #content .hnav ul a:link, #content .hnav ul a:visited, #content .hnav ul a:active
{
	
}
#content .hnav ul a:hover
{

}
#leftColumn .leftBlock
{
	background-color: #999;
	color: #fff;
	
}
#leftColumn .leftBlock h3
{
	background-color: #666;
	color: #fff;
}

#leftColumn .leftBlockTitle h3
{
	background-color: #666;
	color: #ffcc00;
}
	
#leftColumn .vnav ul a, #leftColumn .vnav ul a:link, #leftColumn .vnav ul a:visited, #leftColumn .vnav ul a:active
{
	
}

#leftColumn .vnav ul li a:hover
{
	
}
#rightColumn
{
	font-size: 90%;
}
#rightColumn h4
{
	color:  #ffcc00;
	}
#footer
{
	color: #898;
	font-family: verdana, helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
	
}

/******************************************************************************/
/*******************************************************************************
 * PRESENTATION : General
 *
 * This is where the visual presentation of the menu is handled. If you try to
 * alter the borders width or location of placement pay close attention to the
 * notes provided with the existing CSS rules in this section. There are key
 * reasons behind borders and negative margins being placed where they are.
 */
ul.rMenu li a
{
	border: solid 1px #333;	/* border around all anchor tags */
	
}
ul.rMenu-hor li
{
	
	margin-bottom: -1px;	/* this is so if we apply a bottom border to 
				   the UL element it will render behind, but
				   inline with the bottom border of the LI
				   elements. */
	margin-left: -1px;	/* negative borders on LIs to make borders on
				   child A elements overlap. they go here and
				   not on the A element for compatibility
				   reasons (IE6 and earlier) */
}
ul.rMenu-h
{
	padding-left: 1px ;	/* compensate for the 1px left jog created by
				   the above negative margin. */
}
ul.rMenu-ver li,
{
	margin-left: 0;
	
	margin-top: -1px;	/* same thing above except for vertical
				   menus */
}
ul.rMenu-ver
{
	border-top: solid 1px #fff;	/* ditto */
	
}
ul.rMenu li a
{
	padding: 2px 5px 3px;	/* 2px top, 3px bottom always seems to
				   provide the most visually balanced 
				   padding */
}
ul.rMenu li a:link, ul.rMenu li a:hover, ul.rMenu li a:visited, ul.rMenu li a:active
{
	
	text-decoration: none;
	color: #000;
	
}
ul.rMenu li.sfhover a:active,
ul.rMenu li:hover a:active
{
	color: #333;
	background-color: #fff;
}
ul.rMenu li
{
	background-color: #eee;	/* default background color of menu items */
}
ul.rMenu li:hover,
ul.rMenu li.sfhover
{
	background-color: #ffcc00;	/* background color for parent menu items of
				   the current sub-menu. includes the sfhover
				   class which is used in the suckerfish hack
				   detailed later in this stylesheet. */
}
ul.rMenu li a:hover
{
	background-color: #999; /* background colour of moused over menu items */
	color: #f7f7f7;
}