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

* html body
{
	text-align: center;	/* hack to center this under IE5 */
}

* html #pageWrapper
{
	text-align: left;	/* keep the content left-aligned */
}

#pageWrapper
{
	width: 58em;
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-width: 0px 0px;	/* layout's side borders */
}

body {

	padding: 0.5em;		/* remove this to stretch the layout 
				   across the screen edge-to-edge */
}


#outerColumnContainer {
	border-style: solid;
	border-color:white;
	border-width: 0 0 0 14em;	/* side border widths must equal the
				   widths of the left and right columns. */
	z-index: 1;
}


#header {
	padding-top:1px;
	border-style: solid;
	border-width: 0 0 1px 0;
	height:85px;
	margin:0;
}



#innerColumnContainer
{
	border-style: solid;
	border-width: 0 0 0 0px;	/* puts borders between middle and the side 
				   columns. */
	margin: 0 0px 0 0;	/* compensate for the borders because of
				   100% width declaration */
	width: 100%;
	z-index: 2;
}

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-bottom:none;
	border-color: white;
	/*margin-bottom: -1px; */
}

#leftColumn, #rightColumn, #contentColumn
{
	float: left;
	overflow: visible;	/* fix for IE italics bug */
	position: relative;
	z-index: 10;
}

#leftColumn
{
	margin: 0 0px 0 -14em;	/* the margin on the side the column is to be
				   rendered on must be the negative equal of 
				   the column's width. The opposite border must
				   be 1px */
	width: 14em;
	left:0;
	background-position:top right;
	background-repeat:no-repeat;
}


#contentColumn
{
	margin: 0 0 0 0;		/* required to get the negative margin-based
				   layout to work. if #contentColumn does not
				   overlap the left and right columns, then
				   the whole layout will break */
	width: 100%;
}

#footer {
	border-style: solid;
	border-width: 1px 0 0px 0;	/* border for bottom of layout and top of 
				   footer area */
	position: relative;
	height:34px;
	text-align: center;
}


html>body #footer {
	padding-bottom: 1.01em;	/* attempt to fix Gecko engine's rounding errors
				   which can disrupt the layout. */
}

.clear {
	clear: both;
}

.inside
{
	padding: 0 0.5em;		/* 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. */
}

#leftColumn, #centerColumn, #rightColumn, #header
{
	padding-top: 0.5em;
	padding-bottom: 0.5em;	/* this is the vert padding talked about in the
				   .inside selector comment. */
}

#footer
{
	padding: 1em;	/* ditto from above */
}

#pageWrapper, #innerColumnContainer, #header, #footer
{
	border-color: white;	/* one-stop control of border color used within
				   the layout */
	border-color: #B61E1E;
	
}



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

#contentColumn .inside {
	margin-right:1em;
	/* margin-right:12em ; */
}

#rightColumn {
	width:11em;
	float:right;
	margin-left:-1px;
	margin-right:-1px;
	padding-top:5em;
	
}

div.narrower {
	/* this must add up with the right hand column to < total width else nasty overflow problems */
	width:33em !important;
	margin-right:0;
}