/* styles.css 27-Sep-2007 by MJL */
/* Based on mainstylesv2.css 20-May-2007 by DRB */

/* ------------------------------------------------------------------- */
/* Global styling                                                      */
/* ------------------------------------------------------------------- */

* {
  margin: 0;
  padding: 0;
  background-color: #660000;
  }

/* ------------------------------------------------------------------- */
/* Wrapper styling                                                     */
/* ------------------------------------------------------------------- */

#wrapper {
  width: 720px;
  position: relative;
  left: 50%;
  margin-left: -360px;
  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
  font-size: medium;
  }

/* ------------------------------------------------------------------- */
/* Header styling                                                      */
/* ------------------------------------------------------------------- */

#header {
  height: 171px;
  width: 720px;
  margin: 0 0px 0 0;
  background: url(../images/wilab_logo.jpg) no-repeat top center;
  background-color: #FFFFFF;
  }  

/* ------------------------------------------------------------------- */
/* Navigation styling                                                  */
/* ------------------------------------------------------------------- */

body#home #home_tab a,
body#personnel #people_tab a,
body#projects #projects_tab a,
body#publications #publications_tab a,
body#textbook #crtxtbook_tab a,
body#teaching #teaching_tab a,
body#contact #contact_tab a,{
  color: #660000; /* Text color of active tab */
  padding-bottom: 5px;
  background: #BBBBBB url(../images/navtab1.gif) repeat-x top left;
  }
  
#navigation {
  width: 100%;
  /* Button Area Color*/
  background: #FFFACD url(../images/navbottom.gif) repeat-x bottom left;
  }

#nav {
  padding: 0 0 0 6px;
  list-style: none;
  }

#nav li {  /*space between buttons*/
  margin-top: 6px;
  float: left;
  font-size: 100%;
  background-color: #FFFACD;
}

#nav a {
  float: left;
  display: block;
  margin: 0 1px 0 0;
  padding: 4px 8px;
  /* Button Font Color */
  color: #FFFFFF;
  text-decoration: none;
  border: 1px solid #333;
  border-bottom: none;
  /* Button Background Color*/
  background: #660000 url(../imgages/navtab2.gif) repeat-x top left; 
}

/* #nav a:link {color: #BBBBBB; text-decoration: none;} */
/* #nav a:visited {color: #707070; text-decoration: none;} */
/* Button Hover Over Color*/
#nav a:hover {color: #FFFACD; text-decoration: none;}
/*#nav a:active {color: #DE821F; text-decoration: none;} */

/* ------------------------------------------------------------------- */
/* Content styling                                                     */
/* ------------------------------------------------------------------- */

#content {
  width: 100%;
  float: left;
  padding: 6px 0 6px 0;
  background-color: #FFFACD;
  }
/* Header Colors */
#content h1 {
  font-size: 18px;
  font-weight: bold; 
  background-color: #800000;
	/*Font Color*/
  color: #FFFFFF;
  text-align: left;
  margin: 10px 40px 4px 40px;
  padding: 4px 0 4px 8px;
  }

#content h2 {
  font-size: 16px;
  font-weight: bold; 
  background-color: #333;
  color: #CCC;
  text-align: left;
  margin: 6px 40px 0px 40px;
  padding: 2px 0 2px 8px;
  }
/* Paragraphs */
#content p {
  margin: 4px 40px 4px 40px;
  padding: 2px 0px;
  background-color: #FFFACD;
  }
/*Background color for links */
#content a {
  background-color: #FFFACD;
  }

/*Background color for links */
#content img {
  background-color: #FFFACD;
  }

/*Background color for links */
#content center {
  background-color: #FFFACD;
  }

/*Background color for links */
#content big {
  background-color: #FFFACD;
  }


/*Background color for boldface */
#content b {
  background-color: #CCC;
  }

 

#content em {
  background-color: #FFFFFF;
  }
/*area to the left and right of the news blurbs*/
#content ul {
  background-color: #FFFACD;
  }

/*area to the left and right of the news blurbs*/
#content ol {
  background-color: #ccc;
  }


/*News Paragraphs */
#content li {
  margin: 6px 40px 4px 40px;
  border-left: 8px solid #333;
  padding: 8px 12px;
  font-size: 100%;
  list-style: none;
  background-color: #CCC;
  }

#content li strong {
  background-color: #CCC;
  }

#content li normal {
  background-color: #CCC;
  }

#content li a {
  background-color: #CCC;
  }

#content li td {
  background-color: #CCC;
  }

#content li img {
  background-color: #FFF;
  }

#content span {
  background-color: #CCC;
  }

#content i {
  background-color: #CCC;
  }

#content u {
  background-color: #CCC;
  }





/* Used to clear the floats */
.clearthefloats {
  clear: both;
  }