/*Styles derived from Nuts & Bolts template*/	

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	background-color: #666666;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
        }

#mainContainer {
	background-color: #dadada;
	width: 880px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	}
	
/* ---------------------------------------------------------------------------- */
/* The top level wrapper for the content area.  It contains all of the other    */
/* column related divs.  This div's primary purpose is to render the background */
/* for the left column and the center column's background color.                */
/* It requires the following:                                                   */
/*  . A background image that is the width of the left column (see sideBarLeft  */
/*    width and other style settings).                                          */
/*                                                                              */
/* IE 6.0 Fix:  The height: 1%; fixes some spurious white space that is         */
/* otherwise rendered between this and the footer div                           */
#leftColumnBg
	{
	margin: 0;
	padding: 0;
	background: #ffffcc;
	height: 1%;
	}

/* Style settings for all other browsers for #leftColumnBg. */
#mainContainer > #leftColumnBg
	{
	height: auto;
	}	
		
/* ---------------------------------------------------------------------------- */
/* The secondary wrapper for the content/columns area.  Its primary purpose is  */
/* to render to background for the right column.                                */
/* It requires the following:                                                   */
/*  . A background image that is the width of the right colunm (see             */
/*    sideBarRight style settings).                                             */
/*  . A border on all edges; top, right, bottom, and left. Otherwise, it will   */
/*    not render the background images/colors properly in IE 6 and 7.  Using    */
/*    the color transparent does not work as IE 6.0 will simply render that as  */
/*    black.  In this case, I simply set the border color for each edge to      */
/*    match the background color of that edge of the page.  For the bottom      */
/*    border, I used a color that works well delinating the footer from the     */
/*    rest of the layout.                                                       */
#rightColumnBg
	{
	margin: 0;
	padding: 0;
	background-color: #DADADA;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #cfd5f5;
	border-bottom-color: #000000;
	border-left-color: #000000;
	}

/* We can get away without a left and right border for IE 7 and all other       */
/* compliant browsers so we will set the left and right border to none.         */
#leftColumnBg > #rightColumnBg
	{
	border-left: none;
	border-right: none;
	}
	
#centerRightColumnContainer
	{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	}
	
#centerRightColumnPositioner
	{
	margin-left: 100px; /* To fit the left side bar */
	padding: 0;
	}
	

#sideBarLeft
	{
	float: left;
	width: 100px;
	margin-left: -100%;
	padding: 0;
	}	
	
#rightColumnBg > #sideBarLeft p
	{
	padding: 10px;
	margin: 0;
	}

#centerColumnContainer
	{
	float: left;
	width: 100%;
	
	}

#centerColumn
	{
	margin-right:26px;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 39px;
	}
	
#sideBarRight
	{
	float: left;
	width: 26px;
	margin-left: -26px;
	}


.clear_both
        {
        clear: both;
        }

#rightColumnBg > #sideBarLeft
	{
	height: auto;
	}