@charset "iso-8859-1";

/*******************************************************************************
*  Onward.css : 2007.01.31 : webmaster@onward-internet-marketing.com
* -----------------------------------------------------------------------------
*  This is a three-column, float-based layout utilizing negative margins to 
*  provide column placement and cross-browser compatibility. 
*
*  Experienced developers this is best served as a reference tool, explaining
*  what bugs are experienced on what browsing platforms for this and similar
*  layouts. It could be used as a map in working your way through bugs that
*  exist in your own layout. 
*
*******************************************************************************/

.clear-columns
{
	clear: both;
}
#OutsideContainer {
	border-left: solid 200px #fff;
	border-right: solid 100px #fff;
	}

#InsideContainer {
	width: 100%;
	}

#OrderContainer {
	float: left;
	width: 100%;
	margin-right: -1px;
	}

#LeftColumn {
	float: left;
	margin-left: -200px;
	width: 200px;
	margin-right: 1px;
	}

#MiddleColumn {
	float: right;
	width: 100%;
	margin-left: -1px;
	}

#RightColumn {
	float: right;
	margin-right: -200px;
	width: 200px;
	margin-left: 1px;
	}

/*******************************************************************************
 * BASE THEME
*******************************************************************************/
body {
	background-color: #ccc;
	color: #000;
	font-size: 100.1%;
	padding: 0;	
	margin: 14px 0;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	}

#PageContainer {
	background-color: #fff;
	border: solid 1px #000;	
	width: 960px;
	margin: 0 auto;
	font-size: 70%;
	}

#MastHead {
	padding-top: 1px;
	border-bottom: solid 0px #000;
	}

#InsideContainer {
	border: 0;
	margin: 0 -1px;	
	}

#MiddleColumn div.rMenu-center {
	border-bottom: solid 1px #000;
	}

#Footer {
	border-top: solid 1px #000;
	padding-bottom: 1px;
	}

.inside {
	margin: 10px;
	}

ul, ol, dl, p, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
	}

h1 {
	color:#dc241f;
	margin:20px 0 30px 0;
	text-align: center;
	font-size: 2.5em;
}

p {
	font-size: 1.2em;
	text-align: left;
	text-indent: .8em;
}

p:first-letter  {
	font-size: 1.1em;
}

#Footer p {
	text-align:center;
}
#Footer a {
	text-align:left;
}

ul, li {
	font-size: 1.2em;
	text-align: left;
}

img {
	border: 0;
	margin: 5px 0 0 0;
}

.blackborder {
	border: 2px solid #000000;
	margin: 0 0 10px 0;
}

/*******************************************************************************
 * HACKS
*******************************************************************************/
.clear-columns
{
	/* hide from IE/Mac \*/
	padding-bottom: 1px;
	margin-bottom: -1px;		/* will not allow 
					   an element to clear unless it has some 
					   effect on how the rest of the layout 
					   renders (ie, it takes up space). 
					   Hidden from IE/Mac as it triggers a 
					   horizontal scrollbar. */
}
* html #PageContainer
{
	/* \*/ height: 0.1%;	/* IE/Win 5 needs this to prevent rendering
				   issues if a minimum width is applied to
				   this element and the viewport is sized
				   narrower than it's minimum width. however
				   this breaks IE/Mac so a comment hack is
				   used to hide it. */
	position: relative;	/* IE/Mac 5.0 seems to need this. without it
				   any child element with position: relative
				   isn't rendered. */
}
* html #MiddleColumn, * html #LeftColumn, * html #RightColumn,
* html #OrderContainer
{
	/* hide from IE/Mac \*/
	overflow: visible;	/* a bug through IE/Win 6 causes the widths of
				   text boxes to be calculated narrower than
				   they render, causing overflow of their parent
				   elements. we need to explicitly handle this
				   overflow. IE/Win 5.0 does not handle visible
				   overflow correctly and so on some layouts,
				   at some viewport widths you'll get a 
				   horizontal scroll bar. */
	/* hide from IE/Mac \*/
	position: relative;	/* this resolves rendering bugs in IE/Win.
				   without this the columns don't render on
				   screen or text jog. */
}
* html #MiddleColumn
{
	margin-right: -4px;	/* fix 3-pixel text jog in IE/Win 5.0.
				   -4px because we also have to
				   compensate for the overlaps from
				   the left and right columns */
	margin-right/* */: 0;	/* reset value on 5.5 and later using
				   comment hack to hide this rule from 5.0 */
}
* html #MiddleColumn .inside
{
	margin-right: 14px;		/* compensate for negative margin in
					   previous rule */
	margin-right:/* */: 10px;	/* reset margins for 5.5 and later */
}
* html #MastHead, * html #Footer
{
	/* hide from IE/Mac \*/
	height: 0.1%;		/* this is to fix an IE 5.0 bug. setting this
				   value forces these elements to contain their
				   child elements, meaning margins will no
				   longer collapse. */
	height/**/: auto;	/* reset for IE/Win 5.5 and later by hiding
				   this rule from 5.0 with the empty comment
				   hack. also hidden from IE/Mac for the same
				   reason. */
}
* html #MastHead .inside, * html #Footer .inside
{
	margin-top: 0;
	margin-bottom: 0;	/* since margins no longer collapse due to 
				   previous rules we remove vertical margins
				   from the .inside class */
	margin/* */: 10px;	/* reset for IE 5.5 and later */
}
* html .inside
{
	margin: 10px 0.75em;	/* i don't yet understand this bug in IE 5.0
				   which forces the right column down if the
				   side margins are at a very specific value.
				   if your side column widths are set in EMs,
				   0.75em seems to work fine. */
	margin/* */: 10px;	/* reset for IE 5.5 and later */
}
* html #InsideContainer 
{
	display: block;
}
* html #OrderContainer
{
	margin-right: -100%;	/* IE/Mac will force #OrderContainer
				   to the width of #LeftColumn, even though
				   that element is no longer inside it. this
				   negative margin will help IE/Mac keep the
				   three columns together under narrower 
				   viewports than normal.
	/* \*/ margin-right: -1px; /* reset the above hack for IE/Win */
}


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