@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. 
*******************************************************************************/

@charset "UTF-8";

/*******************************************************************************
*  visual_consistencies.css : 2005.09.07 : Ruthsarian Layouts
* -----------------------------------------------------------------------------
*  Edited for size
*******************************************************************************/

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
ul ul, ul ol, ol ul, ol ol
{
	/* kill margins on sub-lists
	 */
	margin-top: 0;
	margin-bottom: 0;
}
h1
{
	font-size: 240%;
}
h2
{
	font-size: 180%;
}
h3
{
	font-size: 140%;
}
h4
{
	font-size: 100%;
}
h5
{
	font-size: 70%;
}
h6
{
	font-size: 50%;
}
a, a:link, a:visited, a:active
{
	text-decoration: underline;
}
a:hover
{
	/* because I like the visual feedback a user gets when they
	 * mouse over a link and see the underline of the link
	 * disappear.
	 */
	text-decoration: none;
}
code, pre
{
	/* Make sure we're all using the same monospaced font for CODE
	 * and PRE elements
	 */
	font-family: "Courier New", Courier, monospace;
}
label
{
	/* It's all about the visual feedback. In this case, label 
	 * elements are usually clickable which then set focus on
	 * their target. I want to show that to the user in a manner
	 * they are used to and understand.
	 */
	cursor: pointer;
}
table
{
	/* Some browsers won't carry the font size down into the 
	 * browser like they're suppose to.
	 */
	font-size: 100%;
}
td, th
{
	/* I never like or use the default vertical centering "feature"
	 * provided by tables. 
	 */
	vertical-align: top;
}
body
{
	/* I've seen several comments that setting the base font size to 100.1%
	 * fixes some browser bugs. Which bugs? I don't know. I believe it's
	 * to fix some rounding-error bugs that some browsers (Mozilla) are
	 * prone to. It doesn't hurt anything, so I keep it here.
	 */
	font-size: 100.1%;
}

/******************************************************************************/
p
{
	line-height: 140%;
}
body
{
	background-color: #fec;
	color: #000;
	background-image: url("../images/ruthsarian.png");
	background-repeat: no-repeat;
	background-position: 30px 100%;
	background-attachment: fixed;
}
ul.popMenu li ul
{
	width: 12em;	/* make the pop menus a little wider */
}

#pageWrapper, #innerColumnContainer, #masthead, #footer, #topMenu, ul.hnav, ul.hnav li a, ul.vnav li a
{
	border-color: #c93;
}
div.twoColumns div.leftColumn, div.twoColumns div.rightColumn
{
	border-color: #ddd;
}
#pageWrapper
{
	background-color: #f9f9f2;
	color: #665;
	font-family: arial, helvetica, sans-serif;
	font-size: 80%;
	background-image: url("../images/ruthsarian.png");
	background-repeat: no-repeat;
	background-position: -110px 100%;
}
#masthead
{
	background-color: #dc8;
	background-image: url("../images/tank.png");
	background-position: 100% 100%;
	background-repeat: no-repeat;
	padding: 10px;
	color: #000;
}
#masthead h1
{
	font-size: 150%;
}
#masthead h2
{
	font-size: 260%;
	color: #862;
}
#outerColumnContainer
{
	background-color: #fff;
	color: #223;
	border-right-color: #fff; /* right column background color */
}

#contentColumn, #rightColumn, #masthead, #footer
{
	padding-top: 10px;
	padding-bottom: 10px;
}
#contentColumn
{
	padding-top: 0;
}
#topMenu
{
	border: solid 0 #c93;
	border-width: 4px 0 0 0;
	padding-right: 40px;
}
#topMenu ul.hnav li
{
	float: right;
}
#topMenu ul.hnav li ul li
{
	float: none;
}
#topMenu ul.hnav li ul.vnav li
{
	float: left;
}
#topMenu li a
{
	border-style: solid;
	border-width: 1px;
	margin-top: -1px;
}
#topMenu li a, #topMenu li a:link, #topMenu li a:visited, #topMenu li a:active
{
	background-color: #ffe;
}
#topMenu li a:hover
{
	color: #fff;
	background-color: #c93;	/* keep the same color as the borders */
}
#rightColumn ul.vnav
{
	margin: 0 10px 10px 10px;
}
#rightColumn ul.vnav, #rightColumn ul.vnav li
{
	border-color: #ed9;
}
#rightColumn ul.vnav li a:link, #rightColumn ul.vnav li a:visited, #rightColumn ul.vnav li a:active
{
	background-color: #ffe;
	color: #336;
}
#rightColumn ul.vnav li a:hover
{
	background-color: #c93;
	color: #fff;
}
#rightColumn h3.vnav
{
	color: #b83;
	z-index: 100;
	line-height: 0.75em;
	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. */
}