#container {
   width: 100%;
   background-color: #EBEBEB;
   margin: 0 auto;
   padding: 0;
   text-align: left;
  }

#header {
   background-color: #91A43D;
   text-align: left;
/* need to add some padding to left of logo  at present green square added to image file ?added border to left in the jpg*/

   margin: 0;
   padding: 0;
  }


#search {
   background-color: #91A43D;
   text-align: right;

   margin: 0;
   padding: 0;
  }


#sidebar {
   float: left;
   width: 12em;
   font-weight: bold;
  }

#sidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
   }

#sidebar a {
    display: block;
    /* padding: 3px 3px 5px 30px; */
    padding: 3px 3px 5px 10px;
    background-color: #336666;
    color: #EBEBEB;
    border-bottom: 1px #EBEBEB solid;
    text-decoration: none;
   }


#sidebar li li {
    white-space: nowrap:
    width: 15em;
    margin-left: 20px;
    position: relative;
   }


#sidebar a:hover {
    background-color: #EBEBEB;
    color: #336666;
    border-right: 3px #999999 solid;
    border-bottom: 3px #999999 solid;
    padding-bottom: 3px;
  }

/* remove comment marks to make this live when ready */

/* #sidebar a:visited {
    text-decoration: underline;
    color: #ff00ff;
  }  */


#navbar {
   font-weight: bold;
                        /* font-size: 1em; */
   height: 1.8em;
   background-color: #336666;
   overflow: hidden;
  }

#navbar ul {
    margin: 0;
    padding: 3px;
    list-style-type: none;
   }

#navbar a {
    float: right;
    white-space: nowrap;
    border-right: 1px #EBEBEB solid;
    padding: 3px 15px 4px 15px;
    color: #EBEBEB;
    text-decoration: none;
   }


#navbar a:hover {
    background-color: #EBEBEB;
    color: #336666;
    border-right: 3px #999999 solid;
    border-bottom: 3px #999999 solid;
    padding-right: 13px;
    padding-bottom: 1px;
  }


/* remove comment marks to make this live when ready */

/* #navbar a:visited {
    text-decoration: underline;
    color: #ff00ff;
  }  */



#mainContent {
   background-color: #FFFFFF;
   margin-left: 12em;
   padding: 10px 20px 0 1em;
  }

#mainContent2 {
   background-color: #FFFFFF;
   margin-left: 12em;
   padding: 10px 20px 0 1em;
   background-image: url(images/background.jpg);
  }

#mainContent3 {
   background-color:  #008000;
   margin-left: 12em;
   padding: 10px 20px 0 1em;
   background-image: url(images/background2.jpg);
  }

#mainContent4 {
   background-color:  #008000;
   margin-left: 12em;
   padding: 10px 20px 0 1em;
   background-image: url(images/background3.jpg);
  }



 /* need to get format correct*/
#breadcrumbs {
   font-size: .8em;
}



#footer p {
   margin: 0;
   padding: 10px 0;
   background-color: #DDDDDD;
   text-align: center;
   font-size: .8em;
  }

.clearfloat {
   clear: both;
   height: 0;
   font-size: 1px;
  }

body {
   font-family: Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans",    sans-serif;
   background-color: #666666;
   color: #000000;
   margin: 0;
   padding: 0;
   text-align: center;
  }

h1, h2, h3, h4, h5, h6 {
   font-family: Cambria, "Palatino Linotype", "Book Antiqua", "URW Palladio L", serif;
  }

 /* this turns off underline in links and makes text bold */

a {
    text-decoration:none;
       font-weight: bold;
     }

.photo {
    width: 240px;
    font-size: .8em;
    font-style: italic;
    text-align: center;
    line-height: 1em
  }


.floatRight {
    float: right;
    margin-left: .8em;
  }

.floatLeft {
    float: left;
    margin-right: .8em;
   }


h3 {
   clear: right;
   }

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    }


/* this is for table in pubstil */

#pulicationsList {
    border-spacing: 6px;
  }

#pulicationsList td {
    padding: 1px 10px;
  }


#pulicationsList  tr:first-child td {
    font-weight: bold;
    border-bottom: 2px #006600 solid;
  }


#pulicationsList tr:hover {
    background-color:#BAE8BF;
  }

#pulicationsList td+td+td+td {
    text-align: right;
  }


/* this is for table  figure listings */
li  {
line-height: 2em;
}



/* this is for alphabetical ordered list */

#alphalist ol {
    list-style-type:lower-alpha;
}

/* this is for roman ordered list */

#romanlist ol {
    list-style-type:lower-roman;
}


/* this is a comment in css */