/* begin with generic selectors so that they can be overridden if needed
 * by classes deeper in the stylesheet
 */
.clear
{
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide
{
	display: none !important;
}
.inside
{
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 1em;
}

body {
	margin: 15px 2%;
	background-image:url(/images/lblue047.gif);
	background-repeat:repeat; 
	background-color:#0000CC;
	font-size: 100.1%;	/* resolve some font size issues in some layouts for
						   some browsers. (in other words, i got no clue.) */
}
	
#spook {
	border: solid 1px #000;
	border-width: 0 1px;
	min-width: 40em;	/* IE doens't understand this property. EMs are used
						so that as the font size increases, the proportional
					   	limitations (min-width) increase with it, rather
						than creating a middle column that can only fit
						3 or 4 characters in it. */
						
	background-color:#ccccff;
 
}

* html #spook {
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}

#header {
	
	background-image:url(/images/title-slice.gif);
	background-repeat:repeat-x;
}

#outerColumnContainer {
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 190px #ccccff;
	border-right: solid 14em #fff;
}

#innerColumnContainer {
	border: solid 1px #ccccff;
	border-width: 0 1px;
	margin: 0 -1px;		/* compensate for the borders because of
					   100% width declaration */
	width: 100%;
	z-index: 1;
}

#leftColumn, #middleColumn, #rightColumn, * html #SOWrap {
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}

#SOWrap {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}

#middleColumn {
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 4;
}

#leftColumn {
	float: left;
	margin: 0 1px 0 -190px;
	width: 150px;
	z-index: 5;
}

#rightColumn {
	float: right;
	width: 14em;
	margin: 0 -14em 0 1px;
	z-index: 2;
}

#footer {
	border-bottom: solid 1px #fff;
	border-bottom-color:#000;
	border-width: 1px 0;
	padding: 0.5em;
	text-align:center;
	font-size:75%;
}

#menu {
	width:150px;
	background:#000099;
	border:2px solid #000;
	margin-right:1px;
	padding:0px;
}

#undermenu {
	margin-top:15px;
	width:150px;
}

h1 {
text-align:left;
font-size:24px;
color:#FF0000	
}

/* 
* Menu Bar Styling
*/
.vnav
{
margin:5px;
}
.vnav ul, .vnav ul li
{
margin: 0;
padding: 0;
list-style-type: none;
display: block;
}
.vnav ul
{
border: solid 1px #ccc;
border-bottom-width: 0;
}
.vnav ul li
{
border-bottom: solid 1px #fff;
}
.vnav ul li, .vnav ul li a
{
margin: 0;
display: block;
padding: 0;
line-height: normal;
}
.vnav ul li a
{
display: block;
padding-left: 6px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 3px;

}
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{
text-decoration: none;
cursor: pointer;
}
.vnav h3
{
margin-bottom: 0;
padding-bottom: 0;
font-size: 126%;
}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
height: 0.01%;
}
* html .vnav ul
{
position: relative;	/* IE needs this to fix a rendering problem */
}

/* Some menu bar theme stuff*/
.vnav ul, .vnav ul li
{
border-color: #000;
}

.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{
text-decoration: none;
background-color: #0066cc;
color: #fff;
}
.vnav ul li a:hover
{
text-decoration: none;
background-color: #3399ff;
color: #000;
}


/* 
* Popup Menu Bar Styling
*/

.popup
{
margin-top:5px;
margin-left:-10px;
}
.popup ul, .popup ul li
{
margin: 0;
padding: 0;
list-style-type: none;
display: block;
text-align:center;
}
.popup ul
{
width: 150px;
border: solid 1px #000;
border-bottom-width: 0;
}

.popup ul li
{
/* this nonexistent image is a hack to make the rollover work correctly */
background-image:url(images/shim.gif);
border-bottom: solid 1px #000;
}

.popup ul li, .popup ul li a
{
margin: 0;
display: block;
padding: 0;
line-height: normal;
}
.popup ul li a
{
display: block;
padding: 2px 5px 3px 5px;
}
.popup ul li a, .popup ul li a:link, .popup ul li a:visited, .popup ul li a:active, .popup ul li a:hover
{
text-decoration: none;
cursor: pointer;
}
.popup h3
{
margin-bottom: 0;
padding-bottom: 0;
font-size: 126%;
}

* html .popup ul
{
/*	position: relative;	/* IE needs this to fix a rendering problem */
}
* html .popup ul li a/* hide from IE5.0/Win & IE5/Mac */
{
height: 0.01%;
}

/* Some popup menu bar theme stuff*/
.popup ul, .popup ul li
{
border-color: #000;
}

.popup ul li a:link, .popup ul li a:visited, .popup ul li a:active
{
text-decoration: none;
background-color:#3399ff;
color: #fff;
}
.popup ul li a:hover
{
text-decoration: none;
background-color: #cc3333;
color: #000;
}

/*******************************************************************************
*  twoColumnsLeft.css : 2004-08-17 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  This stylesheet removes the right-hand column from the 3 column layout
*  Comment it out 
*******************************************************************************/

html>body #rightColumn
{
	display: none;	/* for compliant browsers, hide this column entirely */
}
* html #rightColumn *
{
	display: none;	/* ie's ghost-text bug is triggered by key elements
			   having display:none set. #rightColumn is one of those
			   key elements. so we display:none all child
			   elements (doesn't trigger the bug) and try to
			   make #rightColumn have no chance to affect
			   document flow. */
}
#rightColumn
{
	position: absolute;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	border: none;	/* remove anything that'll give this elemnt width. */
}
#outerColumnContainer, #innerColumnContainer
{
	border-right-width: 0;	/* to get from 3 to 2 columns, we must hide the
				   right-side border */
}
#innerColumnContainer
{
	margin-right: 0;
}

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