@charset "iso-8859-1";

/*******************************************************************************
*  skidoo_redux_theme.css : 2007.01.31 : ruthsarian@gmail.com
* -----------------------------------------------------------------------------
*  
*  This stylesheet provides the theme of the layout. The theme includes
*  anything that controls the presentation of the page, but typically it's just
*  for setting colors, fonts, borders, and gutter space. 
*
*  It is possible to offer multiple themes for a single page and allow the
*  user to pick the one that best fits their needs. 
*  
* ------------------------------------------------------------------------------
*  This stylesheet is released into the public domain.
*******************************************************************************/

#page-container
{
	font-size: 75%;			/* font attributes set here so that
					   the font sizer javascript bit can
					   operate on the body element and not
					   fubar things */
	font-family: Verdana, arial, helvetica, sans-serif;
}
#page-container, #inner-column-container, #masthead, #footer
{
	border-color: #99a;		/* all the borders within the layout */
}
#outer-column-container
{

	border-left-color: #FFF;	/* #D3FFB1left column background */
	border-right-color: #FFF ;	/* #D3FFB1 right column background */
}
#masthead
{
	/*background: URL(../images/DigMedia2.jpg) repeat;*/
	background-color: #ffffff; /* ABBEBEmasthead and footer background */
	margin: 0px auto 55px auto;
}
#footer
{
	background-color: #fff;	/* ABBEBEmasthead and footer background */
}
#inner-column-container
{

	background-color: #FFF;	/* middle column background */
}
#left-column h3, #right-column h3
{
	margin-bottom: 0;		/* column menu titles should
					   hug the menus */
}
p.fontsize-set
{
	text-align: left;		/* center the icons for changing
					   font size */
}
p.fontsize-set input
{
	margin: 0 4px;			/* space them out a bit */
}

/*******************************************************************************
 * RMENU RELATED STYLES
 *
 * These are styles specifically for the menus used in the layout. This has its
 * own section because there are quite a lot of rules that need to be set
 * in order to control just the theme of the menu.
 *
 */
ul.rMenu li
{
	background-color: #FFF;	/* background of menu items */
}
ul.rMenu li:hover,
ul.rMenu li.sfhover
{
	background-color: #3C6985;		/* background color of parent menu item
					   when mouse is over a submenu */
}

ul.rMenu li a, #middle-column div.rMenu-center
{   
	border-color: #888;		/* border color of menu items */
}
ul.rMenu li a:hover
{
	color: #fff;			/* color of menu item when mouse is
					   over it */
	background-color: #83ACC6;		/* background color of menu item when
					   mouse is over it */
}
ul.rMenu li.sfhover a:active,
ul.rMenu li:hover a:active
{
	color: #fff;			/* color of menu item when clicked */
	background-color: #F7BD6D;		/* background color of menu item
					   when clicked */
}
div.rMenu-center ul.rMenu li
{
	background-color: #FFF;	/* horizontal menu background color */
}

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