@charset "utf-8";

html { 
  margin: 0 0 0 0; 
}

body { 
  background-color: #f3f3f3;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: 100; 
  line-height: 1.5em;
  color: #333;
}

pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
 white-space: -pre-wrap; /* Opera 4-6 */
 white-space: -o-pre-wrap; /* Opera 7 */
 /* width: 99%; */
 word-wrap: break-word; /* Internet Explorer 5.5+ */
}
a { 
  color: #9e1b34;
  text-decoration: none;
  font-style: italic;
  font-family: georgia;

} 

body h1 { 
  font-family: Georgia, Times, serif;
  color: #9e1b34;
  font-size: 13px;
  font-style: italic;
  font-weight: 700;
}

em {
  font-family: Georgia, Times, serif;
}

#banner {
  position: relative;
  width: 386px;
  height: 200px;
  background-image: url("/images/charmsec.gif");
}

#banner h1 { 
  font-size: 60px;
  line-height: 95px;
  position: absolute;
  top: 85px;
  left: 390px;
  color: #9e1b34;
}
 
#content { 
  padding-left: 100px;
  margin-top: 60px;
  width: 800px;
}

#topcells { 
  display: block;
  float: left;
}

#cell { 
  margin: auto 40px auto auto;
  width: 130px;
  float: left;
}

#bottomcell { 
  margin-top: 20px;
  width: 300px;
  float: left;
}

.callout { 
  color: #000;
  font-style: italic;
  font-family: georgia;
  font-weight: bold;
}

.callout2 { 
  color: #CDFF00;
}

table, td, tr, th, tbody {
  color: inherit !important;
  background-color: inherit !important;
}