html { height:100%; -webkit-text-size-adjust: none; }

body
{
	margin:0;
	padding:0;
	height:100%;
	background:white;
}


#PageFrame { min-height:100%; }

/****** Intro Area */

#IntroFrame
{
	background:black url(Frame/PageBG.png) repeat-x bottom;
	position:relative;
	min-width:870px;
}

#Intro
{
	width:85%;
	margin:0 auto;
	position:relative;
	min-width:720px;
}

/* Header */

#Header
{
	border-bottom:solid 1px #3f3f3f;
	position:relative;
	width:100%;
}

#SiteLogo
{
	float:left;
	margin-bottom:15px;
	margin-top:15px;
	width:249px;
	height:78px;
}

#Header .ContactLink
{
	float:right;
	padding:30px 18.5em 0 0;
}

#Header .ContactLink a
{
	display:block;
	width:84px;
	height:0;
	padding-top:24px;
	cursor:pointer;
	background:url(Frame/HeaderContactLink.png) no-repeat left top;
	overflow:hidden;
}
#Header .ContactLink a:hover { background-position:left -24px; }

/* Search */
#Header form
{
	position:absolute;
	top:30px;
	right:0;
}

#Header form * { vertical-align:middle; }
#Header form .ls { width:12px; height:auto !important; height:14px; position:absolute; top:7px; bottom:7px; left:0; background:White; }
#Header form .rs { width:12px; height:auto !important; height:14px; position:absolute; top:7px; bottom:7px; right:0; background:White; }
#Header form .tl { width:12px; height:13px; position:absolute; top:0; left:0; background:url(Frame/SearchSprite.png) no-repeat -12px -13px; }
#Header form .tr { width:12px; height:13px; position:absolute; top:0; right:0; background:url(Frame/SearchSprite.png) no-repeat 0 -13px; z-index:100; }
#Header form .bl { width:12px; height:13px; position:absolute; bottom:0; left:0; background:url(Frame/SearchSprite.png) no-repeat -12px 0; }
#Header form .br { width:12px; height:13px; position:absolute; bottom:0; right:0; background:url(Frame/SearchSprite.png) no-repeat 0 0; z-index:101; }
#Header form .Inner { background:White; margin:0 12px; }
#Header form span { display:none; }
#Header form input { background:White; color:Black; border:0; padding:0.7ex 0; width:15em; margin:0; font-size:90%; }
#Header form button { width:13px; height:17px; background:url(Frame/SearchBtn.png) no-repeat 0 0; padding:0; margin:0; border:0; cursor:pointer; }
#Header form button:hover { background-position:-13px 0; }

/* Navigation */

#NavSpacer
{
	float:right;
	width:1px;
	height:75px;
}

#Navigation
{
	float:right;
	clear:right;
	margin-bottom:15px;
}

#Navigation a
{
	display:inline-block;
	margin-left:1.5ex;
	font-family:'Arial Narrow', Sans-Serif;
	font-size:135%;
	text-decoration:none;
	color:White;
	white-space:nowrap;
}

#Navigation a:hover { color:#cecece; }
#Navigation a.Active { color:#15c8e4; }

/* Intro Content */

#IntroContentFrame
{
	min-height:240px;
	color:#cecece;
	font-size:115%;
	position:relative;
	overflow:hidden;
}

#IntroHero
{
	position:absolute;
	bottom:0px;
	right:30px;
	width:474px;
	height:384px;
	background-repeat:no-repeat;
}

#IntroContent { padding:50px 515px 20px 0; }

#IntroContent h1 { font-size:205%; margin:0 0 20px 0; }

/****** Secondary Navigation */

#SubNavOuterFrame
{
	min-width:750px;
	background:#21e6f3 url(SubNav/SubNavBG.png) repeat-x left bottom;
}

#SubNavFrame
{
	width:85%;
	min-width:720px;
	margin:0 auto;
	text-align:left;
	padding:4px 0 0 0;
	overflow:hidden;
	color:black;
}

/* Breadcrumb */

#Breadcrumb
{
	font-size:85%;
	font-weight:bold;
	color:#008aa3;
}

#Breadcrumb a
{
	color:Black;
	text-decoration:none;
}
#Breadcrumb a:hover { text-decoration:underline; }

#Breadcrumb span
{
	display:inline-block;
	padding:0 7px;
}

#Breadcrumb .hr
{
	border-top:1px solid #8eeef7;
	height:0px;
	margin:0.3em 0 0 0;
}
#Breadcrumb .hr hr { display:none; }

/* Sub Nav */

#SubNav { padding-top:8px; }

#SubNav span { display:none; }

#SubNav a
{
	float:left;
	font-size:90%;
	line-height:normal;
	font-weight:bold;
	color:White;
	text-decoration:none;
	text-transform:uppercase;
	margin:0 4px 10px 0;
	cursor:pointer;
	background:#00c3cf url(SubNav/SubNavItemBG.png) repeat-x left bottom;
	position:relative;
}

#SubNav a span { display:block; }

#SubNav a .Item
{
	float:left;
	padding:7px 15px;
}

#SubNav a .TL,
#SubNav a .TR,
#SubNav a .BL,
#SubNav a .BR
{
	position:absolute;
	width:4px;
	height:4px;
	background:url(SubNav/CornerSprite.png) no-repeat left top;
}

#SubNav a .TL
{
	left:0;
	top:0;
}

#SubNav a .TR
{
	right:0;
	top:0;
	background-position:left -4px;
}

#SubNav a .BL
{
	left:0;
	bottom:0;
	background-position:left -8px;
}

#SubNav a .BR
{
	right:0;
	bottom:0;
	background-position:left -12px;
}

/* Active Item Styles */

#SubNav a:hover,
#SubNav .Active
{
	color:#00a4b7;
	background:#e6e6e6 url(SubNav/SubNavItemActiveBG.png) repeat-x left top;
}

#SubNav a:hover .Item,
#SubNav .Active .Item
{ background:url(SubNav/SubNavItemShadow.gif) repeat-y left top; }

#SubNav a:hover .TL,
#SubNav .Active .TL
{ background-position:-4px top; }

#SubNav a:hover .TR,
#SubNav .Active .TR
{ background-position:-4px -4px; }

#SubNav a:hover .BL,
#SubNav .Active .BL
{ background-position:-4px -8px; }

#SubNav a:hover .BR,
#SubNav .Active .BR
{ background-position:-4px -12px; }

/****** Content */

#ContentOuterFrame { min-width:870px; }

#ContentFrame
{
	width:85%;
	min-width:870px;
	margin:0 auto;
	text-align:left;
	padding-bottom:6em;
	overflow:hidden;
	color:black;
	text-align:justify;
}

#Content
{
	padding:2em 0;
	overflow:hidden;
	width:100%;
}

#ContentMainPanel { float:left; width:64%; }

#ContentAuxPanel { float:right; width:33%; }

/****** Footer */

#FooterFrame
{
	background:#d4d4d4;
	margin-top:-6em;
	color:#707070;
	height:auto !important; height:6em; min-height:6em;
	min-width:900px;
}

#Footer
{
	padding-top:2.5em;
	width:85%;
	min-width:870px;
	margin:0 auto;
	font-size:90%;
}

#Footer a { color:#707070; }

#Footer div span { padding:0 1em; white-space:nowrap; }
#Footer div span:first-child { padding:0 1em 0 0; }

#Footer form
{
	float:right;
	margin:0;
	padding:0;
}

#Footer form label
{
	color:#a1a1a1;
	font-size:135%;
	font-weight:bold;
	letter-spacing:-1px;
	text-transform:lowercase;
	padding:0 1ex 0 0;
	vertical-align:middle;
}

#Footer form input
{
	border-top:none;
	border-left:none;
	border-right:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	padding:0.7ex 0.5ex 0.5ex 0.5ex;
	margin:0 1ex 0 0;
	background:#f6f6f6 url(Frame/TextBoxBG.png) no-repeat top left;
	vertical-align:middle;
	font-size:95%;
	color:#989898;
	width:10em;
}

#Footer form button
{
	font-family:'Arial Narrow',sans-serif;
	font-size:90%;
	font-weight:bold;
	color:white;
	background:#a3a3a3 url(Frame/GoBtn.png) repeat-x top;
	text-transform:uppercase;
	padding:0;
	border:none;
	border-right:1px solid #a0a0a0;
	vertical-align:middle;
	cursor:pointer;
}

#Footer form button span
{
	display:block;
	height:1em;
	line-height:1em;
	padding:0.55em 0.7ex 0.45em 0.7ex;
	text-align:center;
	background:url(Frame/GoBtnBot.png) repeat-x bottom;
}

#Footer form button:hover { color: #a0f2ff; }
