html, body {
  height: 100%;
}

body {

  background: #FFFFFF url(../../gfx/bg-body-internal-v01.gif) repeat-y;
  margin: 0px 0px 0px 0px;
  font-family: arial, verdana, sans-serif; font-size: 11px; color: #333333;
}

body.frontPage {
  background: #FFFFFF url(../../gfx/bg-body-fp-v01.gif) repeat-y !important;
}

/* PAGE LAYOUT STYLES */

#container{
   position: absolute;
   width: 774px; height: auto; min-height: 100%;
}

#pageBody {   
   position: absolute;
   width: 639px;
   margin: 190px 0px 0px 135px;
   z-index: 4;  
}

#header {

   position: absolute;
   background: #eeeeee;
   width: 774px; height: 190px;
   margin: 0px; padding: 0px;
   z-index: 6;
}


#leftNav {

   position: absolute;
   float: left;
   width: 135px; height: 100%;
   background: #666666; background-image: url(../../gfx/bg-leftNav.gif);
   z-index: 3;
}

#leftNav .leftNav {
  margin: 190px 5px 0px 0px;
}


#content {
   float: left;
   width: 400px;
}

#rightCol1 {
   float: right;
   width: 200px;
}

#rightCol2 {

   position: absolute;
   margin: 0px 0px 0px 774px;
   width: 227px; min-height: 100%;
   background: #D3D3D3; background-image: url(../../gfx/bg-rightCol2.gif);
}

/* PAGE BODY SUB STYLES */

#content .content {
   margin-left: 10px;
   border-bottom: 1px solid #CCCCCC;
   width: 400px;
}

#content #breadCrumb {
   margin-left: 10px;
   border-bottom: 1px solid #CCCCCC;
   width: 100%;
}

.footer {
   margin: 5px 0px 5px 10px;
}


/* HEADER SUB STYLES */

#header #row1 {
   margin: 0px; padding: 0px;
   width: 774px; height: 60px;
   background: url(../../gfx/bg-hdr.gif) no-repeat;
}

#header #row1 #column1 {
   float: left;
   margin: 0px; padding: 0px;
   overflow: hidden;
}

#header #row1 #column2 {
   float: right;
   margin: 30px 0px 0px 0px;
   padding: 6px 0px 1px 0px;
}

#header #row2 {
   width: 774px; height: 91px;
   background: #EEEEEE url(../../gfx/hdrAdBg.gif);
   padding-top: 2px;
}

#header #row3 {
   width: 774px; height: 30px;
   background: #4258A3 url(../../gfx/hdrBottomNavBg.gif);
}

#header #row3 .searchBox {
   float: right;
   width: auto;
   padding-top: 5px; padding-right: 10px
}

#header #row3 .input { 
  background-color: #EEEEEE; 
  border: #000000 1px solid;
  color: #000000; 
  font-family: Verdana, Geneva, Arial; 
  font-size: 10px;
} 

#header #row3 .button { 
  background-color: #4258A3; 
  border: #000000 1px solid; 
  color: #FFFFFF; 
  font-family: Verdana, Geneva, Arial; 
  font-size: 10px; 
  font-weight: bold;
}

#header #row3 .nav {
  display: block;
  float: left;
  border-right: 1px solid #222D4E;
}

#header #row3 a.btn {
  display: block;
  width: 70px; height: 20px;
  font-weight: bold; color: #FFFFFF; 
  padding-top: 10px;
  text-align: center; text-decoration: none;
  background: url(../../gfx/hdrBtnBg.gif);
}

#header #row3 a.btn:hover {
  background-position: 0px -30px;
}

#header #row4 {
   width: 774px; height: 7px;
   background: #FFFFFF url(../../gfx/hdrShadow.gif);
}

/* LEFT NAV SUB STYLES */

#leftNav ul {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   width: 130px;
   list-style-type: none;
}

#leftNav li {
   line-height: 18px;
   border-bottom: 1px solid #D5D5D5;
}

#leftNav li.menuTitle {
   line-height: 18px;
   margin-bottom: 1px;
   background: #899BC1;
   font-weight: bold;
   border-bottom: none;
}

#leftNav li.menuTitle a {
   text-decoration: none;
   color: #FFFFFF;
   display: block;
   width: 120px;
   padding-left: 10px;
}

#leftNav li.menuTitle a:hover {
   background-color: #A4B3D4;
}

#leftNav li a {
   text-decoration: none;
   display: block;
   width: 120px;
   padding-left: 10px;
   color: #333333;
}

#leftNav li a:hover {
   background-color: #EEEEEE;
}

/* OTHER STYLES */