/* Page Container Styles */
body {
	padding: 0px; margin: 0px;
	background-image: url(../images/bg.gif); background-repeat: repeat-x;
}

#mainContainer	{ margin: 0px auto; width: 780px; }

/* Banner (Header) Styles */
#banner {
	position: relative; width: 780px; height: 131px;
	background: url(../images/banner.jpg) no-repeat;
	text-align: left;
}
	#banner #navBox			{ position: absolute;	top: 78px;	left: 3px;		height: 28px; width:149px; padding: 0px; margin: 0px; }
	#banner #navBar			{ position: absolute;	top: 108px;	left: 160px;	height: 20px; width:610px; padding: 0px; margin: 0px; }
	#banner #nav				{ position: absolute; }
	
	#banner #home		{ position: absolute; top: 3px; left: 10px; }
	#banner #topNav		{ position: absolute; top: 3px; left: 716px; }
	
	#banner div#header_home_navigation		{ float: left; width: 558px; }
	/* #banner div#header_about_navigation		{ float: left; width: 120px; } use width: 438px for div#header_home_navigation */
	#banner div#header_feedback_navigation	{ float: left; }

/* Content Area Styles */
#content	{ background: url(../images/Contentbg.jpg) repeat-y; width: 780px; }

	#content #pageContent .single		{  background-color: #ffffff; padding: 12px 16px 6px; margin: 0px 0px 4px; border: 1px solid #ebebeb; }

	#content #pageContent .summary		{ clear: both; background-color: #ffffff; padding: 18px 22px 20px 18px; margin: 0px 0px 0px; border: 1px solid #D8D8D8; border-bottom: 0px; }
	#content #pageContent .summary .more 	{ display: block; text-align: right; font-size: 90%; margin-top: 2px; }
	#content #pageContent .summary .more a	{  }

#static {text-align: left; padding: 0 20px}

/* Site Search Styles */
#searchContent	{ text-align: left; padding: 15px; }
.result			{ padding-bottom: 15px; }
.result h3			{ font-size: 12px; padding-bottom: 0px; margin-bottom:0px; }
.result div			{ font-size: 11px; padding-left: 10px; }

/* Feedback Navigation Styles */
#feedback_navigation	{ background: url(../images/FeedbackNavigationbg.jpg) repeat-y; width: 780px; text-align: left; }
	#feedback_navigation_margin	{ background: url(../images/feedback.gif) no-repeat left top; border-top: 1px solid #BBB; margin: 0px 2px 0px 10px; padding: 3px 16px 4px; clear: both; }

/* Secondary Navigation */
#secondary_navigation	{ background: url(../images/BackupNavigationbg.jpg) repeat-y; width: 780px; text-align: left; }
	#secondary_navigation_margin	{ border-top: 1px solid #BBB; margin: 0px 10px 0px 10px; padding: 0px 36px 0px 16px; clear: both; }
	
/* Backup Navigation, aka Sitemap */
#backup_navigation		{ width: 62%; float: left; }
	#backup_navigation h4	{ margin: 0px 0px 0px 0px; }
		#backup_navigation_titlebar	{ width: 100; padding: 20px 0px 0px; }
		#backup_navigation_menu		{ width: 100%; padding: 18px 0px 34px; }

/* Related Resources (connected by CSI terms) */
#related_navigation		{ width: 37%; float: left; border-left: 1px dashed #BBB; margin-top: 14px; padding-top: 6px; }
	#related_navigation h4	{ margin: 0px 0px 0px 0px; }
		#related_navigation_titlebar	{ padding: 0px 0px 0px 24px; }
		#related_navigation_titlebar p		{ font-size: 75%; }
		#related_navigation_menu		{ padding: 0px 0px 0px 24px; }

/* Paging Navigation Styles */
#pagingNav			{ text-align: right; clear: both; padding: 0px 0px 4px; margin: 10px 0px 4px; }
* html #pagingNav		{ padding: 4px 6px 4px; }
*+html #pagingNav		{ padding: 4px 6px 4px; }

/* Comments Form Styles */
#comments {padding: 10px 0 30px 10px; font-size: 12pt}
#comments h3 {padding-bottom: 4px; border-bottom: dashed #999 1px; color: #555; font-weight: bold; font-size: 10pt}
#comments p {padding: 5px 10px}
#comments form {padding: 5px 10px}
#comments form input {margin: 2px 10px}
#comments form textarea{margin: 2px 10px}
#comments label {display: block}
#comments #comments_list {padding: 5px 10px}
#comments .comment_item {padding: 10px 0px}
#comments .comment_title {font-weight: bold}

/* Resource Tools Styles */
#resource_tools {padding: 30px 0 10px 10px; text-align: left; font-size: 10pt}
#resource_tools .tool {padding: 5px 10px; text-align: left}

#resource_tools #flag {padding:0; margin-top:-20px;}
#resource_tools #flag_menu {padding:0; margin:0; border: 1px solid #99f; border-bottom: 0; width: 100px; font-family: Arial, Helvetica, sans-serif; list-style:none}
#resource_tools #flag li {border-bottom: 1px solid #99f; margin: 0; padding-left: 4px; padding-bottom: 3px; width: 96px; cursor:pointer; color: #555; background-color:#f3f3f3; font-size: 10pt}
#resource_tools #flag .topDropDown {background-image: url(../../../images/dropDownArrow.png); background-position: top right; background-repeat:no-repeat}

/* Suggest a Story Styles */
#suggestStory div {font-size: 12px; padding-bottom:15px}
#suggestStory input, #suggestStory textarea {margin-left:10px}

/* Search Box Styles */
#searchBox				{ position: absolute; top: 78px; left: 557px; height: 28px; width: 212px; padding: 3px 4px 0px 5px; margin: 0px; text-align: left; }
* html #searchBox			{ top: 77px; }
*+html #searchBox			{ top: 77px; }
#searchBox #searchButton			{ position: absolute; top: 4px; left: 150px; }
* html #searchBox #searchButton	{ top: 5px; }
*+html #searchBox #searchButton	{ top: 5px; }

/* Footer Styles */
#footer {
	padding: 0px 0px 0px 15px; width: 780px; height: 31px;
	background: url(../images/bottom.jpg) no-repeat; color: #666;
	font-size: 65%; text-align: left;
}

/* Miscellaneous Styles */
.meta { font-size: 8pt; color: #999}

#partnerLink {font-size: 12px}

#customSearch { margin: 0 10px 10px 10px; padding: 10px; border: 1px solid #bbb; text-align: left; font-size: 10pt}
#customSearch div { padding-bottom: 10px}
#showAdvanced { padding-left: 10px; font-size: 9pt}
#customSearch input, select {margin-left: 10px}
#advancedSearch {display:none}