/*  This is a CSS file for the MSU Center for Water Sciences
Authors: Justin Thorp (thorpjus@msu.edu) and David Mulder (mulderd2@msu.edu)
Last updated: November 3, 2005 */


/* Primary page style stuff */
body, h1, h2, h3, h4, h5, h6,ol, ul, li, p, .copyright, .nav { font-family: Verdana, Arial, Helvetica, sans-serif;}
body { margin: 0; padding: 0; font-family: verdana, arial, helvetica, sans-serif; color: black; background: #456771  url(images/top_green_bg.gif) repeat-x; text-align: center; }
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.1em; font-weight: bold; color: #000000; text-align:left; }
h2 { font-size: .9em; font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif; color: #4A6672;}
h3 { font-size: 0.8em; font-weight:bold;}
p { font-size: 0.8em; font-weight: normal;}
img { border:0;}
a:link { text-decoration: none; color: #006633; }
a:visited { text-decoration: none; color: #006633;}
a:hover { text-decoration: underline;}
a:active { color: #006633;}
ol, ul, li { font-size: .9em; list-style-type: disc;}
li, dd { margin-bottom:7px; }
dt { font-size:.80em; font-weight:bold;}
dd { font-size:.8em;}
br { clear: left; } 


/* Page element stuff */
#wrapper { margin: 0px auto; width: 46em; background: white; color: black; }
#top { background: #6A8773 url(images/top_curve_bg.gif) top left no-repeat; height: 68px; }
.top_pagetitle { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.85em; font-weight:bold; color: #fff; clear: right; float: right;}
.top_msulogo { float: left; margin-top: 25px; margin-left: 30px;}

#middle_pic { margin-left: 10px; margin-top: 5px; height: 146px; width: auto; background: #fff url(images/3.jpg) left no-repeat;}
#navcontainer { float: right; margin: 0; padding: 0; width: 25em; }
#navlist { margin: 0; }
#navlist li { display: inline; list-style-type: none; padding-right: 2px; }
.left_mainnav { list-style-type: none; margin-bottom: 12px; font-weight: bold; color: #C1B487; font-size:.78em;}
.left_mainnav a:link { color: #C1B487;}
.left_mainnav a:visited { color: #C1B487;}
#middle { padding: 10px; border: 0px; background: #fff; }
#footer { clear:both;}
.hidden { position: absolute; left: -10000px; }


/* Misc style info (Do we need this stuff?) */
.nowrap { white-space: nowrap; font-size: 10px; font-weight: bold; margin-top: 0; margin-bottom: 0;}
.tiny { font-size: 9px; line-height: 16px; margin-top: 15px; margin-bottom: 5px;  }
pre { font-size: 12px; line-height: 22px; margin-top: 20px; margin-bottom: 10px;  }


/* Only for home page */
#project_highlight { text-align: left; padding-left: 15px; width: 28em; }
#what_is { float: right; background-color: #E1DABD; width:14em;}
#what_is h2 { background-color: #AD9F70; padding: 3px; margin-top: 0;}
#what_is div { margin-top:-20px; padding:5px 5px 1px;}
#tri_column { margin-top: 1em; clear: both; text-align: left; }
#tri_column h2 { text-align: left; margin-left:15px;}
#major_topics {  float: left;width: 14.5em;}
#upcoming_events {float: left;width: 14.5em;}
#quick_links { float: left;width: 14.5em;}


/* Only for article pages */
#article_body { text-align: left; }


/*Copied from Tom Gilder's Blog with Permission
  http://blog.tom.me.uk/2003/09/13/skipadeedoodah.php */
.skip-link {  position: absolute;  overflow: hidden;  width: 0;  height: 0;}
.skip-link:active, .skip-link:focus { overflow: visible; width: auto; height: auto; background-color: white; color: #006633; top: 5px; left: 5px; font-weight: bold; font-size:.8em; font-family:Verdana, Arial, Helvetica, sans-serif; padding: 2px; border: medium solid #FF0000;}