﻿
/********************************************************************************************************
*	High-Level Page Structure 
*	Basically, just the divs that contain the header, body, and footer.
*	(i.e.  All the markup that falls on the Master Page)
********************************************************************************************************/

/*Essentials foir Holy Grail (padded Version )*/
.MainBody 
{
	min-width: 62em;		/* Minimum width before Bad stuff starts happenning */		
	margin: 0px;			/* The Pedestal model trhows its columns way up past the top of the viewport.  trust me, you'll see if you change this */
}

.container 
{
	padding-left: 200px;		/* LC fullwidth */
	padding-right: 15px;		/* CC padding */
}

.container .column,
.container .companion 
{
	position: relative;
	float: left;
}

.center 
{
	padding-top: 7px;			/* CC padding */
	padding-left: 10px;			/* CC padding */
	padding-right: 5px;			/* CC padding */
	width: 100%;
}

.left 
{
	width: 200px;				/* LC width */
	margin-left: -100%;
}

.container > .left 
{
	left: -215px;				/* -LC fullwidth + CC padding (Non-I.E.6) */
}

#pnlMainPageContents
{
	min-height: 500px;
	_height: 500px;
}

#footer 
{
	clear: both;
	
	margin-bottom: 5px;
}

/*Pedestal Wiedness for equal-height cols*/
.container .column 
{
	margin-bottom: 10px; /* added for FooterStickAlt-pedestal*/
}
#stacker 
{  
	width: 100%;
	position: relative; 
	z-index: 2;   
}

#pedestal 
{ 
	clear: both;
	float: left;    /* makes Opera 8.54 behave */
	position: relative; 
	z-index: 0;
	width: 100%;
	height: 2em;
	line-height: 1em;
	margin-top: -2em; 
	font-size: 1em;
}

#pedestal .companion 
{ 
	position: relative;
	margin-top: -16000px !important; /* EHC, but reversed: from bottom to top */
	padding-top: 16000px !important;
	padding-bottom:0 !important; /* Levine uses padding on the center column, so I reset bottom padding here */
	height: 1em;
}

#footer 
{
	position: relative;
	
	/*	
		WATCH OUT FOR THIS!!!  If you observe issues with the display / positioning / burn-through of the footer, look here.
		The Pedestal-Stacker model which I used for fake equal-height columns calls for a z-index of 3 here.  
		I used 1, because anything greater causes the footer to burn through Absolutly positioned Iframes I use as replacements for pop-up windows.
		This happens because z-indexing is handled in a somewhat strange manner for divs which are NOT siblings.
	*/
	
	/* z-index: 3; */
	z-index: 1;  
	width: 100%;			
}


/********************************************************************************************************
*	The Site-Wide Page Header
********************************************************************************************************/
.HeaderRow
{
	clear: both;
}

.HeaderLeftImage
{
	float: left;
}
.HeaderRightImage
{
	float: right;
}

.pnlStateBanner
{
	overflow: hidden;
	
	height: 67px;
}
.pnlStateBannerMapping
{
	overflow: hidden;
	
	height: 59px;
}

.pnlStateBannerReplacement
{
	overflow: hidden;
	
	height: 7px;
}

#pnlSiteBanner
{
	height: 96px;
}

#pnlSiteBannerRight
{
	float: right;
}

#pnlSiteBannerMiddle
{
	position: absolute;
	left: 325px;
	z-index: 10;
	
	height: 96px;
	width: 75px;
}

.SiteBannerLeftImage
{
	position: absolute;
	left: 0px;
	z-index: 10;
}

.SiteBannerRightImage
{
	position: absolute;
	right: 0px;
	_right: 14px;
	z-index: 1;
}

#pnlSiteTitle
{
	_height: 30px; 
	min-height: 30px;
}

#pnlSiteTitle #pnlWelcome
{
	float: left;
	width: 30%;
	
	padding-top: 6px;
	padding-left: 7px;
	text-align: left;
	
	_height: 21px; 
	min-height: 21px;
}

#pnlSiteTitle img.SiteTitle
{
	float: left;	
}

#pnlSiteTitle .pnlJurisdiction
{
	float: right;
	
	padding-right: 8px;
	padding-top: 6px;
}	

#pnlBannerBottom
{
	text-align: center;
	padding-top: 2px; 
	padding-bottom: 2px; 
}




/* Header Submit button */
.HeaderSubmit
{
	padding: 0px;
	margin: 0px;
	border: 0px solid black;
}	



/********************************************************************************************************
*	The Site-Wide Main Menu
********************************************************************************************************/
.LinkBarExpansionCell
{
	height: 150px;
}

#lstMenuItems
{
	list-style-type: none;
	
	margin: 0px;
	padding-right: 7px;
	padding-left: 7px;
	padding-bottom: 7px;
	
	position: relative;
}

#lstMenuItems li
{
	_position: relative;		/* Makes I.E. 6 behave w/ regards to the list item borders disapearing */
	
	padding: 0px;		
	margin-bottom: 7px;
}

#lstMenuItems li.MLISubMenu
{
	margin-left: 15px;
}	

/* link bar link button */
#lstMenuItems li a
{
	display: block;
	padding: 3px 4px;
}	



/********************************************************************************************************
*	The Site-Wide Footer
********************************************************************************************************/
#pnlLegalStuff
{	
	clear: both;		
	text-align: center;
}

.FooterCell
{
	float: left;
	width: 33.3%;
	margin-bottom: 7px;
}

.FooterInfoBox
{
	min-height: 8em;
	_height: 8em;
	
	padding: 5px;
}

.InfoBox1
{
	margin-right: 3%;
	margin-left: 2px;
}

.InfoBox2
{
	margin: 0px;
}

.InfoBox3
{
	margin-left: 3%;
	margin-right: 2px;
}