/*common styles*/
body {
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2B6556;
}

p, dd {
	font-size:80%;
	margin-top: 0px;
	margin-bottom: 8px;
	line-height: 130%;
	padding: 0px;
}
li {
	font-size:80%;
	margin-top: 0px;
	margin-bottom: 8px;
	line-height: 130%;
}


h1  {
	font-size:85%;
	color: #622232;
	margin-top: 0px;
	margin-bottom: 15px;
}

h2  {
	font-size:75%;
	color: #622232;
	margin-top: 15px;
	margin-bottom: 5px;
	clear:left;
}

h3  {
	font-size:75%;
	color: #2B6556;
	margin-top: 15px;
	margin-bottom: 5px;
	clear: left;
}

a:link  {
	color:#2B6556;
	text-decoration:underline;
}

a:visited  {
	color:#ACA49C;
	text-decoration:underline;
}

a:hover {
	color: #622232;
	text-decoration:underline;
}

.selected {
	color: #622232;;
}

.nounderline  {/*use for links with arrows*/
	color:#2B6556;
	font-weight:bold;
	text-decoration:none;
}




/*positioning divs*/

#wrapper  {/*holds all the other divs and centers on the page*/
	width: 775px;
	margin:auto;
	position:relative;
}

#topbanner  {/*holds the logo div and on second page additional links for those
things that show as the bottom boxes on the top page*/
	width: 775px;
	height: 118px;
}

#logo  { /*holds the logo*/
	width:204px;
	height: 118px;
	float:left;
}


#worldMap  {
	width:194px;
	height: 118px;
	float:right;
}

#topnavbar  {/*holds the navigation items and all the P7menus*/
	width: 775px;
	height: 29px;
	position:relative;
}

#bigPicture  { /*holds the big picture on the top page. Note it has to have a low z-index so that the agribusiness button can sit over it*/
	width: 775px;
	height: 340px;
	margin-top: 38px;
	z-index: 50;
}

#topTextarea  { /*holds the #topText div. Also holds the #buttonPicturesDiv, the three pictures at the bottom of the page*/
	width: 775px;
	margin-top: 25px;
}

#topText  {/*holds the text on the top page only.*/
	width: 405px;
	padding-left:20px;
	text-align:right;
}

#buttonPicturesDiv  {/*holds the three little box pictures at the bottom of the top page*/
	width: 292px;
	height: 100px;
	top: 0px;
	float: right;
	text-align: right;
}

.buttonPictureSpacer  { /*spaces the three pictures*/
	margin-right: 20px;
}

#bottominfo  { /*holds the address, copyright, etc.*/
	width: 775px;
	padding-top: 8px;
	background-image:url(../images/gold_dotted_line.gif);
	background-repeat:repeat-x;
	margin-top: 20px;
	text-align: center;
}

#bottominfo p {
	color:#ACA49C;
	font-size: 65%;
}

#bottominfo a {
	color:#ACA49C;
	text-decoration:none;
}

#bottominfo a:visited {
	color:#ACA49C;
	text-decoration:none;
}

#bottominfo a:hover {
	color: #622232;
	text-decoration:underline;
}


#content  { /*this is used to hold the sidebar and the textarea on the secondary pages*/
	width: 775px;
	margin-top: 38px;
}

#sidebar  {/* holds the section title and the navigation items in the sidenav for that section.
On secondary pages that don't need this we can either delete it, or just put a picture? */
	width: 193px;
	float:left;
	margin-top: 14px;
}

#sidenav  {/*holds the sectional navigation*/
	width:176px;
	padding-left: 8px;
	padding-right: 7px;
	float:left;
	background-image:url(../images/background_sidenav_wheat.jpg); /* this photo is used in the company section */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #859FB5;
	padding-top: 12px;
	background-position: bottom;
	padding-bottom: 200px;
	background-repeat: no-repeat;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #859FB5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #859FB5;
}

#sidenav p  {
	font-size: 70%;
	line-height: 110%;
	font-weight: bold;
	margin-bottom: 10px;
}

#sidenav a:link  {
	color: #2B6556;
	text-decoration:none;
}

#sidenav a:visited  {
	color: #2B6556;
	text-decoration:none;
}

#sidenav a:hover  {
	color: #622232;
	text-decoration:underline;
}

#sideNosubnav { /* holds the sectional photo when there isn't any subnavigation */
	float:left; 
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #859FB5; 
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #859FB5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #859FB5;
}

#textarea  {
	width: 552px;
	padding-left: 30px;
	float:right;
}

#textareaWide  {
	width: 775px;
	padding-left:  0px;
	float:right;
}

.clearit  { /*used to even up the sidenav and textarea*/
	clear:both;
}

.sectionTitle  { /*is the small section title above the page title*/
	color: #2B6556;
	font-size: 70%;
	margin-top: 0px;
	margin-bottom: 3px;
}

.imgFloatLeft {
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
	border: 0px solid #333333;
	padding: 0px;
	margin-top: 0px;
}

.imgFloatRight {
	float: right;
	margin-left: 10px;
	margin-bottom: 15px;
	border: 0px solid #333333;
}