@import url('navigation.css');

body
{
	margin: 0;
	padding: 2px;
	background-color: white;
	text-align: center;

	color: #036;
	font-family: Arial, sans-serif;
	font-size:	12px;
}
html>body	{ font-size: 12px; }

#wrapper			{ width: 950px; margin: 0 auto; position: relative; text-align: left; }
#header			
{ 
	padding-bottom: 0px; 
	border-bottom: 2px solid #036; 
	width: 100%; 
}
#header_bkg
{
	margin: 0px; 
	padding: 0px; 
	background: #CDE url("images/header_bkg.gif") repeat-x; 
	border: 1px solid #89A; 
	border-bottom: 0px;
}
#header_logo,
#header_logo.gray
{ 
	margin: -1px 0 0 -1px; 
	background: url("images/header_logo_gray.gif") no-repeat; 
}
#header_logo.gold
{ 
	background-image: url('images/header_logo.gif'); 
}
#header_logo.green
{
	background-image: url('images/header_logo_green.gif'); 
}
#header_logo.blue
{
	background-image: url('images/header_logo_blue.gif'); 
}
#header_logo.red
{
	background-image: url('images/header_logo_red.gif'); 
}
#header_logo.purple
{
	background-image: url('images/header_logo_purple.gif'); 
}

#header h1			
{ 
	font-size: 			200% !important; 
	font-weight: 		normal !important; 
	margin: 				0px 0px 0px 100px !important; 
	padding: 			5px !important; 
	border-bottom: 	0 !important; 
	background-image: none !important;
}
#header h1 strong
{ 
	color: 				#68B !important; 
	font-weight: 		normal !important;
}
#header div.clear	{ clear: left; padding-top: 2px; }

#main	{ position: relative; width: 100%; margin-top: 5px; }
.main_menumargin
{
	margin-top:		25px !important;
}

#content		{ margin-bottom: 32px; }
#content_bkg	{ width: 100%; }

#side_right
{
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 1px;
	width: 130px;
	border-left: 4px solid #036;
	font-size: 90%;
}
* html #side_right	{ width: 134px; width: 130px; }

#footer
{
	border-top: 2px dotted #CDE;
	text-align: right;
	font-size: 90%;
	color: #357;
}
.prodev_logo		{ vertical-align: text-bottom; line-height: 22px; margin: 0 4px; }
.prodev_logo img	{ vertical-align: middle; border: 0; }

/* These take effect when there is right-hand content to clear */
body.with_right #content	{ padding-right: 24px; margin-right: 131px; border-right: 4px solid #036; }
body.with_right #footer		{ margin-right: 196px; }

/* Additional bits of navigation */
#additional_nav
{
	margin: 0 0 0.1em;
	text-align: right;
	font-size: 90%;
	color: #468;
}


/* Interior & Tabbed page navigation */
div.pagenav, ul.tabnavs
{
	position:				relative;
	margin: 					0px 0px 5px 0px;
	padding: 				2px 5px 0px 5px;
	background: 			#fff url("images/shadow_lightblue_up.gif") 0 100% repeat-x;
	border-bottom: 		2px solid #9AB;
}
div.pagenav p.range			
{ 
	margin: 					2px 0px 0px 0px; 
	padding:					0px;
}
div.pagenav p.pages			
{ 
	position: 				relative; 
	font-weight: 			bold; 
	font-size:				90%;
	margin: 					0; 
	top: 						2px;				
	padding:					0px;
}
div.pagenav p.pages span	
{ 
	font-weight: 			normal; 
	color: 					#68B; 
	padding:					0px 1px 0px 1px;
}
div.pagenav p.pages a,
ul.tabnavs a				
{ 
	text-decoration: 	none;
}
ul.tabnavs
{
	margin:				0px;
}
ul.tabnavs li	
{ 
	display: 			inline;
}
ul.tabnavs a
{
	margin:				2px 2px 0px 0px;
	padding:				1px 3px 2px 1px;
	border-right: 		2px dotted #9AB;
}
div.pagenav .selected
{
	background-color: 	#FFF;
	padding: 				1px 3px 2px 3px;
	border: 					1px solid #9AB;
	border-bottom: 		0;
	white-space: 			nowrap;
}
ul.tabnavs .selected a
{
	background-color: 	#FFF;
	padding: 				1px 3px 2px 3px;
	border: 					1px solid #9AB;
	border-bottom: 		0;
	white-space: 			nowrap;
	top:						1px;
}
div.pagenav p.count
{
	padding:					0px;
	margin:					0px;
	font-size:				10px;
}
/* tabbed page navigation */
table.tabnavs
{
	border-collapse:	collapse;
}
div.tabnavs_box
{
	position:			relative;
	background:			#fff;
	margin:				0;
	padding:				0;
}
div.tabnavs_box td div.backlinks
{
	position:			relative;
	border: 1px solid blue;
}
div.tabnavs_box h3
{
	margin:				0;
	padding:				2px 2px 1px 8px;
	color:				#336699;
	font-size:			16px;
	font-weight: 		bold;
}
div.tabnavs_box h3 a
{
	margin:				0;
	padding:				2px 2px 1px 0;
	color:				#002448;
	font-size:			16px;
	font-weight:		bold;
}
div.tabnavs_box h3 a:hover
{
	color:				#5C95CD;
}



/* print-only styles (turns off unnecessary navigation elements */
@media print
{
	body	{ padding: 0; color: black; /* so we don't waste everyone's blue ink */ }

	#section_nav,
	#site_nav,
	#additional_nav,
	ul.tabnavs,
	p.pages		{ display: none; }

	#wrapper	{ width: auto; }

	body.with_right #content,
	body.with_right #footer	{ margin-right: 0; padding-right: 0; border-right: 0; }

	/* Display sidebar below main content, not alongside */
	#side_right { position: static; border-left: 0; border-top: 2px solid #036; width: auto !important; }
}