/******************************************** 
 * Default formatting by element type
 ********************************************/

body {
	background-color: #7da08e;
	margin: 0px;
	margin-bottom: 15px;}

/********************************************
 * Standard content divisions (by id), and 
 * the style clases associated with them...
 */

/********************************************
 * masthead                    #top-section
 ********************************************/

#masthead {
	border-bottom: 0px;
	border-collapse: collapse;
	width: 100%;}

.branding-area-left {
	background-position: bottom left;
	background-repeat: repeat-x;
	padding: 15px 10px;
	vertical-align: top;
	width: 100%;}

.branding-area-right {
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;}

.logo-area {}

.text-brand-area {
	position: relative;
	top: -42px;
	left: 140px;
	font: 135% helvetica,arial,sans-serif}

.text-brand-area a,
.text-brand-area a:link,
.text-brand-area a:visited {
	color: black;
	text-decoration: none;}

.text-brand-area .usda {
	font-size: 60%;
	display: block;}

.text-brand-area .fsa {
	display: block;}

.app-brand {
	color: slategray;
	padding: 0px 15px 2px 15px;
	text-align: right;
	font: 110% arial,sans-serif;
	font-weight: 700;}

.masthead-top {
	padding: 0px;
	margin: 0px;
	height: 114px;
	width: 305px;
	vertical-align: top;}

.masthead-top-image {
	position: relative;
	float: right;
	margin-top: -1px;
	margin-right: -1px;}

/********************************************
 * menubar                     #top-section
 ********************************************/

#menubar {
	background-color: #054e1e;
	margin: 3px 0px 0px 0px;
	border-top: 2px groove #054e1e;
	border-bottom: 2px ridge #054e1e;
	padding: 0px 0px 0px 35px;
	height: 17px;
	font-size: 85%;}

table.topnav {
	background-color: #054e1e;
	margin-top: 0px;     /* fixes firefox display bug */
	border-collapse: collapse;
	float: right;}

table.topnav td {
	border-width: 0px 0px 0px 1px;
	border-style: dotted;
	border-color: #bbb;
	padding: 0px;}

table.topnav a {
	color: #ddd;
	margin: -2px 0px;
	border-top: 2px groove #054e1e;
	border-bottom: 2px ridge #054e1e;
	padding: 2px 7px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	white-space: nowrap;}

table.topnav a:visited {
	color: #ddd;}

table.topnav a:hover,
table.topnav a:focus,
table.topnav a:active {
	color: black;
	background-color: #b3c5b2;
	border-top: 2px groove #b3c5b2;
	border-bottom: 2px ridge #b3c5b2;
	text-decoration: none;}

/********************************************
 * left sidebar      #middle-left-section
 *                   also see fsa-common.css
 ********************************************/

.leftnav {
	background-color: #b8c9b9;
	margin: 0px 0px 15px 15px;
	border: 1px solid #004424;
	padding: 0px;
	width: 165px;}

.leftnav h2 {
	color: #eeffee;
	background-color: #054e1e;
	margin: 0px 0px 5px 0px;
	padding: 3px 5px;
	font-weight: bold;
	font-size: 100%;}

.leftnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;}

.leftnav ul li {
	margin: 0px 0px 0px 5px;
	border: 1px #b8c9b9 solid;  /* fixes ie bug; displays extra space if no border */
	padding: 0px;
	font-weight: bold;}

.leftnav ul li.welcome {
	margin-bottom: 4px;
	font-weight: normal;}

.leftnav ul ul li {
	margin: 0px 0px 0px 8px;
	font-weight: normal;}

.leftnav ul a {
	color: #002000;
	margin: 0px 0px 2px 0px;
	padding: 2px;
	text-decoration: none;
	display: block;}

.leftnav ul a:link, 
.leftnav ul a:visited {
	color: #002000;}

.leftnav a:hover {
	color: #002800;
	background-color: #e1f2e2;
	text-decoration: none;}

.leftnav a.current-selection:link,
.leftnav a.current-selection:visited {
	color: #ddffbb;
	background-color: #358832;
	border-top: 1px solid #204020;
	border-right: 1px solid #ccddbb;
	border-bottom: 1px solid #ccddbb;
	border-left: 1px solid #204020;
	font-weight: bold;}

.leftnav a.current-selection:hover {
	color: #ffffff;
	background-color: #60cf50;
	text-decoration: none;}

/********************************************
 * right sidebar     #middle-center-section
 *                   also see fsa-common.css
 ********************************************/

#right-sidebar {
	margin: 0px;
	padding: 0px;
	padding-top: 15px;  /* fixes ie display bug */
	font-size: 85%;}

.rightnav {
	background-color: #e7eee6;
	border: 1px solid #b8b8b8;
	margin: 0px 15px 15px 0px;
	padding: 0px;
	width: 180px;}

.rightnav h2 {
	color: #3e443e;
	background-color: #b3c5b2;
	margin: 0px;
	padding: 3px 5px;
	font-weight: bold;
	font-size: 115%;}

.rightnav a:link, 
.rightnav a:visited {
	text-decoration: none;}

.rightnav a:hover {
	text-decoration: underline;}

.rightnav ul {
	margin: 0px 0px 0px 15px;
	padding: 2px 2px 2px 0px;
	font-weight: bold;
	font-size: 90%;
	list-style-type: circle;}

.rightnav li {
	margin: 5px;}

.rightnav p {
	margin: 7px;}

/********************************************
 * title area        #middle-left-section
 *                   also see fsa-common.css
 ********************************************/

.titlebar {
	color: #e6eedd;
	background-color: #358832;
	margin: 0px;
	border: 0px;
	padding: 5px 3px 7px 6px;
	font-size: 170%;
	font-weight: 500;}

/********************************************
 * main content      #middle-center-section
 *                   see fsa-common.css
 ********************************************/

/********************************************
 * main content footer  #middle-bottom-section
 *                      see fsa-common.css
 ********************************************/

/********************************************
 * footer               #bottom-section
 ********************************************/

#footer {
	margin: 0px;
	border-top: 1px solid black;
	padding: 0px;
	font-size: 74%;}

.footer-text {
	margin: 5px 10px 0px 25px;
	text-align: left;}

.footer-text a {
	text-decoration: none;
	white-space: nowrap;}

.footer-bottom {
	position: relative;
	height: 7px;}

.footer-bottom-image {
	position: absolute;
	bottom: -2px;
	left: -1px}
/*
 * ...end standard content sections and 
 *    associated style classes.
 ********************************************/

/********************************************
 * accessibility     also see fsa-common.css
 ********************************************/

a:focus.accessibility, 
a:active.accessibility {
	/* extends fsa-common.css */
	background-color: cornsilk;
	border-color: gray;}