html { height:100%; }

#PageContainer { min-height:100%; }

/****** Header Area */
#HeaderFrame { background-color:#323b44; }

#Header
{
	width:980px;
	margin:0 auto;
	padding:21px 0 21px 0;
	text-align:left;
	height:auto !important;min-height:70px;height:70px;
	background-color:#323b44;
	position:relative;
	overflow:hidden;
}

#Header p { margin:0; }

#Header img { float:left; }

#HeaderSearch
{
	float:right;
	padding-top:28px;
}

#HeaderSearch div
{
	float:left;
	position:relative;
}

#HeaderSearch div .TR { width:4px; height:5px; position:absolute; top:0; right:10px; background:url(Frame/HeaderSearchSprite.png) no-repeat 0 -4px; }
#HeaderSearch div .BL { width:5px; height:4px; position:absolute; bottom:0; left:10px; background:url(Frame/HeaderSearchSprite.png) no-repeat -4px 0; }
#HeaderSearch div .BR { width:4px; height:4px; position:absolute; bottom:0; right:10px; background:url(Frame/HeaderSearchSprite.png) no-repeat 0 0; }

#HeaderSearch input
{
	float:left;
	padding:0.6em 10px 0.1em 10px;
	margin:0 10px;
	border:0;
	height:1.36em;
	width:15.4em;
	color:#7e7e7e;
	background:White url(Frame/HeaderSearchBoxBg.png) no-repeat left top;
	font-size:120%;
	vertical-align:middle;
}

#HeaderSearch .SearchButton
{
	position:relative;
	margin-top:0.6ex;
}

#HeaderSearch .SearchButton .TL { width:10px; height:10px; position:absolute; top:0; left:0; background:url(Frame/HeaderSearchButtonSprite.png) no-repeat -10px -10px; }
#HeaderSearch .SearchButton .TR { width:10px; height:10px; position:absolute; top:0; right:0; background:url(Frame/HeaderSearchButtonSprite.png) no-repeat 0 -10px; }
#HeaderSearch .SearchButton .BL { width:10px; height:10px; position:absolute; bottom:0; left:0; background:url(Frame/HeaderSearchButtonSprite.png) no-repeat -10px 0; }
#HeaderSearch .SearchButton .BR { width:10px; height:10px; position:absolute; bottom:0; right:0; background:url(Frame/HeaderSearchButtonSprite.png) no-repeat 0 0; }

#HeaderSearch .SearchButton button
{
	font-family:'Arial Narrow', Sans-Serif;
	padding:0;
	margin:0;
	border:0;
	color:#323b44;
	width:1.7em;
	height:1.7em;
	cursor:pointer;
	background:#2ccfcf;
	font-weight:bold;
	text-transform:uppercase;
	font-size:110%;
	vertical-align:top;
	position:static;
}

/****** Main Content Area */
#PageOuter { background:url(Frame/PageOuterBg.png) repeat-x left top; }
#PageFrame { background:url(Frame/PageFrameBg.png) no-repeat center top; }

#PageInner
{
	width:980px;
	margin:0 auto;
	text-align:left;
	position:relative;
	overflow:hidden;
}

/****** Main Navigation */
#MainNav
{
	width:980px;
	background:#597d94 url(Frame/MainNavBg.png) repeat-x left bottom;
	position:relative;
	overflow:hidden;
}

#MainNav ul
{
	margin:0;
	padding:0;
	list-style:none;
}

#MainNav li
{
	float:left;
	background:url(Frame/MainNavItemDividerBg.gif) no-repeat right bottom;
}

#MainNav li a
{
	float:left;
	font-size:120%;
	font-weight:normal;
	text-decoration:none;
	color:White;
	padding:13px;
}

#MainNav li a:hover,
#MainNav li.Active a
{
	color:#323b44;
	background:#79d0d0 url(Frame/MainNavActiveItemBg.png) repeat-x left bottom;
}

/****** Content */
#ContentFrame
{
	width:940px;
	padding:34px 10px 10px 30px;
	margin-bottom:10em;
	position:relative;
	overflow:hidden;
}

/****** Footer */
#FooterFrame
{
	background:#d4d4d4;
	margin-top:-9em;
	color:#707070;
	height:auto !important; height:9em; min-height:9em;
	background:#dbdbdb url(Frame/FooterShadowBg.png) repeat-x left top;
}

#Footer
{
	width:980px;
	margin:0 auto;
	padding:20px 0 0 0;
	text-align:left;
	background:#dbdbdb url(Frame/FooterShadowBg.png) repeat-x left top;
	position:relative;
	overflow:hidden;
}

#Footer hr { display:none; }

#Footer div
{
	float:left;
	font-size:90%;
	color:#6f6f6f;
	line-height:normal;
}

#Footer div span
{
	display:inline-block;
	padding:0 4px 0 4px;
}

#Footer form
{
	float:right;
	padding:0;
	margin:0 0 1em 0;
}

#Footer form label
{
	display:inline-block;
	width:67px;
	height:12px;
	padding:0;
	margin:0 6px 0 0;
	background:url(Frame/FooterLabelBg.png) no-repeat left top;
	vertical-align:middle;
}
#Footer form label span { display:none; }

#Footer form input
{
	border-top:none;
	border-left:none;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	padding:0.9ex 0.5ex 0.5ex 0.5ex;
	margin:0 1ex 0 0;
	background:#f6f6f6 url(Frame/FooterTextBoxBg.png) no-repeat top left;
	vertical-align:middle;
	font-size:95%;
	color:#989898;
	width:10em;
	height:1.2em;
}

#Footer form button
{
	width:23px;
	height:22px;
	border:none;
	padding:0;
	margin:0;
	background:url(Frame/FooterButtonBg.png) no-repeat left top;
	cursor:pointer;
	vertical-align:middle;
}
#Footer form button span { display:none; }