div#header_top, div#header_middle, div#navbar, div#navbar div.sub, div#footer
{
  color: #ffffff;
  background-color: #cccccc;
  font-family: "arial", "myriad", sans-serif, serif;
  font-weight: bold;
}
/* links */
a:link, a:visited, div#footer a:link, div#footer a:visited
{
  color: #039;
  text-decoration: none;
}
a:hover, div#footer a:hover
{
  color: #040055;
}


/*
  The following menu_item and sub_item links deal with the links
 on the sitemap (index) of the site (nav.php)
*/
a.menu_item1, a.menu_item2, a.menu_item3, a.menu_item4, a.menu_item5,
a.sub_item1, a.sub_item2, a.sub_item3, a.sub_item4, a.sub_item5
{
  color: #282828;
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  border-bottom: none;
}

a.sub_item1, a.sub_item2, a.sub_item3, a.sub_item4, a.sub_item5
{
  font-size: 10pt;
  margin-left: 1em;
  border-bottom: none;
  display: inline;
}

a.menu_item1:hover, a.sub_item1:hover
{ color: #5094c3;  }
a.menu_item2:hover, a.sub_item2:hover
{ color: #999671; }
a.menu_item3:hover, a.sub_item3:hover
{ color: #bf827c; }
a.menu_item4:hover, a.sub_item4:hover
{ color: #5C9099; }
a.menu_item5:hover, a.sub_item5:hover
{ color: #728CB3; }

/*
  this governs the style 
   of the menu that pops up when you
   hover over the nav items
*/
a.sub_link:link, a.sub_link:visited
{
  font-size: 9pt;
  color: white;
  margin-left: 1em;
  display: block; 
  font-family: arial, serif;
}
a.menu_link:link, a.menu_link:visited
{
  color: white;
  font-size: 10pt;
  font-family: tahoma, arial, sans-serif;
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: auto;
  margin-bottom: auto;
}
a.menu_link:hover, a.sub_link:hover
{
  color: #ddd;
}




body
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #D2DCE4;
  background-color: #e0e0e0;
  font-family: arial, serif;
}

/* the coaps banner at the top */
img.banner
{
  display: block;
  top: 0;
  border: none;
}

/* the div that contains the coaps banner */
div#header_middle
{
  text-align: left;
  width: 100%;
/*  border-bottom: 1px dashed; */
}


/* 
  the container keeps both the navmenu and the content
   so nothing 'underlaps'   
*/
div#container, div#footer
{
  width: 741px;
/*
  if you want a width of 800px screen, use this
  and also change div#main\'s width to 573px;
  width: 800px;
*/
}


/* this is the the menu that pops up when
    you hover over the nav on the left 
*/
div#menu_text
{
  position: absolute;
  background-color: black;
  color: white;
  z-index: 10;
  visibility: hidden;
  font-size: 14pt;
  padding: 2px 2px;  
  width: auto;
  height: auto;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-right: 2px solid #ccc;
}

/* the bottom of every page */
div#footer
{
  font-size: 9pt;
  clear: both;
  text-align: left;
  font-family: arial, serif;
  color: black;
  font-weight: normal;
  height: 50px;
  background-image: url("http://www.coaps.fsu.edu/images/footer_right_150px.gif");
  background-repeat: no-repeat;
  background-position: top right;
/*
  width: 400px; 
*/
  padding-left: 10px;
  line-height: 15px;
  z-index: 3;
}

/* contains the whole nav menu */
div#navbar
{
  position: relative;
  z-index: 1;
  width: 146px;
  float: left;
  font-size: 11pt;
  height: 400px;
  background-image: url("http://www.coaps.fsu.edu/images/navbar_bottom_right.gif");
  background-repeat: no-repeat;
  background-position: bottom right;
  font-weight: 100;
7  font-weight: bold;
}

/* this is the div for the sitemap found on
    nav.php */
div#sitemap
{
  width: 100%;
}

/* for each group and its links */
div#navbar div.group, div#sitemap div.group
{
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  margin-bottom: 2px;
  height: 18px;
  font-family: verdana, sans-serif;
}

/* all the links for each group name */
div#navbar a
/*, div#sitemap a */
{
  color: white;
  border-bottom: none;
}
div#navbar a:hover
{  
  color: #dddddd;
}
/* items under a group heading on the site index */
div#navbar div.sub, div#sitemap div.sub
{
  text-align: left;
  padding-left: 1em;
  font-size: 11pt;
  font-weight: normal;
  margin-bottom: 0.5em;
  
}


/* when we don't want to use the navmenu
   this is the wrapper for each page */
div#main_no_nav
{
  background-position: center center;
  background-repeat: repeat-y;
  min-height: 400px;
  margin: 1em;
  width: auto;
}
/* when we are using the navmenu on the left
   this is the wrapper for each page */
div#main
{
  position: relative;
  width: 573px;
/*
  if you want a full 800px wide, use this width
  also change div#container to 800px;
  width: 632px;
*/
  float: left;
/*
  left: 145px;
  top: 103px;
*/
  z-index: 3;
  padding: 10px 10px 10px 10px;
  padding-bottom: 2em;
  height: auto;
  background-position: 37% 0%;
  background-repeat: repeat-y;
  min-height: 400px;
/*
  the background image is delivered via the php script via the style attribute, 
  check out style.php for details  
  background-image: url("http://www.coaps.fsu.edu/images/main_background.gif"); 
*/

}


/*
  by using _timer(); twice at the bottom and top
   of a php page, it will display how long it took
   to generate the page, and this is how it's displayed
*/
div.timer
{

  text-align: center;
  font-size: 10pt;
}






/*--------------------
   This stuff is on
     the frontpage of
     the website
----------------------*/
div.coaps_title
{
  font-size: 18pt;
  margin: .5em;
  margin-left: 1em;
  font-weight: bold;
}

  
/*
   contains all of the groups
     and news
*/
div.front
{
  margin-top: 2em;
  margin-left: 2em;
  width: 450px;
  height: auto;
  margin-bottom: 2em;
}


/*
  a row is a actually a row within
    the div.front above
*/
div.row
{
  padding: 0 0 0 0;
  background-color: #f1f1f1;
  width: auto;
}



/*
  the title for the news
*/
div.news
{

  background-color: #b8b488;
  padding-left: 10px;
  padding-top: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #bbb;
  color: white;
  font-family: "georgia", serif;
  font-size: 15pt;
}

/*
  the wrapper for each news item
*/
div.news_item
{
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-top: .5em;
  padding-bottom: 0;
  font-size: 10pt;
  font-family: arial, serif;

}
/*
  the link (if applicable) for a news item
*/
div.news_item a:link, div.news_item a:visited
{
  color: #037;
}
div.news_item a:hover
{
  text-decoration: underline;
}

/*
  the title for a news item
*/
div.news_item div.title
{
  background-color: transparent;
  border-bottom: 1px dashed #bbb;
  padding-left: 10px;
  font-weight: bold;
  font-size: 11pt;
}

/* the wrapper for the description for a news item */
div.news_item div.description
{
  padding: 10px;
  font-size: 10pt;
  font-family: "arial", sans-serif;
}
/* if the date is used, this is how it looks */
div.news_item div.date
{

}


/*
  This is how Dr. O's picture is displayed, 
    using a css version of changing images
    on a mouse over

  We take an image we want to hover over,
    double the width of it, make right half of the image the hover image,
    use the double-wide image for a background for a link, then when we hover over it,
    then move the background -<width> 

*/

a.dro:link, a.dro:visited
{
        text-indent: -1000em;
        background: url("../images/dro.gif") no-repeat left top;
        width: 150px;
        height: 100px;
        display: block;
        overflow: hidden; /* For nested divs in Safari */
        float: left;
}

/*  IE 5 hack \*/
a.dro:link, a.dro:visited {overflow: hidden;}
/* end hack */ 
        
a.dro:hover 
{
        background-position: -150px 0px;
}       

a.fsu:link, a.fsu:visited
{
  border: none;
  height: 100px;
  width: 150px;
  display: block;
  background: url("../images/fsu_logo_small.gif") no-repeat center center;  
  float: left;
}
a.fsu:hover
{

}

/*
  the wrapper for the coaps logo
*/
div.logo
{
  border: none;
  height: 100px;
  width: 150px;
  float: left;
  display: block;
  background: url("../images/coaps_logo_small.gif") no-repeat center center;
}

/*
  these are the headings the appear on most of the pages
*/
div.color1, div.color2, div.color3, div.color4, div.color5
{
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  color: white;
  font-size: 12pt;

  margin-bottom: 1em;
  font-family: arial, serif;
}

div.color1
{ background-color: #91a4be; }
div.color2
{ background-color: #b8b488; }
div.color3
{ background-color: #bf827c; }
div.color4
{ background-color: #6eadb8; }
div.color5
{ background-color: #8baad9; }


/*
  a div that has a hanging indent
*/
div.indent
{
  text-indent: -1em;
  margin-left: 1em;
}

/* span's for color */
span.blue
{
  color: #039;
}
span.red
{

}



/* for the contact page */
div.mail
{
  margin-left: 60px;
  width: 50%;  
  margin-bottom: 2em;
}

div.mail div.title
{
  font-weight: bold;
}


/*
  lists
*/
/*ul li
{
  margin-bottom: .5em;
 
}*/

/* for the research pages */
table.research
{
  table-layout: fixed;
}
table.research td
{
  vertical-align: top;
  width: 50%;
  padding-top: .3em;
  padding-left: .5em;
  padding-right: .5em;
  padding-bottom: .3em;
}

table.research td.title
{
  background-color: transparent;
  text-align: left;
  font-size: larger;
  border-bottom: 1px dashed black;
  padding-top: 1em;
}