* {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}

html {
   margin: 0;
   padding: 0;
   height: 100%;
   width: 100%;
   min-height: 100%;
   margin-bottom: 1px;
   overflow-y: scroll;
}

body { 
   margin: 0;
   padding: 0;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   background-color: #504d4c; 
   font-size: 12px; 
}

pre {
   border: 1px solid #333;
   width: 100%;
   background-color: #eee;
   font-family: Courier;
   font-size: 10px;
   margin-bottom: 10px;
   margin-top: 10px;
}

#background {
   width: 870px; 
   margin: 0px auto; 
   background-color: #fff; 
   background-image: url(/images/background.png);
   background-repeat: repeat-y;
}

#container {
   width: 850px;
   position: relative;
   left: 10px;
   background-color: white;
}

#feature { 
   float: left;
   width: 820px;
   margin: 15px 15px 10px 15px;
   display: inline;
   min-height: 500px;
   height: auto !important;
   height: 500px;
}

#footer {
   width: 850px;
   height: 25px;
   font-size: 10pt;
   text-align: center;
   line-height: 25px;
   background-color: #45182f;
   clear: both;
}

#footerImg {
   background-image: url(/images/footer.png);
   width: 870px;
   height: 5px;
}

/*
================================================================================
 Site menu bar elements
================================================================================
*/

#top-bar {
   text-align: center;
   width: 100%;
   height: 30px;
   margin-bottom: 0px;
}

#top-bar ul#site-menu-bar {
   text-align: left;
   width: 850px; 
   margin: 0px auto; 
   list-style: none;
   padding: 0px;
   line-height: 25px;
   border: none; 
}

#site-menu-bar li {
   color: white;
   font-size: 95%;
   float: left;
   display: inline;
   width: 170px;
   background-color: #000;
}

#site-menu-bar li.last {
   width: 170px;
}


#site-menu-bar li a {
   padding-left: 5px;
   text-decoration: none;
   color: white;
}

#site-menu-bar li div {
   float: left;
   width: 10px;
   height: 30px;
   border: none;
}

#site-menu-bar li div#projects {
   background-color: #92278f;
}

#site-menu-bar li div#methods {
   background-color: #00aeef;
}

#site-menu-bar li div#data {
   background-color: #6d9d31;
}

#site-menu-bar li div#publications {
   background-color: #f7941e;
}

#site-menu-bar li div#about {
   background-color: #c3b183;
}

/*
================================================================================
 Navigation elements
================================================================================
*/

#nav {
   height: 2em;
   color: black;
   text-align: center;
   line-height: 2em;
   list-style: none;
   padding: 0px;
   margin: 0px;
   border-bottom: 2px solid black;
}

#nav li {
   font-size: 95%;
   float: left;
   position: relative;
   border-right: 1px dotted black;
   width: 0px;
}

#nav li.last {
   border-right: none;
}

#nav li.selected {
   background-color: #ffffdd;
}

#nav li a {
   display: block;
   text-decoration: none;
   color: black;
}

#nav li a:hover {
   background-color: #ffffff;
}

/*
================================================================================
 Feature elements
================================================================================
*/

#feature h1 { 
   font-size: 18px; 
   font-weight: bold; 
   margin-bottom: 10px;
   margin-top: 0px;
}

#feature h2 { 
   font-size: 14.4px; 
   font-weight: bold; 
   color: #cd5a37; 
   border-bottom: 1px dotted black;
   margin-bottom: 10px;
}

#feature h3 {
   font-size: 13.2px;
   font-weight: bold;
   color: #cd5a37;
}

#feature p, #feature blockquote {
   line-height: 1.6em;
   padding-bottom: 10px;
}

#feature ul, #feature ol {
   padding-left: 30px;
   line-height: 1.8em;
}

#feature ol {
   list-style: decimal outside;
}

#feature ul {
   list-style: disc outside;
}

#feature li { 
   padding-bottom: 10px; 
}

#feature img {
   border: 1px solid black;
}

.form-text {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt; 
}

.draft {
   font-weight: bold;
   color: #f00;
}

#loading, #data-downloading, #email-sent {
   text-align: center;
   padding-top: 5px;
   padding-bottom: 5px;
   border: 1px solid #ccc;
   background-color: #ffffee;
}

/*
================================================================================
 General hyperlink elements
================================================================================
*/
 
#feature a { 
   color: #036; 
   text-decoration: none; 
   border-bottom: 1px dotted #6699cc; 
}

#feature a:hover { 
   border-bottom: 1px solid #6699cc; 
}

#feature a:visited { 
   color: #69c; 
}

#feature a:visited:hover { 
   border-bottom: 1px solid #6699cc; 
}

#footer a {
   text-decoration: none; 
   border-bottom: 1px dotted;
}

#footer a:hover { 
   border-bottom: 1px solid; 
}

#footer a:visited:hover { 
   border-bottom: 1px solid ;
}

/*
================================================================================
Specialized hyperlink elements
================================================================================
*/

#feature a.downloadByImage {
   border: none;
}

#feature a.downloadByImage:link { 
   border:none; 
}

#feature a.downloadByImage:hover { 
   border:none; 
}

#feature a.downloadByImage:visited { 
   border:none; 
}

#feature a.downloadByImage:visited:hover { 
   border:none; 
}

#feature a.downloadByImage img { 
   border:none; 
}

/*
================================================================================
 Table elements
================================================================================
*/

table p { 
   font-size: 12px; 
   /* line-height: 1.4em; */
}

.pubTable {
   font-size: 11px;
   margin-top: 5px;
   margin-bottom: 10px;
   width: 100%;
   border-collapse: separate;
   background-color: #fff;
}

.pubTable td { 
   border: #cccccc 1px solid;
   padding: 6px;
   background-color: #f3f3ef;
   margin: 0px;
}

.pubTable .headerRow td { 
   background-color: #cccccc; 
   font-weight:bold;
}

/*
================================================================================
 Style elements for link back to main LEMMA site - keyed off of logo
================================================================================
*/

#mainTitle {
   background-color: red;
   margin: 0px;
   padding: 0px;
   border: 0 none;
}

#lemmaHome { 
   position: absolute;
   margin-left: 10px;
   margin-top: 30px;
   width: 130px;
   height: 130px;
   background: url('/images/trans.gif') repeat;
}

#mainTitle img {
   display: block;
   border: 0 none;
}