/* *** RESET DEFAULT TAG ATTRIBUTES *** */
/* link underlines tend to make hypertext less readable, because underlines obscure the shapes of the lower halves of words */
:link, :visited {
    text-decoration:none ;
	color:#7F7F00;
}


/* avoid browser default inconsistent heading font-sizes and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code {
     font-size: 1em; 
}
/* remove the inconsistent (among browsers) default ul,ol padding or margin */
/* the default spacing on headings does not match nor align with normal interline spacing at all. */
/* zero out the spacing around pre, form, body, html, p, blockquote */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/* nonetheless strip their margin and padding as well */
li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
     margin: 0; 
     padding: 0;
}
/* whoever thought blue linked image borders were a good idea? */ 
a img,:link img,:visited img {
     border: none;
	 color:#009900;
}
/* de-italicize address */
address {
     font-style: normal;
}
/* *** END OF DEFAULT RESET *** */


/* *** START OF SITE SPECIFIC STYLING *** */
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 90%;
	font-size-adjust: none;
	color: #445522; /*dark green*/
	background-color:#eeeeee; /*light gray*/
	margin: auto;
	padding: 0px;
	height: 100%;
	width: 891px;
}
h1, h2, h3, h4, h5 {
  	font-size:120%;
    font-family: Arial,Helvetica,Arial,sans-serif;
    font-weight: bold;
    margin:0px;
    padding:8px 0px 6px 0px;
    line-height:1.1em;
    color:#445522; /*dark green*/
}
h2 {
    font-size:90%;
}
h3 {
    font-size:80%;
}
h4 {
    font-size:75%;
}
h5{
     font-size:65%;
	 }
	 
h6{
	font-size:60%;
	}
h7{			/*used for order list on objectives page*/
	font-size:90%; 
	font-family: Arial,Helvetica,Arial,sans-serif;
    font-weight: bold;
    line-height:2.0em;
    color:#445522; /*dark green*/
}

h8{			/*used for order list on objectives page*/
	font-size:85%;
	font-family: Arial,Helvetica,Arial,sans-serif;
    font-weight: lighter;
    line-height:1.5em;
    
}

p {
    margin: 4px 0px 8px 0px;
}
#body-wrapper {
  width: 891px;
  height: 880px;
  margin-left: auto;
  margin-right: auto;
  background-image: url(bk-image.gif); /*background picture*/
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-color: #eeeeee; /*light gray*/
  background-position: top center;
  float:left;
  position:absolute;
  top:auto;
  left:auto;
  border-left: 12px solid #eeeeee; /*light gray*/
  border-top: 5px solid #eeeeee; /*light gray*/
  }
#page-wrapper {
  display: block;
  position: relative;
    top: 70px;
  left: 175px;
  width: 800px;
  height: 42px;
  background-color:transparent;
}

#tree-img-wrapper {
  position:absolute;
  top:22px;
  left:27px; 
  z-index:999;
}

#tree-img {
    height: 115px;
    width: 115px;	
	background-color:transparent;
}

#header-wrapper {
    font-size: 90%;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    line-height:2.4em;
}

  #login-button {
    position: absolute;
	right: auto;
	top:auto;
   	background:none;
	background-color:transparent;
   	
	z-index:5;
	background-position: top center;
	float:left;
	margin-left: 370px;
  	margin-top: 36px;
	}

#header-menu {
  display: inline;
  margin: 0;
  padding: 0;
}
#header-menu-item {
  padding-right: 32px;
  padding-left: 32px;
  text-transform: uppercase;
  
}
#header-menu a {
  color:#445522; /*dark green*/
  text-decoration: none;
  padding-right: 22px;
  padding-left: 22px;
  text-transform:none;
}

#header-menu a:hover {
  color: #93841F; /*Brown Green*/
  }
#header-menu a:active {
  color: #69941f; /*green*/
}
#header-menu a.current-page{
  color: #69941f; /*green*/
}
	

#content-wrapper {
  position: relative;
   overflow: auto;
   width: 740px;
}

.content-portal {  /*CSS FOR PAGE CONTENT CONTAINER*/
   font-size:80%; 
   line-height:1.5em;
   margin: 26px 6px 24px 10px;
	
   height: 560px;
   width: 420px;
}

.content-portal4 {  /*CSS FOR PAGE CONTENT CONTAINER*/
   font-size:90%; 
   line-height:1.5em;
   margin: 26px 6px 24px 10px;
	
   height: 577px;
   width: 700px;
}


#main-image {
  padding: 10px 0px 0px 48px;
}
    
#right-portal-wrapper-img{
    position: absolute;
	right:30px;
	top:40px;
    width:33%;
    height:400px;
	background:none;
	background-color:transparent;
	margin-right:0px ;
	margin-left:10px;
}

#right-portal-wrapper {
	position: absolute;
	top: 34px;
	right: 30px;
    width:205px; 
    height:571px;
	background: transparent scroll;
}

#right-portal-wrapper h3{
    text-align:center;
}
.right-portal-1 {
   	margin-top:4px;
    height: 550px;
    padding-left: 14px;
    padding-right:12px;
    overflow: hidden;
}
.right-portal-2 {
    margin-top:29px;
    height: 200px;
    padding-left: 14px;
    padding-right: 12px;
    overflow: hidden;
}
.right-portal-3 {
    margin-top:29px;
    height: 700px;
    padding-left: 14px;
    padding-right: 12px;
    overflow: hidden;
}
.right-portal-4 {
    margin-top:29px;
    height: 600px;
    padding-left: 14px;
    padding-right: 12px;
    overflow: hidden;
}
.right-portal-content {  /*CSS FOR RIGHT PORTAL CONTENT*/
    font-size:78%;
    margin-left: 4px;
    margin-right: 2px;
    margin-top: -7px;
}

#left-portal{
	font-family: Arial, Verdana,Helvetica,sans-serif;
	position: absolute;
	top: 75px;
	left: -163px;
	
	background-color: #c4c9a4; /*light green*/
	width: 150px;
	height: 570px;
}
#left-portal-menu {
    background: transparent;
	
	height: 530px;
}
#left-menu {
    list-style-type: none;
    padding-left:0px;
    margin-left: 4px;
    line-height:2.2em;
    padding-top:0px;
    margin-top:0px;
	
}
#left-menu li {
    margin-top: 3px;
}
#left-menu a {
	list-style-type: none;
	color: #131111; /*  black  */
	font-size: 90%;
	font-weight: bold;
	list-style-type: none;
	overflow:hidden;
}
#left-sub-menu {
	color: #445522; /*dark green*/
	font-weight:normal;
	line-height:1.1em;
	list-style-type:none;
	margin-top:0px;
	margin-left: 8px;
	padding-left:0px;
	padding-right: 0px;
}
#left-sub-menu li a.sub-menu-item{
	margin-left: 0px;
	text-decoration: none;
	color:#445522; /*dark green*/
	overflow: hidden;
	font-size: 75%;
}

/* .sub-menu-item2{			this is the CSS to control the "A Simple Example" text in the left menu bar 
	font-weight:normal;
	font-style: italic;
	line-height:1em;
	list-style-type:none;
	margin-top: 0px;
	text-decoration: none;
	color:#445522; dark green
	overflow: hidden;
	font-size: 80%;
}
*/
#left-sub-menu li a.sub-menu-item-current{
	margin-left: 0px;
	text-decoration: none;
	color: #69941f; /*green*/
	overflow: hidden;
	
}


#left-sub-menu li a:hover{
    color: #93841F; /*Brown Green*/
	
	
}
#left-sub-menu li a:active{
    font-weight:bold;   
}
#left-sub-menu li a:thispage{
    color: #69941f; /*Light Green*/
}
#footer-menu1-wrapper {
    font-size: 72%;
    font-weight: bold;
    margin-top: 25px;
    padding-left:0px;
    margin-left:-6px;
    float:left;
    width:100%;
    background-color:#445522; /*dark green*/
}
#footer-menu2-wrapper {
    font-size: 72%;
    font-weight: bold;
    margin-top: 1px;
    padding-left:0px;
    margin-left:-6px;
    text-align:center;
    float:left;
    width:100%;
    background-color:#445522; /*dark green*/
}
#footer-menu {
  display: inline;
  text-align: center;
  text-decoration: none;
  line-height:1.6em;
}
#footer-menu-item {
  padding:0px 4px;
  margin:0px;
}
#footer-menu a {
  color:white; 
  text-decoration: none;
  padding-right: 3px;
  padding-left: 10px;
}
#footer-menu a:hover {
  color: #69941f; /*green*/
  background-color: White;
}
#footer-menu a:active {
  color: #69941f; /*green*/
  background-color:white;
}
#portal-partners {
  padding-top:50px;
}
#usda-logo {
  padding-bottom:10px;
}
#srs-logo {
  padding-bottom:10px;
}

ol{
   list-style-position:outside;
   list-style-type:decimal;
   font-weight:bold;
}
ul {
	list-style-image: none;
	list-style-type: disc;
	list-style-position: outside;
}

.screen-shot {	/* CSS for the screen shots*/
	 
	border: 1px solid #445522;
	
	}
.style1 {font-size: 85%}
.style5 {font-size: 102%}
.style6 {    		/*this is the CSS to control the "A Simple Example" text in the left menu bar*/
	font-weight: lighter;
	font-style: normak;
	line-height:0em;
	list-style-type:none;
	margin-top: 0px;
	color:#445522; /*dark green*/
	overflow: hidden;
	font-size: 75%;
	}
.style9 {
	color: #FFFFFF;
	font-size: 100%;}
	 	   
/* *** END SITE SPECIFIC STYLING *** */