body
{
   background: #b56a78 url('cssImages/backGradient.png') repeat-x;
   font-family: arial;
   font-size: 12pt;
}

a, a:visited
{
   color: #977c81;
   text-decoration: underline;
}

a:hover
{
   text-decoration: none;
}

#main
{
   width: 780px;
   margin: 0 auto;
}

#fakeTop
{
   display: none;
}

#topBar
{
   width: 745px;
   height: 244px;
   margin: 30px 0 0 -38px; 
   background: url('cssImages/topBar.png') repeat-x;
}

#left
{
   float: left;
   width: 696px;
}

#right
{
   float: left;
   width: 45px;
}

#topBar .topBottom
{
  margin: -10px 0 0 -10px;
  position: relative;
  top: -14px;
  z-index: 1;
}

#topBar #right .topSide
{
   margin-top: -9px;
   margin-left: -1px;
}

#logo
{
   margin-top: 50px;
}

#content
{
   width: 730px;
   margin: -25px 0 0 -18px;
   background: url('cssImages/middle.png') repeat-y;
   padding-top: 40px;
}

#menu
{
   background: #3b578a;
   float: left;
   color: #d8e2f4;
   font-size: 12pt; 
   width: 167px;
   margin-left: 9px;
   padding: 10px 0 10px 0;
}

#menu ul
{
   margin-left: -40px;
   list-style-type: none;
}

#menu li
{
   margin-top: 5px;
}

#menu a
{
   color: #d8e2f4;
   display: block;
   margin: -9px 0 -9px 0;
   line-height: 15px;
   padding: 5px 0 5px 25px;
   text-decoration: none;
}

#menu a:hover
{
   background: #eee88d;
   color: #3b578a;
}

#pageContent
{
   float: left;
   color: #515357;
   width: 540px;
   padding-left: 6px;
}

#pageContent h1,h2,h3
{
   color: #825159;
}

.column
{
   font-size: 10pt;
   width: 255px;
   float: left;
   margin: 5px;
}

.box
{
   border: 1px dotted #3b578a;
   margin: 25px 5px;
   padding: 10px;
}

.box h4
{
   display: block;
   color: #3b578a;
   text-align: center;
   width: 100%;
   margin: 5px 0 -2px 0;
}

#bottom
{
   width: 730px;
   margin: 0 0 0 -18px;
   height: 15px;
   background: url('cssImages/bottom.png') no-repeat;
}

#overFlow
{ 
   margin-top: -30px; float: left;
   position: relative;
   z-index: 2;
}

#overflow img
{
   position: relative;
   z-index: 2;
   width: 300px;
}

.none
{
   list-style-type: none;
}

.center
{
   width: 100%;
   text-align: center;
}

#imageBox
{
   float: left;
}

#imageBox img
{
   width: 300px;
}

#longarm p.rightOfImage
{
   float: left;
   width: 200px;
   margin-left: 10px;
   margin-top: 20px;
}

#longarm
{
   font-size: 10pt;
   width: 530px;
   float: left;
}

#longarm p
{
   width: 520px;
}

#longarm h4
{
   width: 520px;
}

#longarm div
{
}

#longarm h5
{
  width: 520px;
}

.rightPanel, .leftPanel
{
   float: left;
}

.rightPanel
{
   width: 170px;
   margin-top: 10px;
}

.leftPanel
{
   width: 290px;
   clear: left;
   margin-top: 10px;
}

.centerPanel
{
   float: left;
   width: 115px;
   margin-top: 10px;
}