/*(c) - Copyright 1997-2005 Latitude Technologies Inc.  All Rights reserved. */
/* CSS Document */

body{padding: 0px 0 20px 0; margin: 0;}
#pageWrapper
{
	border: solid 1px #fff;	border-width: 0 1px;
	margin: 0 5%;		/* set side margins here 'cause IE doesn't like it set
				   on the body element */
	min-width: 40em;	/* IE doens't understand this property. I use ems rather
				   than pixels so that the layout shouldn't break even
				   when the browser's default size is set very large */
	width: auto;
}

* html #pageWrapper
{
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}

#masthead{ border: solid 1px #fff; border-width: 1px 0; padding: 0.5em; height:55px; position:relative;}
#masthead h1{padding: 0; margin: 0;}

#leftMasthead{ padding:2px 2px 0px 2px; margin-right:1px; height:auto; }
#leftMasthead h1{padding: 0; margin: 0;}

#centerMasthead{ padding:2px 2px 0px 2px; height:20px; margin-left:-1px; }
#centerMasthead h1{padding: 0; margin: 0;}

html>body #leftMasthead{
	padding-bottom:8px;
}

html>body #centerMasthead {
	padding-bottom:8px;
	margin-left:0px;
}
#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 14em #fff; border-right: solid 14em #fff; clear:both;
}
#innerColumnContainer
{
	border: solid 1px #fff;	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: 5;}
#leftColumn{float: left; margin: 0 1px 0 -14em; width: 14em; z-index: 4;}
#rightColumn{float: right; width: 14em; margin: 0 -14em 0 1px; z-index: 2;}
#footer{border: solid 1px #fff;	border-width: 1px 0;padding: 0.5em;}
