@charset "iso-8859-1";

/*******************************************************************************
*  skidoo_lean.css : 2004-08-17 : Ruthsarian Layouts
* ------------------------------------------------------------------------------
*  lean and mean version of the original skidoo layout seen at:
*  http://webhost.bridgew.edu/etribou/layouts/skidoo/
*  CSS for horizontal and vertical nav elements based on unordered lists
*  isn't here to help reduce the layout to its core components.
*******************************************************************************/

body
{
	background-color: #FFFFFF;
	color: #000000;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 70px;
	padding-bottom: 50px;
	text-align:center;
}
#pageWrapper
{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align:left;
	width: 957px;	/* IE doens't understand this property */
}
* html #pageWrapper
{
	word-wrap: break-word;	/* invalid CSS but keeps IE from breaking 
				   horribly under narrow viewports */
}
#masthead
{
	background-color: #666;
	color: #fff;
	border: 1px solid #000000;
	z-index:3;
}
#masthead #topHead
{
	background-color:#000000;
	background-image: url(../images/headerBG.jpg);
	background-position: right top;
	background-repeat:no-repeat;
	height: 92px;
	margin:0px;
	padding:0px;
	
}
#masthead #midHead
{
	background-position: left top;
	height: 15px;
	background-color: #8e2c3d;	
	border-top: solid 1px #000;
}

#masthead #menuHead
{
	background-position: left top;
	height: 24px;
	background-color: #34659f;	
	border-top: solid 1px #000;
	background-image: url(../images/menuBG.png);
	background-position: left top;
	background-repeat: repeat;
	z-index:50;
}

#outerColumnContainer
{
	background-color: #fff;
	color: #000;
	z-index: 1;
	border-left: solid 1px #000;
	border-right: solid 1px #000;
	
	background-repeat: no-repeat;
	background-position: right top;
}
* html #outercolumncontainer
{
	/* IE5.0/Win fix for 1px whitespace between masthead and body. 
	 * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are
	 * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt
	 * by this extra margin work.
	 */
	margin-top: -1px;
	border-top: solid 1px #000;
}
#innerColumnContainer
{
	border-right: solid 1px #000;
	margin: 0px;
	width: 690px;
	min-height:526px;
	z-index: 2;
	background-color: #FFFFFF;
	background-image: url(../images/bodyBG.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
html[xmlns] .mozclear
{
	/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
	 * this up as well. Shouldn't be a problem, Opera should handle this fine,
	 * but it's a Mozilla-targeted hack, and it should probably only affect
	 * mozilla. You can do that by replacing the INVALID CSS selector
	 * :root .mozclear for what's give here.
	 */
	border-bottom: 1px solid;
	border-color: transparent;
	margin-bottom: -1px;
}
/*
#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	overflow: visible;	
	position: relative;
	z-index: 10;
}
#leftColumn
{
	margin: 0 1px 0 -14em;	
	width: 14em;
}
#rightColumn
{
	float: right;
	margin: 0 -14em 0 1px;	
	width: 14em;
}
#rightColumn .inside
{
	font-size: 90%;	
}
*/
#contentColumn
{
	margin: 0 -1px;		
	width: 100%;
}
#footer
{
	background-color: #34659f;
	border-style: solid;
	border-width: 1px;	
	color: #fff;
	position: relative;
	text-align: center;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
	color:#FFFFFF;
	text-decoration: none;
}
#footerShd
{
	background-color: #fff;
	position: relative;
	text-align: center;
	background-image: url(../images/footerShadow.png);
	background-repeat: repeat-x;
	background-position: left top;	
	height:10px;
}
html>body #footer
{
	padding-bottom: 1.01em;	/* attempt to fix Gecko engine's rounding errors
				   which can disrupt the layout. */
}
p, h1, h2, h3, h4, h5, h6
{
	margin: 1em 0;		/* for better consistency across platforms */
}
.clear
{
	clear: both;
}
.insideCont
{
	font-size:12px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	
	display:block;
}
#leftColumn, #centerColumn, #rightColumn
{
}

#pageWrapper, #innerColumnContainer, #masthead, #footer
{
	border-color: #000;	/* one-stop control of border color used within
				   the layout */
}
#outerColumnContainer
{
	border-top-color: #000;	/* should match the above border color */
}

/******************************************************************************/
a:active, a:link{
	color:#34659f;
	text-decoration: none;
}
a:visited, a:hover{
	color:#000000;
	text-decoration: underline;
}
h1{
	padding:0px;
	maring:0px;
	color:#8e2c3d;
}
.floatRight{
	float:right;
}
.floatLeft{
	float:left;
}
.padRight{
	padding-right:25px;
}
.padBottom{
	padding-bottom:25px;
}
.padTop{
	padding-top:25px;
}
.otTable {
	border-collapse:collapse;
}
.otTable tr td{
	padding:5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DDDDDD;
}
ul.in{
	list-style-type: none;
	width:430px;
}
ul.in li {
	background-image: url(../images/arrowRightDrk.gif);
	background-repeat: no-repeat;
	background-position: 0em .3em;
	width:420px;
	padding-left: 20px;
}


.odd {
	background-color: #DDDDDD;
	vertical-align: top;
	padding:10px;
}

.even {
	background-color: #EEEEEE;
	vertical-align: top;
	padding:10px;
}