/*
blue 36aad3
green 368389
light green d9e6df
violet 97123d
*/
body, html { padding: 0; margin: 0; }
body { background-color: #d9e6df;
font-family: Verdana, Sans-serif;
font-size: 13px;
 }
#content .title { border-bottom: solid #97123d 1px; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; }
#content .subtitle { font-size: 13px; letter-spacing: 1px; font-weight: bold; padding-top: 4px; margin-bottom: -4px; }
#content a {color: #368389;  font-size: 13px; }
#content a:hover { }
#content .position { margin-left: 60px; font-style: italic; }
#content .rightimage { float: right; margin: 0px 0px 5px 10px; }
#content img { border: outset #368389 2px; }

#content .footer { text-align: center;  font-size: 9px; margin-top: 25px; line-height: 15px; color: #7e7e7e; }
#content .footer a { margin: 6px; font-size: 10px; color: #7e7e7e;   }
#content .footer div { margin: 6px; border-top: solid #eee 1px; }
#content .footer a:hover { color: black; text-decoration: none; }
#content .msg { font-weight: bold; color: #97123d; margin: 5px;  font-size: 12pt;}
#content .msg a { text-decoration: underline; }
#content input {  border: solid #ccc 1px; width: 150px; font-size: 9pt; }
#content .error { color: #97123d; }

#nav ul { list-style: none; padding: 0; margin: 0; }
#nav li { background-color: #d9e6df; padding: 2px; margin: 2px; }
#nav li:hover { background-color: white; color: black; }
#nav li.selected { background-color: white; color: black; }
#nav li.joinselected { background-color: white; color: black; }
#nav li.joinnotselected { background-color: white; color: black; }
#nav a { color: #368389; text-decoration: none; }
#nav a.selected { color: black; text-decoration: none; }
#nav a.joinselected { color: #97123d; text-decoration: none; font-weight: bold; }
#nav a.joinnotselected { color:#97123d; text-decoration: none; font-weight: bold; }
#nav a:hover { color: black; text-decoration: none; }

#linkstable td { vertical-align: middle; padding: 0px 15px 15px 0px; width: 50%; }
#homepagetable { text-align: center; }
#homepagetable td { border-right: solid white 3px; padding: 0px; margin: 0px; }

#minutestable td { vertical-align: top; padding: 0px 15px 20px 15px;  width: 33%; text-align: center; }
#minutestable .subtitle { font-style: italic; font-weight: normal; }
#minutestable table { border-bottom: solid #97123d 1px;  }
#minutestable p { margin: 3px 0px 0px 0px; padding: 2px; }


#righthighlight {  margin: 0px 0px 1px 5px; border: solid gray 1px; background-color:#97123d; width: 90px; padding: 6px 6px 6px 9px; float: right; text-align: center; font-size: 10px; }
#righthighlight:hover { font-size: 10px; background-color:#36aad3; color: black; }
#righthighlight a { color: white; text-decoration: none;  font-size: 10px;}
#righthighlight a:hover { text-decoration: none; color: black;  font-size: 10px;}

#highlight { background-color: #97123d; color: white; font-size: 12px; }
#highlight:hover { background-color:#36aad3; color: black;  font-size: 12px;}
#highlight a { color: white;  text-decoration: none;  font-size: 12px;}
#highlight a:hover { text-decoration: none; color: black;  font-size: 12px;}

#spotlight {  background-color: #97123d; color: white; font-size: 12px; }
#spotlight:hover { background-color:#36aad3; color: black; }
#spotlight a { color: white; font-size: 10px; text-decoration: none;  font-size: 12px;}
#spotlight a:hover { text-decoration: none; color: black; }