html
{
height: 100%;
}

.textborder {border: 1px solid #04047e; padding: 10px;}


#head {
    background: url(banner.jpg)  no-repeat;
    height:170px;
    margin-left:auto;
    margin-right:auto;
    width:780px;
}

body {
	background-color: #ffffff; 
        background-attachment: fixed;
	margin:auto;
	padding:0;
	text-align:center;   
        height: 100%;
}

#container {
    background: url(background.jpg)  repeat-y ;
    width:780px;
    margin:auto;
    padding:0pt;
    text-align:left;

}


#menu {
    background: transparent;
    color:#FFE9AD;
    padding:0px 10px 0px 25px;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    float:left;
    width:190px;
       
}

#menu ul {
    color:#93711c;
    text-align:left;    
}


#menu li {
    border-bottom:1px solid black;
    font-weight:bold;
    font-size:14px;
    height:25px;
    margin:5px 0px;
    padding:0px;
}

#menu li a {

    color:#93711c;
    display:block;
    height:25px;
    padding:5px 0px 0px 10px;
    text-decoration:none;
}


#menu li a:hover {
    background:#93711c none repeat scroll 0% ;
    color:#000000 ;
    display:block;
    height:25px;
    text-decoration:none;
}

#menu ul {
	list-style-type:none;
}


#content {
    float:left;
    background: transparent; 
    margin:auto;
    margin-top:0px;
    width:500px;
    color: black;
    z-index:15;
}


#content p  {
    
    padding: 0px 20px 0px 20px;
}


#footer {
    background:#fffce3  url(footer.jpg)  no-repeat;
    font-size:80%;
    height:35px;
    padding:0px 0px 0px 0px;
    text-align:center;
    color: white;
    position: relative;
    margin: auto;
    margin-top: -35px;
    width: 780px;
    clear: both;
 
}

#footertext
{
    margin:0px 0px 0px 0px;
}

#intfooter {
	background: url(background.jpg)  repeat-y ;
    clear: both;
    height: 75px;
    padding: 0px 0px 0px;
    text-align: center;
    color: transparent;
    width: 780px;
    background: transparent;
    
}
#portrait {
	float:right;
    height:229px;
    width: 229px;
    margin: 0px 10px 0px 20px;
    padding: 0px 0px 0px 0px;

}
#portraitb {
	float:right;
    height:194px;
    width: 195px;
    margin: 0px 10px 0px 20px;
    padding: 0px 0px 0px 0px;

}


.portraitleft {
	float:left;
    height:156px;
    width: 195px;
    margin: 0px 10px 0px 20px;
    padding: 0px 0px 0px 0px;
    clear:both;
}

.nextrow {
	float:left;
       clear:both;
}

#nonFooter
{

position: relative;
min-height: 100%;
width: 780px;
margin: auto;
    text-align:center;
     background: transparent;  

}

.itemtitle {
   font-weight:bold;
    font-size:15px;

}
.itemdetails {
    font-size:14px;
}

ul{

color: #04047e;
}

.leftgraphic{
    margin-top: 0px;
    display: block;
    width: 165px;
    height: 341px;
    line-height: 50px;
    background: url("seeds.jpg") no-repeat;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    overflow: hidden;
}


p {
	color:#04047e;
	font-family:Verdana, arial, "sans serif";
	font-size:15px;
    
}

td {
	color:#04047e;
	font-family:Verdana, arial, "sans serif";
	font-size:15px;
    
}

div {
	color:#F7F7F7;
	font-family: Verdana, arial, "sans serif";
	font-size:15px;
    color:transparent;
    
}

a {
    color: #04047e;
    text-decoration:underline;
}

a:hover {
    color : #04047e;
    background: #dddeee;
    text-decoration:none;
}

h1 {
    color:#D0D7E7;
    font-size:22px;
    font-weight:bold;
    letter-spacing:-1px;
    line-height:normal;
    margin:0px;
    padding:0px;
}



h1 a {
	color:#000000;
}

h3 {
    color:#04047e;
    padding: 0px 0px 0px 0px;
    
    margin: 10px 0px 10px 20px;
	font-family: verdana, helvetica, "sans serif";
    /*border-bottom: 1px solid #04047e;*/
    font-size: 20px;

}

* html #nonFooter
{
height: 100%;
}


/*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/
.menuminwidth0
{
    /* for all browsers (non-IE) that obey min-width */
    position : absolute;
	margin-top : 0px; 
   border : 0;
   padding : 0;
    width : 550px;
    height : auto;
    /* 36px masthead height + 18px button height + 1px lower border*/
    min-width : 750px;
    z-index: 3;
    text-align:left

}
/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection
{
.menuminwidth0
{
    d\isplay : none;
}
}
html .menuminwidth1
{
    /* this allows IE5/6 to simulate min-width capability */
    position : absolute;
    /* we can simulate a minimum width by creating a large */
    float : left;
    /* border in this first div, then placing our content */
     height : 1px;
    /* into a second nested div (see 2nd nested div next */
    border-left : 560px solid rgb(255 , 255 , 255);
    z-index: 3;
    text-align:left


}
/* CSS box-model borders are a fixed size */
html .menuminwidth2
{
    /* used to simulate min-width capability for IE5/6 */
    position : absolute;
    margin-left : -560px;
    height : 1px;
    z-index: 3;
    text-align: left    
    left: auto;
    right: auto



}

/*========================= TOP OF THE MENU CASCADE =========================*/
.menu
{
    z-index: 3;
    position : absolute;
    /* establish a menu-relative positioning context */
    /*float : left;*/
    /* play nicely with others */
    margin : 0;
    padding : 0;
    border : 0;
    height : auto;
    /* the menu's overall height */
    width : 750px;
    font-family : Verdana , Arial , Helvetica , sans-serif;
    font-size : 18px;
    /* this (and also below) sets the menu's font size */
    left: 40px;
    top : 140px;    
    color: white;	

    
}
/* give us a black border underneath */
.menu img
{
    vertical-align : top;
}
/* prevent images from being pushed down by text */
.menu ul
{
    padding : 0;
    margin : 0;
    border : 0;
    list-style-type : none;
    /* we don't want to view the list as a list */
line-height : 1.5em 
}
/* this must be 1.0 or 1.5 or 2.0 for Mozilla  globally set the menu's item spacing. note */
.menu li
{
    float : left;
    /* this creates the side-by-side array of top-level buttons */
position : relative;
    /* create local positioning contexts for each button */
margin : 0;
}
.menu ul li table
{
    margin : -1px 0;
    /* IE5 needs -1px top and bottom table margins */
m\argin : 0;
    /* re-zero the table margins for everyone but IE5 */
border-collapse : collapse;
    /* IE5 needs this for the sub-menus to work */
font-size : 12px;
}
/* this sets the base font size for our entire menu */
.drop
{
    display : block;
    padding : 0px 0.33em;
    /* this sets the l/r margins for our menu item */
margin : 0;
    text-align : right;
    /* IE tries to switch back to an I-beam, don't let it */
cursor : hand;
}
/* IE5 only knows about "hand", so set it both ways */
.drop span
{
    /* this simultaneously left and right aligns the text and */
float : left;
}
/* the >> in the drop-down menus which link to sub-menus */
.rightmenu
{
    position : relative;
    /* establish a local positioning context for YAH label */
float : right;
}
/* and right-align it at the top of our page */
#research
{
    /* this rightmost "Research" button must be positioned */
position : absolute;
    /* absolutely so that the YAH (you are here) text */
top : 0px;
    /* label will slide underneath it under Opera v8.54 */
left : 364px;
}
/*======================== TOP LEVEL MENU DEFINITIONS ======================== which has a z-order sequencing bug with abs-pos elements */
.menu ul li ul
{
    display : none;
    /* initially hide the entire list hierarchy */
padding : 1px;
z-index: 3
}
/* this is our box border width */
.menu ul li a, .menu ul li a:visited
{
    /* unselected top-level menu items */
    display : block;
    float : left;
    text-decoration : none;
    height : 30px;
	color : white;
    /* change this to white for menu text when positioned in all browsers*/

    opacity:.9; -moz-opacity:.9; filter: alpha(opacity=90); -khtml-opacity:  0.9;

}
.menu ul li:hover a, .menu ul li a:hover
{
    /* selected top-level menu items */
    border-top : 1px solid white;
    /* these 2 lines create the push-in illusion */
    height : 30px;
    /* change the following to baby-blue background when working CHRIS MOWLE */

     background-color: #04047e;
     color: #8282ac;
    opacity:.9; -moz-opacity:.9; filter: alpha(opacity=90); -khtml-opacity:  0.9;

}


.menu ul li:hover a.toplevel, .menu ul li a:hover.toplevel
{
    background-color: white;
    opacity:.8; -moz-opacity:.8; filter: alpha(opacity=80); -khtml-opacity:  0.8;
    border-top : 1px solid #04047e;
    color: #04047e;

}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul, .menu ul li a:hover ul
{
    /* 2nd level drop-down box */
    display : block;
    position : absolute;
    margin : 0;
    top : 30px;
    /* place us just up underneath the top-level images */
    left : -1px;
    /* left-align our drop-down to the previous button border */
    height : auto;
    /* the drop-down height will be determiend by line count */
    width : 200px;
    /* this sets the unselected-text color #04047e*/
    color : black;
    background : transparent;
    opacity:.95; -moz-opacity:.95; filter: alpha(opacity=95); -khtml-opacity:  0.95;
}


.menu ul li:hover ul li.secondtop, .menu ul li a:hover ul li.secondtop
{ 
    width:100px;
}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a
{
    /* 2nd level unselected items */
    border : 0;
    margin : 0;
    padding : 0;
    height : auto;
    font-size: 16px;
    /* #aaaad4 this sets the unselected drop-down background color – Chris Mowle */
    color : white;
    /* this sets the drop-down menu background color Chris Mowle  */

    background: #04047e;

    width: 200px;
    height: 30px;
    opacity:.95; -moz-opacity:.95; filter: alpha(opacity=95); -khtml-opacity:  0.95;

}

.menu ul li:hover ul li a.secondtop, .menu ul li a:hover ul li a.secondtop
{
    width: 100px;
    background: url(cover.gif);

}

.menu ul li:hover ul li:hover a, .menu ul li a:hover ul li a:hover
{
    /* 2nd level selected item #dddeee */
    color : #04047e;
    background: #dddeee;
    opacity:.95; -moz-opacity:.95; filter: alpha(opacity=95); -khtml-opacity:  0.95;
}