body {font-family: Helvetica, FreeSans, Ariel, sans-serif; background-color: #fff8dc; background-image: url(yygradient.jpg); background-repeat: repeat-x;
/* background-image: url(images/gy2gradient.jpg); background-repeat:repeat-x; */
}
/* space makes descendent selector, > makes child selector, comma selects multple */

#top {  background-color: /*#ffefd5;  #E1EADB; #93ab76;   #fff8dc; */

background-repeat: repeat-x; }
#eyecandy img {z-index:0; height:4.5em; position:absolute; float:left; z-index:0; }
#banner { z-index:1; position:relative; }

#banner h1 {font-family: "Bitstream Vera Sans", "Arial Black", sans-serif; font-style: italic; font-weight: bold; line-height: 80%;  float: left; padding: .1em 0 0 .2em; margin: .1em .5em 0 .2em; } 
.sub {font-size: 50%; font-weight: normal;}

h2 {margin-top: 1em; margin-bottom: 0em; font-size: 100%; font-style: italic; color:blue;}
h2 ul {list-style: none;}
h3 {margin-top: 0em; margin-bottom: 0em; font-size: 100%; color:red;}
h3 ul {list-style: none;}
h4 {font-weight: bold;}
h4 ul {list-style: none;}
h5 {font-weight: bold; font-style:italic; margin-top:0; margin-bottom: 0;}
h5 ul {list-style:none;}
p {margin-top:0em; margin-bottom: 1em;}



#nav {background-color: transparent;z-index:1; position:relative;padding: .5em 0 0 .2em; margin: .5em .5em 0 .2em; }
#nav ul {list-style-type: none; padding: 0; margin: 0; margin-left: 1em;}
#nav ul li { display:inline; /* border:1px; margin-left: 3px;solid #778; */}

#nav ul li a {padding: 0 .5em;  border: 1px solid #778; margin-left: 3px; border-bottom: none; text-decoration: none;}

#nav a:hover {background-color: #FFFFFF;}

#nav2 ul {list-style-type: none; padding: 0; margin: 0; margin-left: 1em;}
#nav2 ul li { display:inline; border:none; padding: 0 .5em; font-size: 50%;}
#nav2 a:hover {background-color: #FFFFFF;}


/* width in percent is a percent of what's left over */
#data {background-color: #fefcff; border: 6px groove #778;}
#ident, #downloads, #feedback {float: left; margin-right: 0em; padding-left: 1em; padding-right: 1em; }
#olddata {background-color: #fefcff; border: 6px groove #778; margin-right: 0em; padding-left: 1em; padding-right: 1em;}

#ident     { min-width: 5em; max-width: 25em;}
#downloads, #olddata { min-width: 5em;  }
#downloads h3, #olddata h3 {color: black; font-weight: bold; margin: 0;}

/* list of: types... items... files  */
#downloads>ul {list-style-type: none; display: inline; } 
#downloads>ul>li   {margin: 0 1em 0 0; padding: 0 1em 0 0; }  /* li is item download */
#downloads h4, #olddata h4 {color: black; font-weight: bold; padding: 0 1em 0 0; margin: 0 1em 0 0; display:inline;} /* file category */
#downloads h5 {color: black; font-weight: bold; padding: 0 1em 0 0; margin: 0 1em 0 0; display:inline;} /* also file category */
#downloads>ul>li>ul, #olddata ul {list-style-type: none; display: inline;}  /* ul is list of files to download */
#downloads>ul>li>ul>li, #olddata ul li { margin: 0 1em 0 0; padding: 0 1em 0 0;  display: inline; }  /* file to download */
#downloads>ul>li>ul>li>a, #olddata ul li a {margin: 0; padding: 0;}
#downloads>ul>li>ul>li>ul, #downloads>ul>li>ul>li>ul>li, #downloads>ul>li>ul>li>ul>li>a  {}

#feedback  { min-width: 5em; max-width: 15em;}

#ident ul, #downloads ul, #feedback ul {list-style: none; padding-left: 0em;}
#details ul {list-style-type: none;}

#playresults{width:100%; border-collapse:collapse; border-spacing:2px 2px; caption-side:top; empty-cells:show; table-layout:auto; }
#playresults td, #playresults th {border-style: solid solid solid solid; border-width: thin; padding-left: .5em; margin-left: .5em; text-align:left;}

#joinform {background-color: #fefcff; border: 3px groove #778;} 
#joinform fieldset {background-color: #A0E0Ff;}
#joinform fieldset legend { font-weight:bold;}
#joinform label {font-size: 80%;  margin-bottom: 0; float:none; display:block;}
#joinform label.required { font-weight: bold; }
#joinform label.optional { color:blue; }
#joinform label.bad {color: red;}
#joinform label strong {color: black; font-weight bold;}
#joinform input {padding-right:1em; margin-right: 1em;}
.textarea {margin:0 1em 0 0; border:0 1em 0 0;  font-size:100%;} /* font still seems small */
.fe {float:left;}
.ffe {clear:left; float:left;}
.fls {float:left; width: 15em; margin: .5em 1em 0 0;}


#formstatus {background-color: #feffff; border: 3px groove #778;}
#formstatus h3 {font-size: 100%; font-weight: bold; }
#formstatus h3.normal {color:black;}
#formstatus h3.error  {color:red;}
#formstatus h3.success {color:blue;}

#playform {background-color: #fefcff; border: 3px groove #778;}
#playform fieldset {background-color: #A0E0Ff;}