/* General Styles */


body { padding: 0; background-color: #fff; background-image: url('../_assets/images/content_shadow-sides-834x64.png'); background-position: center; background-repeat: repeat-y; color: #000; padding: 32px; font-family: Verdana, sans-serif; margin: 0 }



/* Page Header Styles */


div#PageHeader { background-image: url("../_assets/images/page_header_background-750x177-1.png"); color: #fff; width: 750px; height: 177px; margin: 0 auto 32px auto; position: relative }

div#PageHeader h1 { margin: 0; display: block }

div#PageHeader h1 img { padding: 0; margin: 0; position: absolute; left: 24px; top: 24px }

div#PageHeader ul { background-color: transparent; color: #fff; list-style-type: none; padding: 0; font-size: 11px; margin: 0; position: absolute; right: 25px; bottom: 23px }

div#PageHeader ul li { display: inline; margin: 0 }

div#PageHeader ul li + li  { margin-left: 10px }

div#PageHeader ul li a { margin: 0 }

div#PageHeader ul li a:link, div#PageHeader ul li a:visited { background-color: transparent; color: #fff; text-decoration: none }
div#PageHeader ul li a:hover, div#PageHeader ul li a:active { background-color: transparent; color: #ff0; text-decoration: underline }



/* Status Note Styles */

div.StatusNote { width: 680px; height: 66px; background-color: transparent; background-image:url("../_assets/images/status_note_background.png"); color: #444; padding: 17px 20px; margin-top: 48px; margin-bottom: 48px; margin-left: auto; margin-right: auto; display: block }

div.StatusNote h2 { font-size: 15px; margin: 0 0 8px 0 }

div.StatusNote p { font-size: 15px; margin: 0 }

div.StatusNote p a:link { background-color: transparent; color: #36c; text-decoration: underline }
div.StatusNote p a:visited { background-color: transparent; color: #36c; text-decoration: underline }
div.StatusNote p a:hover { background-color: transparent; color: #36f; text-decoration: underline }
div.StatusNote p a:active { background-color: transparent; color: #f00; text-decoration: underline }



/* Teaser Styles */


div.Teaser { width: 750px; margin: 32px auto }

div.Teaser h2 { background-image: url("../_assets/images/heading_background-750x50-1.png"); color: #fff; padding: 14px 0 0 0; width: 750px; height: 36px; font-size: 18px; text-align: center; margin: 0 auto 16px auto }

div.Teaser div a img { border: none; display: block }

div.Teaser p { font-size: 13px; text-align: center }

div.Teaser p.Links { background-color: transparent; color: #ccc }

div.Teaser p.Links a { font-weight: bold }

div.Teaser p.Links a:link, div.Teaser p.Links a:visited { background-color: transparent; color: #39c; text-decoration: none }
div.Teaser p.Links a:hover, div.Teaser p.Links a:active { background-color: transparent; color: #069; text-decoration: underline }



/* Feature Styles */


div.Features { background-color: transparent; color: #ccc; width: 750px; margin: 32px auto }

div.Features h2 { background-image: url("../_assets/images/heading_background-750x50-1.png"); color: #fff; padding: 14px 0 0 0; width: 750px; height: 36px; font-size: 18px; text-align: center; margin: 0 auto 16px auto }

div.Features div.Feature { background-color: #eee; color: inherit; padding: 24px; width: 162px; margin: 8px auto 8px auto }

div.Features div.Feature p { font-size: 11px; text-align: center; margin: 8px auto 0 auto }

div.Features div.Feature p a { font-weight: bold }

div.Features a:link, div.Features a:visited { background-color: transparent; color: #39c; text-decoration: none }
div.Features a:hover, div.Features a:active { background-color: transparent; color: #069; text-decoration: underline }



/* Main Content Styles */


div.MainContent { width: 620px; margin: 32px auto }

div.MainContent h2 { font-size: 15px }

div.MainContent p { font-size: 15px }



/* Navigation Styles */

p.NavigationLinks { margin: 16px 0 16px 0; text-align: center }

p.NavigationLinks A { font-weight: bold }


img.ScreenShot { border: 1px solid #eee; display: block; margin: auto }



/* Content Styles */

div.ContentDescription
{
	width: 750px;
	margin: 32px auto
}

div.ContentDescription h2
{
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 20px
}

div.ContentDescription h3
{
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 8px
}

div.ContentDescription p
{
	font-size: 13px;
	margin-top: 8px;
	margin-bottom: 8px
}

div.ContentDescription p.ImportantNote
{
	border-left: 5px solid #f93;
	background-color: #ff9;
	color: inherit;
	font-size: 12px;
	padding: 10px 12px;
	margin-top: 20px
}


p.ContentNote { border: 1px solid #aaa; background-color: #555; color: #eee; padding: 7px; width: 626px; text-align: left; margin-left: auto; margin-right: auto; margin-bottom: 8px }


/* These two styles are separate because Mozilla (Gecko/20040206) ignores the
   border parameter for the OBJECT element (it honors "display" and "margin"). */
div.Interface { width: 640px; margin: auto }
div.Interface OBJECT { display: block }


/* These two styles are separate because Mozilla (Gecko/20040206) ignores the
   border parameter for the OBJECT element (it honors "display" and "margin"). */
div.FlashContent { border: 1px solid #aaa; margin: auto }
div.FlashContent OBJECT { display: block }


div.Width550 { width: 550px }

div.Width640 { width: 640px }

div.Width800 { width: 800px }



/* Page Footer Styles */

DIV#PageFooter { margin-top: 16px }
DIV#PageFooter P { background-color: inherit; color: #818181; font-size: 9px; text-align: center; margin: 0 }

DIV#PageFooter P A:link, DIV#PageFooter P A:visited { background-color: inherit; color: #818181; text-decoration: none }
DIV#PageFooter P A:hover, DIV#PageFooter P A:active { background-color: inherit; color: #39c; text-decoration: underline }