/* This stylesheet contains styles for the standard full-page layout */

@import url("global.css");		/* Import basic sitewide styles */


/* General list overrides */
#nav_account,
#nav_site,
#nav_site_ul,
#nav_extras
{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
}
#nav_account li,
#nav_site li,
#nav_extras li	{ display: inline; }


/* Page backgrounds */

body
{
	background: #023 url("images/canvas_shadow.png") 50% 0 repeat-y;
	text-align: center;
	padding: 0;
	margin: 0;
}

#page
{
	background: #003A6A url("images/page_bkg.png") 50% 0 repeat-y;
	width: 748px;
	margin: 0 auto;
	text-align: left;
}

/* Banner and logo */

#header		{ width: 100%; height: 155px; background: url("images/header.jpg") no-repeat; }
#header *	{ margin: 0; position: absolute; top: -5000px; }

/* Top navigation */

#nav_site
{
	background: url("images/nav_bkg.png") 0 6px repeat-x;
	height: 33px;
	margin: -6px 9px 0;
	padding: 0 0 0 38px;
}

#nav_site li
{
	position: relative;
	float: left;
	padding-left: 11px;
	background: url("images/nav_divider.png") 4px 12px no-repeat;
	padding-bottom: 4px;	/* the padding prevents mouseover difficulties with the submenus */
	margin-bottom: -4px;
}
#nav_welcome	{ padding-left: 0 !important; background: transparent !important; }
#nav_site a		{ display: block; height: 32px; text-decoration: none; }
#nav_site span	{ display: block; text-indent: -5000px; }

#nav_welcome,	#nav_welcome a		{ width: 148px; background-image: url("images/nav_welcome.png"); z-index: 999}
#nav_products,	#nav_products a		{ width: 172px; background-image: url("images/nav_products.png"); z-index: 999 }
#nav_resources,	#nav_resources a	{ width: 184px; background-image: url("images/nav_resources.png"); z-index: 999}
#nav_contact,	#nav_contact a		{ width: 118px; background-image: url("images/nav_contact.png"); z-index: 999}

#nav_site a:hover,
#nav_site li.selected a,
#nav_site li:hover a,
#nav_site li.hover a	{ background-position: 0 32px !important; }

/* Subnavigation menus */

#nav_site ul
{
	position: absolute;
	top: -5000px;
	margin: 32px 0 0 2px;
	padding: 4px 4px 8px;
	background: #035 url("images/nav_menu.png") repeat-x;
	border-bottom: 3px solid #369;
	font-size: 95%;
}

#nav_site li:hover ul,
#nav_site li.hover ul	{ top: 0; }

#nav_welcome ul		{ width: 136px; }
#nav_products ul	{ width: 160px; }
#nav_resources ul	{ width: 172px; }
#nav_contact ul		{ width: 106px; }

#nav_site ul li
{
	float: none;
	background: transparent;
	padding: 0;
}
#nav_site ul a
{
	width: auto;
	height: auto;
	background: transparent;
	padding: 0.15em 0.3em;
	border-bottom: 1px solid #046;
	margin: 0;
}
/* Makes whole area of link act nicer in IE/Win /* */
* html #nav_site ul a	{ height: 1px; }
/* */

#nav_site ul a:hover	{ background-color: #023; }

/* Sub-subnavigation menus */
#nav_site ul ul
{
	position: static;
	width: auto;
	margin: 0 0 0 11px;
	padding: 0;
	border-left: 1px solid #046;
	border-bottom: 0;
	background: transparent;
}

/* Sub-sub-subnavigation menus (why god, why) */
#nav_site ul ul ul	{ border-left-width: 13px; padding-left: 0; }


/* Account subnavigation */

#nav_account
{
	background: url("images/account_bkg.jpg") no-repeat;
	color: black;
	text-align: center;
	padding: 4px 16px 4px 342px;
	height: 32px;
}
html>body #nav_account	{ height: auto; min-height: 32px; }

#nav_account a	{ color: white; white-space: nowrap; }


/* Content area and backgrounds */

#main		{ clear: both; background: url("images/page_top.jpg") no-repeat; width: 100%; }
#content	{ padding: 16px 48px 0px 35px;}

.with_sidebar #content	{ padding-right: 185px; }

#end_of_main	{ visibility: hidden; margin: 0; clear: both; }

/* In-page navigation */

#nav_page	{ border-bottom: 3px solid white; }


/* Sidebar layout */

#sidebar
{
	float: right;
	width: 160px;
	padding-right: 18px;
	padding-top: 16px;
}

/* Subsection navigation */

#nav_section
{
	background: url("images/subnav_bottom.png") 0 100% repeat-x;
	margin: 0 0 2em;
	padding-bottom: 12px;
	font-size: 95%;
}
#nav_section_bkg	{ background: #059 url("images/subnav_bkg.png") 0 100% repeat-x; height: 88px; padding-bottom: 12px; }
html>body #nav_section_bkg	{ height: auto; min-height: 88px; }

#nav_section h3
{
	color: black;
	margin: 0;

	text-align: center;
	font: 140% Georgia, "Times New Roman", Times, serif;

	border-top: 1px solid #DEF;
	background: #BCD url("images/subnav_heading.png") 0 100% no-repeat;
	padding: 0 6px 12px;
}

#nav_section ul	{ list-style-image: url("images/bullet_subnav.png"); margin: 0 0 0 24px; }

/* Footer content */

#footer
{
	text-align: right;
	font-size: 90%;
	clear: both;
	background: #035 url("images/canvas_bkg.png");
}
#copyright
{ 
	color: #7CD;
	margin: 0;
	padding: 64px 8px 0;
	background: url("images/page_bottom.png") no-repeat;
}

.prodev_logo img	{ vertical-align: middle; }

#nav_legal
{
	padding: 12px 8px;
	background: url("images/copyright_bar.png") 50% 0 no-repeat;
	margin: 0;
}
#nav_legal li	{ display: inline; color: black; }

.floatl
{
	float: left;
}

.floatr
{
	float: right;
}

img.floatl
{
	padding-right: 10px;
	padding-bottom: 5px;
}
img.floatr
{
	padding-left: 10px;
	padding-bottom: 5px;
}