/* CSS Document */

/* 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. maybe 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 
{
	border-color: #4D801A;
}
#leftColumn .vnav ul li, #leftColumn .vnav ul
{
    border-color: #333;
}
#leftColumn .leftBlock h3
{
	border-color: #fff;
}
#content h3.pageTitle, #contentColumnContainer, #content .hnav, #content .hnav ul li a
{
	border-color: #4D801A;
}

/* Set fonts and colors*/
 
body
{
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	background-image: url(images/bg_pattern.gif);
}
#pageWrapper
{
	background-color: #D2D2FF;
	color: #000;
	font-size: 80%;	/* set your default font size here. */
}
#masthead
{
	background-image: url(images/mastheadback.gif);
	background-repeat: repeat-x;
}
#masthead h1, #cornerLogo .placeHolder
{
	color: #676;
}
#masthead h2
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-stretch: expanded;
    color: #666; font-weight: bolder;
}
#content
{
	background-color: #fff;
	color: #333;
}
#contentlink a {
  padding-left: 16px;
  background-image: url(images/linkguy.gif);
  background-repeat: no-repeat;
  background-position: 0 50%;
  color: #4D801A;
  font-weight: bold;
  text-decoration: none;
}

#contentlink a:hover {
  color: #9C0;
  text-decoration: underline;
}

#content h3.pageTitle
{
	color: #F90;
}
#content .hnav ul a, #content .hnav ul a:link, #content .hnav ul a:visited, #content .hnav ul a:active
{
	color: #FFF;
	background-color: #99C;
	font-weight: bold;
}
#content .hnav ul a:hover
{
	color: #fff;
	background-color: #ccf;
	font-weight: bold;
}
#content #currentpage a
{
	color: #f93;
	background-color: #fff;
	font-weight: bold;
}
#content .subheader
{   
    background-image: url(images/subsun.gif);
	background-repeat: repeat-x;
	padding: 2px 2px 2px 2px;
	color: #333;
	display: inline;
	font-size: 120%;
	font-weight: bold;
}

#leftColumn .leftBlock
{
	background-color: #666;
	color: #fff;
}
#leftColumn .leftBlock h3
{
	background-color: #9C0;
	color: #fff;
}
#leftColumn .vnav ul a, #leftColumn .vnav ul a:link, #leftColumn .vnav ul a:visited, #leftColumn .vnav ul a:active
{
	color: #fff;
	background-color: #99C;
	font-weight: bold;
}

#leftColumn .vnav ul li a:hover
{
	color: #4D801A;
	background-color: #fff;
	font-weight: bold;
}
#rightColumn
{
	/*	font-size: 90%;	*/
}

.menuSpacer {
	border-bottom: 2px solid #F90;
	margin-bottom: 15px;

}

#rightColumn .vnav ul li a:hover
{
	color: #4D801A;
	font-weight: bold;
}


#rightColumnbox 
{
	color: #333;
	font-family: arial, helvetica, sans-serif;
	
}
/*	style the right bottom box--Summer Reading 
#rightColumnbox .ul
{  
    font-size: 90%;
	font-weight: bold;
	list-style-image: url(images/srpbullet.gif); 
	list-style-position: outside;
	padding-left: 5px;
	margin-left: 0px;
	background-image: url(images/srppyramid.gif);
	background-position: center;
	background-repeat: no-repeat;	*/
}
#footer
{
	color: #333;
	font-family: verdana, helvetica, sans-serif;
	font-size: 90%;
	text-align: center;
	background-image: url(images/dcl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

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