/**************************************************************
   #wrapper & #content: wrapper positions and sets the width
   on the content.  The background is then applied to #content.
 **************************************************************/
#wrapper {
  width: 589px;
  height: 100%;
  margin: 0 auto;
  text-align: left;
}
#content { 
  float: left;
  width: 589px;
  height: 100%;
  min-height: 100%; 
  
  background: url(../img/content.gif) repeat-y top center;
}
#content[id] {
  height: auto;  
  background: url(../img/content.png) repeat-y top center;
}
/**************************************************************
   #header: Holds the site title and header images
 **************************************************************/
#header {
  padding: 60px 0 2em 49px;  
  background: url(../img/header.jpg) no-repeat top center;  
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  font: 1em georgia, serif;
  line-height: 140%;
  background: url(../img/background.jpg) repeat top left;
  color: #6D6864;
}

/**************************************************************
   #menu: The top level site menu
 **************************************************************/

ul#menu {
  width: 491px;
  margin: 0 auto;  
  padding: 0 !important;
  padding: 0 0 0 10px;  
}
ul#menu li {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#menu li a {
  float: left;  
  padding: 15px 0 5px 0;
  font: 1em georgia, serif;
  text-align: center;
  text-decoration: none;
  color: #61804E;
  border-bottom: 1px solid #D3F1B6;
}

ul#menu li a:visited {
  background-color: #FFF;
}

ul#menu li a:hover {
  color: #2E5F0F;
  background: url(../img/menu.gif) repeat-x bottom left;
}

ul#menu li a.here {
  color: #512103;
  background: url(../img/menu.gif) repeat-x bottom left;
}

/* helper classes to control width of links in topbar */
ul.five li a {
  width: 20%;
}

/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {  
float: left;
clear: both;   
width: 491px !important;
width: 100%;
padding: 2em 49px;
border-style:solid;
border-width:0px;
}
#left {  
float:left;
width:80px;
margin:0px;
padding:0px;
border-style:solid;
border-width:0px;
}
#middle {  
float:left;
width:160px;
margin:0px;
padding:5px;
border-style:solid;
border-width:0px;
}
#right {  
float:left;
width:235px;
margin:0px;
padding:0em;
border-style:solid;
border-width:0px;
}
#case_middle {  
float:left;
width:315px;
margin:0px;
padding:5px;
border-style:solid;
border-width:0px;
}
#case_right {  
float:left;
width:80px;
margin:0px;
padding:0em;
border-style:solid;
border-width:0px;
}
/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

.big {
  font-size: 1.1em;  
}

.small {
  font-size: 0.85em;  
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.grey {
  color: #AAA;
}

.green {
  color: #82C048;
}

.darkBrown {
  color: #512103;
  font-size: 1.2em;  
}
.greenBg {
  padding: 0 10px;
  background-color: #F1FFE3;
  border-bottom: 1px solid #B8E78B;
}
h1 {
  font: 0.8em georgia, serif;
  color: #512103;
  font-weight: bold;
  line-height: 140%;
}
h2 {
  font: 0.8em georgia, serif;
  color: #6D6864;
  line-height: 140%;
}
a {
  text-decoration: none;
  color: #5E9040;  
  border-bottom: 1px solid #B8E78B;
}


a:visited {
  background-color: #F1FFE3;
}

a:hover {
  color: #3C5D29;
  background-color: #F1FFE3;
  border-bottom: 1px solid #4A6E35;
}
ul {
  margin: 10px 30px;
  padding: 0 30px 0 5px;
  list-style: none;
}

ul li {
  padding-left: 25px;
  background: url(../img/bullet.gif) no-repeat;
  background-position: 0 3px;
}