/*
							<p style="color: #0cc;">test</p>
							<p style="color: #09f;">test</p>
							<p style="color: #3c3;">test</p>
							<p style="color: #6cf;">test</p>
							<p style="color: #036;">test</p>
							<p style="color: #039;">test</p>
							<p style="color: #393;">test</p>
							<p style="color: #9c9;">test</p>
							<p style="color: #39f;">test</p>
							<p style="color: #c30;">test</p>
*/

body { font-family: Verdana, Helvetica, sans-serif; font-size: 12px;	color: #000; 
background: #066 url('bg_top.jpg') repeat-x top left; margin: 0; line-height: 0; /* image spacing */}

#topBar { width: 951px; height: 27px; padding: 0; margin: 0; }
#topBar form { margin: 3px 150px 2px 30px; padding: 0; }
#topBar a { float: right; margin: 11px 110px 0 0; font-weight: bold; }
#topBar a:hover { color: #fff; }

.center { margin: 0 auto 0 auto; width: 951px; line-height: 0; padding: 0 0 0 69px; }

/* main content container */	
#content { margin: 0 0 0 0px; width: 858px; padding: 0; 
	border-left: 2px solid #39c; border-right: 2px solid #39c; 
	background: #fff url('bg_content_yellow.jpg') repeat-x top left; }
	
#left { background: #fff url('bg_nav_blue_swirl.jpg') no-repeat top left; font-size: 10px; /* image spacing */	 
		float: left; margin: 0; padding: 19px 26px 19px 26px; min-height: 358px; /* show whole background, adds to padding */}

#main { background: url('bg_content_blue_swirl.jpg') no-repeat top left; line-height: 20px; 
		margin: 0 0 0 279px; padding: 12px 12px 8px 0; min-height: 376px; /* consistent with #left */}

#footer { background: #066 url('bg_bottom.jpg') repeat-x top left; }
#footer > div { height: 160px; background: url('bg_footer.jpg') no-repeat 69px 14px; }
#footer > div  > div { padding: 40px 300px 0 0; line-height: 20px; color: #ccc; text-align: center; }
#footer  a { color: #6cf; }
#footer > div > a > img { float: right; margin: 110px 90px 0 0; } /* W3C validation */

.message, .error { font-size: 14px; font-weight: bold; }
.error { color: red; }
.active { font-weight: bold; }

/* links */
a { text-decoration: none; color: #039; }
a:hover { color: #3c3; }

	/* margins */	
	dl { margin: 24px 0 8px 0; } /* all resource groups */
	#synonyms, #properties { margin: 16px 0 8px 0; } /* 'also referred to as' group, property table */
	p {	margin: 8px 0 8px 0; }
	p.asterisk { margin-top: -4px; } /* asterisk text under resource group */

	/* welcome note */
	#welcome { margin: 0 8px 12px 0; text-align: right; }
  
	/* rights (edit/new) */
	#rights { float: left; color: #c30; text-decoration: underline; margin-right: 12px; }
	
	#path { font-weight: bold; }
	
	/* resource type (with count) after resource name */
	#main a.type { font-style: italic; white-space: nowrap; }
	#main a.type + span { font-style: italic; }
	
	/* all resource groups */
	/* resource group heading */
	dt { margin: 0 0 4px 0; padding: 4px 8px 4px 24px; font-size: 13px; background-repeat: no-repeat; 
		background-position: 8px 50%; background-image: url('open.gif'); }
	dl.collapsed dt { background-image: url('closed.gif'); }
	/* showing x of y */
	.showing { float: right; }
	dl.collapsed  .showing { display: none; }
	/* resource item */	
	dd { margin: 0 0 6px 0; line-height: 14px; padding: 0; }
	dd > table { margin: -4px 0 0 0; border-collapse: collapse; }	
	dd  th  { border-bottom: 2px solid #bbb; border-top: 2px solid #bbb; }
	dd  td { border-bottom: 1px solid #bbb; }
	dd td, dd th { padding: 4px 6px 4px 6px; line-height: 14px; }
	dd > a { font-size: 13px; }
	dd th a { font-weight: normal; color: #393; }

	/* pagination */	
	.paginate  { text-align: center; background-color: transparent !important; padding-top: 0; }
	.paginate a { color: #000; margin: 0 2px 0 2px; padding: 0 2px 0 2px; }
	.paginate a[href], .paginate a:link, .paginate a:visited { color: #393; }
	.paginate a:hover[href] { color: #3d3; }
	
	/* specific resource group headings */
	.Publication dt, 
	#Publication dt, #Database dt, #Person dt, #Organization dt, 
	#Research_Project dt, #Extension_Program dt, #instance dt, 
	#Research_Priority dt, #Website dt, #Model dt, #FAQ_Question dt
		{ background-color: #dee5ff; }

	#keyword-general dt, #keyword-specific dt, #keyword dt
		{ background-color: #cfc; }
		
	#type-general dt, #type-specific dt, #type dt
		{ background-color: #ffc; }
		
	#Class-general dt, #Class-specific dt, #related dt
		{ background-color: #eee; }
		
	/* pink { background-color: #fcc; } */
		
	/* 'also referred to as' group */
		/* heading */
		#synonyms > dt { margin: 0 0 2px 0; padding: 0; font-weight: bold; background-image: none; }
		/* synonym */
		#synonyms > dd { font-size: 14px; }

	/* property table */
		/* all cells */
		#properties td { vertical-align: top; line-height: 1.2; padding: 6px 4px 6px 0; 
						white-space: nowrap; font-weight: bold; font-size: 12px; }
		/* all cells but first column (=>second column) */
		#properties td + td { padding: 5px 0 5px 4px;	white-space: normal; 
							font-weight: normal; font-size: 14px; }
		/* allow wrapping of long cells */
		#properties td.long { white-space: normal; }
		/* turn off margins for paragraphs inside cells */
		#properties td > p { margin: 0; }

		#url { margin: 16px 0 -4px 0; width: 174px; height: 30px; padding: 8px; background: #dee5ff; border: 1px solid #39c; }
		#url a { margin-left: 8px; vertical-align: 11px; font-weight: bold; }
		
	/* list (a-z letters) */
	#list { margin: 8px 0 12px 0; }
	
	#list dt { background-image: none; }

		/* glossary terms */
		#list h1 { display: block; margin: 24px 0 0 0; }
		
	/* enter form */
		#links input { color: #c00; font-size: 14px; font-weight: bold; padding: 1px 3px 0 3px; }
		#links select { margin-right: 4px; }
		#links div { margin: 6px 0 10px 0; }
		#main form td, #main form th { padding: 4px; }
		#leftButtons { float: left; }
		#rightButtons { text-align: right; }
		#leftButtons input, #rightButtons input { margin: 3px 10px 5px 0; }

img { border: none; }

h1
{
	display: inline;
	font-size: 18px;
	font-weight: bold;
	color: #007f53;
}

ul#navmenu li span { float: right; margin-right: 16px; } /* for expandable nav items '>' */

/* Root = Vertical, Secondary = Vertical */
ul#navmenu, ul#navmenu li, ul#navmenu ul {
  margin: 0;
  border: 0 none;
  border: 1px solid #000;
  padding: 0;
  width: 227px; /*For KHTML*/
  list-style: none;
  
}
ul#navmenu {
  border: none;
}

ul#navmenu li {
  border: none;
}

ul#navmenu ul {
  border-top: 1px solid #066;
  border-bottom: 1px solid #066;
}

ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
	background: url('bg_nav.jpg') repeat-y top left;
	background: none;
}

ul#navmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block ! important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

/* Root Menu */
ul#navmenu a {
  padding: 0 0px;
  display: block;
  background: #FFF;
  background-image: url('nav_03.jpg');
  color: #d7f0be;
  font: normal 11px/22px Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
  padding: 5px 2px 6px 16px;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #000;
  background-image: url('nav1_03.jpg');
  color: #064;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #000;
  background-image: url('nav_03.jpg');
  color: #d7f0be;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #000;
  background-image: url('nav1_03.jpg');
  color: #064;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 227px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}