/* Removing all browser-specific padding and margins, everywhere. */
* { margin: 0; padding: 0; border: 0; }


a {
  text-decoration: none;
  color: #F91C5E;
}

a:hover {
  text-decoration:  underline;
}

div.center {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}

body {
  font-family: Georgia, serif;
}

div.main {
  margin-left: 20%;
  padding-right: 15px;
  position: absolute;
  width: 75%;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 110%;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
  color: #009900;
  font-variant: small-caps;
}

.main p {
  font-size: 93%;
  margin-bottom: 1em;
}

.main ul {
  list-style-image: url(/molsim/img/water.png);
  list-style-type: square;
  margin-left: 40px;
}

.main ol {
  margin-left: 40px;
}

ol#reverse_all {
  text-indent: -1.7em;
}

.main li::marker {
  font-weight: bold;
}

.main li {
  margin-bottom: 20px;
}

img.icon {
  vertical-align: middle;
}

div.quote {
  background-color: #FDFD93;
  border: 1px solid #FFCC66;
  margin: 1em;
  padding: 0.5em;
}


/* Used for the main title, common to all pages. */
h1 {
  text-align: center;
  font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
  padding-top: 20px;
  margin-bottom: 0px;
}

p.subtitle {
  text-align: center;
  font-family: "Myriad Pro", Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  color: gray;
  margin-top: 0px;
  margin-bottom: 80px;
}


/* Footer for temporary items on the main page (courses documents, etc.) */
div.temp_footer {
  margin-top: 5em;
  padding-top: 1em;
  border-top: 2px solid gray;
  font-size: 85%;
}



/* The left bar: menu items */
div.left-bar {
  position: absolute;
  /*min-width: 160px;*/
  width: 15%;
  text-align: center;
  padding-left: 15px;
  top: 10px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div.left-bar ul {
  list-style-type: none;
}

div.left-bar li {
  margin: 8px 0px 8px 0px;
  border-top: 2px solid gray;
  border-bottom: 2px solid gray;
  padding: 5px;
}

div.left-bar a {
  color: black;
}

div.left-bar li a:hover {
  color: #0000a0;
  text-decoration: overline underline;
}


.menu1 { background-color: #009900; }
.menu2 { background-color: #F91C5E; }
.menu3 { background-color: #FF6600; }
.menu4 { background-color: #41B4A3; }
.menu5 { background-color: #E2E811; }
.menu6 { background-color: #B7DBDA; }

body#menu1 .menu1, body#menu2 .menu2, body#menu3 .menu3, 
body#menu4 .menu4, body#menu5 .menu5, body#menu6 .menu6
  { text-decoration: underline; }



/* For superscripts and subscripts that don't change line spacing.  */

sup {
  position: relative;
  top: -3px;
  vertical-align: top;
  font-size: 80%;
}

sub {
  position: relative;
  bottom: -3px;
  vertical-align: bottom;
  font-size: 80%;
}