@charset "UTF-8";
/* CSS Document 
This document controls:
    The layout of the page
	Widths of the main page and each column
	Main page item background colors
	Padding/margin of each column
	Breadcrumb layout

*/




#mainNav,#rightCol{display:inline;}


/*********** SET WIDTHS HERE ***************/
/* NOTE - this is the true display width (no need to incorporate padding*/

#main_wrapper{width:960px; }

#mainNav{width:200px;} /*Left column*/
#rightCol{width:210px;}/*Right column*/

#content, #shortSiteBannerLeft{
	margin-right:210px; /*Must be the same as the #rightCol width*/
}

#twocolwrap{
	margin-right:-210px; /*Must the negative of the #rightCol width */
}


#content, #shortSiteBannerRight{
	margin-left:200px; /* Must be the same as the #mainNav width*/	
}


/********* SET PADDING HERE ****************/

#mainNav_inner, #rightCol_inner{padding:10px;padding-top:0px;}
#mainNav_inner h2, #rightCol_inner h3{margin:0 -10px 0 -10px;} /* The right an left margin should be the negitive of the padding */
#rightCol_inner{margin-right:10px;}/*Right column*/
#content_inner{padding:10px 40px}

body{margin-top:0;margin-bottom:0;}
#rightCol_inner{
	margin-top:70px;
}


/********* BACKGROUNDS/BORDERS *****************/
body{background-color:#ccc;}
#mainNav{
	background:#FFE7AD; /* more orangy */
	background:#F9F4BE; /* more yellowy*/
	background:#F4F1BC; /*tanny */
	background:#F6EBB1; /*closer to banner*/
	margin-top:10px;
	margin-bottom:20px;
}

#rightCol_inner{
/*	background-color: #f5f5f5;*/
border-left:1px solid #ddd;
}
#main_wrapper{
	background-color: #f5f5f5;
	border-left:2px solid #aaa;
	border-right:2px solid #aaa;
}


#wideSiteBanner{
	border-top:1px solid #ffde7a;
	/*border-bottom:4px solid #5b0013;*/
}



/********* BREADCRUMB STRUCTURE *****/
#breadcrumbs ul{margin:0;padding:0}
#breadcrumbs li{ display:inline;}

#breadcrumbs{
	margin-left:-10px;
margin-right:-10px;
padding-left:10px;
padding-right:10px;
}












/****** Make it all work *********/
#threecolwrap,#twocolwrap,#leftColBG{
	float:left;
	width:100%;
}

#mainNav,#rightCol{
	float:left;
}
#content{
	width:auto;
	height:1%;
}

#twocolwrap{display:inline}

#footer, #unit_footer{clear:both;}

#unit_footer{display:none}
/******* Center entire content on the page **************/
#main_wrapper{
	margin:auto;	/* Centers the entire thing on the page */
}


	
/************************* IE6 **********************************/
/* HTC files to add css support for IE 6's lack of CSS support */
/*#main_wrapper {behavior:url("css/htc/minmax.htc");} *//*Fix for IE's lack of support for :hover*/


