@charset "iso-8859-1";

/*******************************************************************************
*  tank_base_theme.css : 2005.09.01
* -----------------------------------------------------------------------------
*  Base Tank! theme. Applied to the layout by default. Theme modifications
*  applied via a style-switcher or external stylesheet should build upon what
*  is here. 
*******************************************************************************/

@import "visual_consistencies.css";

p
{
	line-height: 140%;
}
body
{
	background-color: #d3d7cb;
	color: #000000;
	background-image: url("/images/map_state_illinois.png");
	background-repeat: no-repeat;
	background-position: 30px 100%;
	background-attachment: fixed;
}
#topMenu ul
{
	width: 12em;	/* make the pop menus a little wider */
}
#pageWrapper, #innerColumnContainer, #masthead, #footer, #topMenu, #topMenu ul, #topMenu a
{
	border-color: #3b3f31;
}
div.twoColumns div.leftColumn, div.twoColumns div.rightColumn
{
	border-color: #3b3f31;
}
#pageWrapper
{
	background-color: #f9f9f2;
	color: #8b9476;
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	background-image: url("../images/ruthsarian.png");
	background-repeat: no-repeat;
	background-position: -110px 100%;
}

#pageWrapper h3 {
	color: #3b3f31;
}

#masthead
{
	background-color: #94767c;
	padding: 10px;
	color: #000000;
}

#mastheadText {
	color: #d3d7cb;
	font-weight: bold;
	margin-top: 1.2em;
	vertical-align: top;
}

#masthead h1 {
	font-size: 150%;
}

#masthead h2 {
	font-size: 260%;
	color: #d3d7cb;
}

#outerColumnContainer {
	background-color: #ffffff;
	color: #000000;
	border-right-color: #ffffff; /* right column background color */
}

#contentColumn, #rightColumn, #masthead, #footer {
	padding-top: 10px;
	padding-bottom: 10px;
}

#contentColumn {
	padding-top: 0;
}

#topMenu {
	border: solid 0 #94767c;
	border-width: 4px 0 0 0;
	padding-right: 40px;
}

#topMenu li a, #topMenu li a:link, #topMenu li a:visited, #topMenu li a:active {
	background-color: #ffffff;
}

#topMenu li a:hover {
	color: #ffffff;
	background-color: #94767c;	/* keep the same color as the borders */
}

#rightColumn ul.rMenu {
	margin: 0 5px 10px 5px;
}

#rightColumn ul.rMenu, #rightColumn ul.rMenu li a,  #rightColumn ul.rMenu li ul {
	border-color: #94767c;
}

#rightColumn ul.rMenu a:link, #rightColumn ul.rMenu a:visited, #rightColumn ul.rMenu a:active {
	background-color: #d3d7cb;
	color: #3b3f31;
}

#rightColumn ul.rMenu a:hover {
	background-color: #cc9933;
	color: #ffffff;
}

#rightColumn h3 {
	margin-bottom: 0;
	padding-bottom: 0;
	color: #3b3f31;
	z-index: 999;
	line-height: 0.8em;
	font-size: 140%;
	/* \*/ position: relative;	/* With this here, IE/Mac will put this on 
					   top of every other element in the page. so
					   drop-down menus appear under. ick. so hide
					   it with this hack. */
}