/*  ________________________________________________________________________|                                                                        ||   The Purple Mantis site design is based on a modified version of      | |        "Reflection," by Snop (http://fullahead.org) 2005.05.12         ||                  Template from http://www.oswd.org                     ||________________________________________________________________________|*//* -- Main layout styles -- */body {  margin: 1em 1em 1em 1em;  padding: 0px;  font-family: verdana, sans-serif;  font-size: 1.0em;  background-color: #96C;  }#siteBox {  float: left;  width: 100%;  color: #333;}/* -- Header layout/display styles -- */#header {  float: left;  width: 100%;  height: 70px;  background: #25509F url(../images/purplemantis_header.jpg) no-repeat top left;  border-bottom-style: solid;  border-bottom-width: 2px;  border-bottom-color: #96C;}#header a {  float: right;  padding: 5px 7px 5px 7px;  font-size: 0.6em;  text-align: center;  text-transform: uppercase;  text-decoration: none;  color: #FFF;  background-color: #666;  border-bottom: 2px solid #333;  border-right: 1px solid #333;  border-left: 1px solid #333;}#header a:hover, #header a.active {  padding-top: 10px;  background-color: #333;}#header a.lastMenuItem {  background-image: url(../images/corner_tr.gif);  background-repeat: no-repeat;  background-position: top right;  border-right: 0px;}a .desc {  display: none;  text-transform: lowercase;  color: #93C;  }a:hover .desc, .active .desc {  display: block;}/* -- Header title and subTitle layout/display styles -- */.title {  float: left;  padding: 1em 30px 0 2em;  font-size: 1.4em;  font-weight: bold;  text-transform: uppercase;  text-align: right;  line-height: 0.75em;  letter-spacing: -0.15em;  color: #93F;}.subTitle {  display: block;  font-size: 0.4em;  text-transform: lowercase;  line-height: 1.2em;    letter-spacing: 0.01em;}/* -- Content layout/display styles -- */#content {  float: left;  width: 100%;  padding: 1em 0 1em 0;  background-color: #DDD;}#contentLeft {  float: left;  width: 20%;  margin-bottom: 1em;  background: #eeeeee;   border-style: solid;  border-width: 2px;  border-top-color: #96C;  border-right-color: #96C;  border-bottom-color: #96C;  border-left-color: #EEE;}#contentRight {  float: right;  width: 77%;  margin-left: .5em;  background: #eeeeee;  border-style: solid;  border-width: 2px;  border-top-color: #96C;  border-right-color: #EEE;  border-bottom-color: #96C;  border-left-color: #96C;}#content p {    margin: 0.8em 1em 0.8em 1em;  font-size: 0.8em;  line-height: 1.7em;}h1 {  font-size: 1.5em;  margin: 0.5em 0.5em 0.8em 0.5em;  color: #93C;  border-bottom: 1px solid #AAA;    }h2 {  font-size: 1.2em;  margin: 0.4em 0.75em 1em 0.75em;  color: #93C;  border-bottom: 1px solid #AAA; }h3 {  font-size: 1em;  margin: 0.4em 0.75em 0.4em 0.75em;  color: #93C;}#content a {    text-decoration: none;  color: #93F;}#content a:hover {  color: #93F;  background-color: #FFF;  border-bottom: 1px solid #EEEEEE;}.header, .subHeader {  display: block;  clear: both;    font-weight: bold;  font-size: 0.8em;  color: #93F;  border-bottom: 1px solid #AAA;    }.subHeader {  border: 0px;}/* -- Content left article links -- */#content a.menuItem {  display: block;    padding: 0.3em 0 0.3em 0.3em;  border: 0px;}#content a:hover.menuItem {   color: #eeeeee;  background: #639;}/* -- Footer layout/display styles -- */#footer {  float: left;  width: 100%;  height: 3em;  font-size: 0.6em;  line-height: 3em;  color: #666;  background: #eeeeee;  border-top-style: solid;  border-top-width: 2px;  border-top-color: #96C;}#footerLeft {  float: left;  width: 80%;  height: 3em;  text-align: left;  background: url(../images/corner_bl.gif) no-repeat bottom left;  border-top-color: #96C;}#footerRight {  float: right;  width: 10%;  height: 3em;  text-align: right;  background: url(../images/corner_br.gif) no-repeat bottom right;}#footer a {  color: #666;}#footer a:hover {  color: #93C;}/* -- Display formatting styles -- */.grey {  font-size: 0.9em;  color: #AAA;}.white {  color: #FFF;}.purple {  color: #93C;}.date {  font-size: 0.7em;  font-style: italic;}acronym {  cursor: help;  border-bottom: 1px dotted #AAA;}/* -- <ul> tag styles -- */ul{  font-size: 0.8em;}li {  margin-left: 0.5em;}/* -- Image alignment classes -- */.imgLeft, .imgRight {  margin: 0.3em;}.imgLeft {  float: left;  margin-left: 0px;  margin-right: 8px;}.imgRight {  float: right;  margin-right: 0px;  margin-left: 8px;}/* -- Utility classes to create the bottom rounded corners -- */.bottomCorner {  text-align: right;}.vBottom {  vertical-align: bottom;}