/****************************************************************
*  Part 1 - Frame-box layout.                                   *
****************************************************************/
/*
TOP-LEVEL BOXES:
#contentFrame	Contains all of scrollable content.
		Body's padding pushes this to R so doesn't need position:absolute and 
		padding - absolute + padding-left makes content slide under menu 
		in IE if window made v narrow.
#menuFrame		Contains all menu elements, both scrollable & not.
		Position: absolute (0, 0), top padding leaves room for #siteLogoFrame.
#siteLogoBackFrame Contains background for site logo.
#siteTitleFrame Contains site title.
#siteLogoFrame	Contains site logo.
		Position: absolute (0, 0), overlays #menuFrame top padding.
#siteNavFrame   Contains the navigation breadcrum trail.
#siteNavBackFrame  Contains the navigation background.
#siteFootFrame	Contains site footer.
*/
BODY
{
	margin: 0;	/* Override browser defaults. */
	padding: 0 0 0 0; /* Push content to R of menu */
	/* overflow: hidden; */ /* Avoid horiz scrollbar covering bottom of menu */
	background-color: #ffeebb;
	_overflow: hidden; /* Avoid horiz scrollbar covering bottom of menu */
}

TABLE
{
	border: none;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-spacing: 0 0;
}

TABLE.menu1
{
	background-color: #eed295;
	height: 100%;
 	background-image: url(../../images/site/vline.gif);
}

TD.menu2
{
	vertical-align: top;
	height: 100%;
	background: url(../../images/site/left.jpg) no-repeat bottom left fixed;
}

TD.logo1
{
	background: url(../../images/site/title.jpg) repeat-x top right fixed;
}

TD.logo2
{
	background: url(../../images/site/vline2.gif) repeat-y left;
}

TD.logo3
{
	background: url(../../images/site/back_tl.gif) repeat-x top;
}

TD.logo4
{
	background: url(../../images/site/back_tr.gif) repeat-x top;
	width: 100%;
}

TD.logo5
{
	background-image: url(../../images/site/vline.gif);
	vertical-align: top;
}

TD.foot1
{
	background: url(../../images/site/hline.gif) repeat-x bottom;
	width: 100%;
	vertical-align: bottom;
}

TD.foot2
{
	background: url(../../images/site/hline.gif) repeat-x bottom;
	vertical-align: bottom;
}

TD.content
{
	padding: 10px 10px 10px 10px;
}

#contentFrame
{
	padding: 0 120px 0 301px;	/* Padding-top = main logo's top. */
	height: 100%; 
/*
	overflow: auto;
*/
}

#menuFrame
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 0 0 0 0;
	margin: 0; /* Padding-top = main logo's bottom. */
	width: 301px; /* No height for good CSS 2 browsers, it makes them ignore top+bottom. */
	_height: 100%;
}

#siteLogoBackFrame
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	width: 100%;
	_padding-right: 20px;
}

#siteTitleFrame
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 105;
}

#siteLogoFrame
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 105;
	width: 100%;
	_padding-right: 20px;
}

#siteNavFrame
{
	position: absolute;
	top: 100;
	left: 0;
	z-index: 110;
	width: 100%;
	_padding-right: 20px;
}

#siteNavBackFrame
{
	position: absolute;
	top: 100;
	left: 0;
	z-index: 95;
	width: 100%;
	_padding-right: 20px;
}

#siteFootFrame
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 98;
	width: 100%;
	_padding-right: 20px;
}

#siteFootNavFrame
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	width: 298px;
}

#siteFootLogoFrame
{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 100;
	width: 107px;
	_padding-right: 20px;
}

#licenseFrame
{
	z-index: 99;
}

/****************************************************************
*  Part 2 - Screen rules:                                       *
*  -  Excludes IE 5 Mac and other browsers which ignore         *
*     @media screen:                                            *
*       . IE 5 Mac mishandles links in position:fixed divs.     *
*  -  Special rules for IE Win, mainly to fake position:fixed   *
*       . IE Win's special rules use underscore hack.           *
*       . IE 5 Mac does not understand underscore hack, but     *
*         ignores @media screen anyway.                         *
****************************************************************/

@media screen {
	/* Seen by all supported browsers. */
	/* -	Fix main elements of left "frame" */
	/*	Seen by good CSS 2 browsers - but see above re excluding IE 5 Mac. */
	/* -	N.B. Must start child selectors w elem name to hide from IE Win */
	BODY>#siteTitleFrame    { position: fixed }
	BODY>#siteLogoBackFrame { position: fixed }
	BODY>#siteLogoFrame     { position: fixed }
	BODY>#siteNavFrame      { position: fixed }
	BODY>#siteNavBackFrame  { position: fixed }
	BODY>#siteFootFrame     { position: fixed }
	BODY>#siteFootNavFrame  { position: fixed }
	BODY>#siteFootLogoFrame { position: fixed }
	BODY>#menuFrame
	{
		position: fixed;
		top: 0;
		bottom: 0;
		overflow: hidden;
	}
	/*	Seen by IE 5 & 6 Win only - all underscore hacks. */
	/* IE: Transfer BODY's scrollbar to #content. */
	HTML, BODY
	{
		_height: 100%;
		_overflow-y: hidden;
	}
	#contentFrame
	{
		_height: 100%;
		_overflow: auto;
	}
}

/************************
*  Part 3 - PRINT RULES *
************************/

/* Forget printing for now, IE & FF both hang. */
@media tv {
/*
@media screen {
@media print {
*/
	BODY, TD, { background-color: white; }
	#contentFrame, #menuFrame { border: solid 1px red; }
	/* IE Win & good CSS browsers need different position & sizing rules for 
	BODY, #contentFrame 'cos IE Win 
	slides .contentHeadBox under site log if we use left padding. */
	BODY { padding: 0; }
	#contentFrame { position: relative; left: 0; top: 0; 
		margin: 0; width: 100%;
	}
	#menuFrame { display: none; }
	#menuFrame { position: relative; left: 0; top: 0; 
			width: 648px; 
/*
			left: 50%; margin-left: -324px; 
*/
			margin-top: 10px; 
	}
}