/* Reset CSS -- @http://www.catswhocode.com/blog/15-techniques-and-tools-for-cross-browser-css-coding */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}

/* Stylesheet for http://cmudso.org, (c)Development Solutions Organization, 2008-2009. Revised <07/13/09> */

body {
  font: 0.8em Arial, sans-serif;
  line-height: 2.1em;
  margin: 0;
  padding: 0;
  text-align: center;
  color: #333333; }
p { 
  padding: 0 0 25px 0; }
a {
  font-weight: bold;
  color: #4b84db;
  text-decoration: none; }
  a:hover { 
    color: #333333; }
h1 {
  font-weight: bold;
  color: #227812; 
  border-bottom: 1px solid #cccccc; }
 
.dso #container {
  width: 760px;
  margin: auto;
  border: 0;
  text-align: left; }
  
.dso #header { 
  padding-top: 1px; }
.dso #tinylogo {
  float: left; }
.dso #mailinglist {
  float: right; }
  #mailingList input {
    font: 1em Arial, sans-serif;
    padding: 1px 0 1px 2px;
    background: #ffffff;
    border: 1px solid #cccccc;
    color: #333333;
    width: 170px; }
  #mailingList .buttons {
    border: 0;
    color: #4b84db;
    width: auto; }
    
.dso #nav {
  clear: both;
  background: url(../images/navbg.jpg) repeat-x center;
  text-align: center; 
  border-top: 1px solid #f9f8e6;}
#navList {
  margin-top: -27px;
  text-align: center;
  }
  #navList ul {
    padding: 0;
    margin: 0;
    list-style: none; }
  #navList li {
    float: left;
    position: relative;
    width: 182.5px;
    background: #ffffff; }
    .addMargin {
      margin-right: 10px;
    }
  #navList li a {
    display: block;
    text-transform: lowercase; }
  #navList li a:hover {
    background: #f9f8e6;
    color: #333333; }
    #navList li ul {
      display: none;
      position: absolute; 
      border-bottom: 2px solid #cccccc; }
    #navList li > ul { /* IE Hack */
      top: auto;
      left: auto; }
    #navList li:hover ul {
      display: block; }
      #navList li ul li {
        border-top: 1px solid #aed137; }
      #navList li ul li a {
        font-weight: normal; }
      
.dso #mainContent {
  background: #ffffff; 
  clear: left; }

  .panImg {
    width: 754px;
    border: 1px solid #4b84db; 
    padding: 2px; 
    margin: 10px 0; }
  .panText {
    background: #ffffff;
    padding-right: 10px;
    color: #333333;
    position: absolute;
    margin-top: 210px; 
    padding-left: 20px; }
  
  .listStyle {
    margin-top: -20px; 
    border-top: 1px solid #dddddd; }
  .listStyle li {
    padding-left: 20px; 
    line-height: 2.5em; 
    border-bottom: 1px solid #dddddd; }
 
  #startMatrix img {
    border: 1px solid #4b84db; 
    padding: 2px; 
    margin-bottom: 4px; }
    #startMatrix img:hover {
      border: 1px solid #333333; }
  #startMatrix em {
    background: #ffffff;
    padding-right: 10px;
    color: #4b84db;
    font-weight: bold;
    position: absolute;
    margin-top: 22px; 
    padding-left: 20px; }
    #startMatrix a:hover em {
      color: #333333; }
  #startMatrix .dark {
    color: #227812;
    font-weight: bold; }
  
  #flickrBadge {
    text-align: left;
    padding: 5px; 
    border-top: 1px solid #aed137; }
  #flickrBadge img {
    border: 1px solid #cccccc;
    margin: 0 2.5px; }
    #flickrBadge img:hover {
      border: 1px solid #333333; }
  
.dso #footer { 
  padding-top: 2px;
  margin-bottom: 15px;
  border-top: 1px solid #aed137; 
  border-bottom: 2px solid #f9f8e6; }
  #footer hr {
    border: 1px solid #f9f8e6; }

#footer_style {
  width: 740px;
  margin: 10px 0 5px 0;
  font: 1em Arial, sans-serif;
  color: #333333; }
    
.footer_sitemap {
  margin-top: 2px;
  border-top: 2px solid #cccccc;
  border-bottom: 1px solid #cccccc; }
  .footer_sitemap li a {
    display: block;
    padding-left: 5px;
    border-bottom: 1px solid #cccccc;
    font: 0.85em Arial, sans-serif;
    font-weight: normal;
    line-height: 2.1em;
    color: #4b84db; }
    .footer_sitemap li a:hover {
      background: #f9f8e6;
      color: #333333; }
      
.copyright {
  font: 0.85em Arial, sans-serif;
  color: #666666; }