/* wash U red:   #9-d-0-9-1-7  */
/* wash U green: #1-6-6-6-3-F  kind of*/
/* wash U green: #0-0-7-3-6-0  really*/
/* dark grey:    #3-3-3-3-3-3  */
/* wash u tan:    #e-6-d-2-b-a  */
/* deep blue;    #0-0-3-3-6-6  */

a {
   text-decoration:none;
}

body {
   background-color: #e6d2ba;
}

a:visited {
   color: white;
}

/* NavBar is the red bar */

#NavBar {
   position:absolute;
   position: fixed;
   top: 104px;
   left: 0px;
   
   height: 25px; 
   padding-top: 10px;
   
   width: 100%;
   min-width: 900px;
   background-color: #9d0917;
   
   border-bottom: solid white 1px;
   
   text-align:center;
   vertical-align:middle;
   
   display:block;
    
}

#NavBar ul {
   display:inline;
   padding-left: 0px;
   
}

#NavBar li {
   color: white;
   font-size: 12pt;
   display: inline;
   padding-right: 20px;
   padding-left: 20px;
   
   
}

#NavBar li a{
   color: white;
   text-decoration: none;
}

#NavBar li a:hover{
   color: #333333;
}

#NavBar li:hover {
   color: #333333;
   
}

/* LabList is the green bar*/

/*I found the green color below on a style sheet on the wustl website*/

#LabList {
   position:absolute;
   position: fixed;
   top:0px;
   left:0px;
   height: 25px; 
   padding-top: 5px;
   width: 100%;
   min-width: 900px;
   /*background-color: #007360;*/
   background-color: #007360;
   text-align: center;
   
   border-bottom: solid white 1px;
}

#LabList ul {
   display: inline;
   padding-left: 0px;
}

#LabList li {
   display: inline;
   color: white;
   padding-right: 10px;
   padding-left: 10px;
   font-size: 12pt;
   
}

#LabList li a {
	color: white;
}

#LabList li a:hover {
	color: black;
}

/* Title bar is the thick gray bar that has the name of the currently selected lab in it */

#TitleBar {
   position:absolute;
   position: fixed;
   top: 31px;
   left:0px;
   height: 60px; 
   width: 100%;
   min-width:900px;

   font-size: 32pt;
   font-family: Times, Helvetica, Calibri, sans-serif;
   padding-top: 12px;
   color: white;
   text-align: center;
   background-color: #333333;

   border-bottom: solid white 1px;
}

#TitleBar img{
   
   height: 50px;
   margin-top:-10px;
   border: solid white 5px;
   vertical-align: middle;
}
/* ContentBlock is where all of the contnet goes */

#ContentBlock {
   position: relative;
   font-family: Calibri, sans-serif;
   /*top:190px;*/
   left: 10%;
   width: 80%;
   /*width: 860px;*/
   height:100%;
   margin-top: 140px;
   margin-left: auto;
   margin-right: auto;
   /*min-width: 720px;*/
   font-size: 14pt;
   /*background-color:#e6d2ba;*/
   padding: 20px;
   z-index: -1;
   
   float: left;
   
}

#ContentBlock li a{
   color: #9d0917;
   text-decoration: none;
}

#ContentBlock li a:hover{
   color: white;
}

#ContentBlock a{
   color: #9d0917;
   text-decoration: none;
}

#ContentBlock a:hover{
   color: white;
}

#ContentBlock h3{
   color: #007360;
}

#goals {
   float: left;
   /*width: 600px;*/
   margin-left: 20px;
   width: 70%;
   border-top: solid 5px #007360;
   border-bottom: solid 5px #9d0917;
   margin-top: 10px;
}

img.home {
   float: left;
   width: 20%;
   margin-top: 10px;
}

/*some stuff just for Algodoo*/

div.exampleblock {
   float: left;
   width: 380px;
   height: 430px;
   border: solid 3px black;
   margin: 10px;
   padding: 3px;
   background-color: #CCCCCC;
}

div.exampleblock h3{
    text-align: center;
}

div.exampleblock p{
    margin-left: 20px;
    margin-right: 20px;
}

div.exampleblock ul{
    margin-right: 10px;
}