/*--------------------------------------------------
   Content Area - box below header and nav
--------------------------------------------------*/
#contentFrame { width: 1010px; }

#banner
{
   width: 778px;
   height: 335px;
   float: left;
   border: solid 0px #999;
}

#banner a
{
   display: block;
   width: 778px;
   height: 335px;
}

#banner p
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 14px;
   line-height: 14px;
   color: #fff;
   padding: 0px;
   margin: -27px 0px 0px 15px;
}

#bannerNav
{
   background: url('../graphics/banner_back.png') no-repeat;
   width: 222px;
   height: 335px;
   float: left;
   border: solid 0px #999;
}

#bannerNav ul#thumbs
{
   list-style: none;
   margin: 22px 0px 0px 18px;
   padding: 0px;
}

#bannerNav #thumbs li
{
   margin: 0px 8px 8px 0px;
   padding: 0px;
   width: 88px;
   height: 88px;
   float: left;
}

/* Text */
#bannerNav #thumbs a
{
   display: block;
   background-repeat: no-repeat;
   padding: 0px;
   width: 88px;
   height: 88px;
   text-decoration: none;
   float: left;
}

/* Icon Normal */
#bannerNav .thumb1Normal { background-image: url(../graphics/thumb_sprite_bw.jpg); background-position: 0px 0px; }
#bannerNav .thumb2Normal { background-image: url(../graphics/thumb_sprite_bw.jpg); background-position: -96px 0px; }
#bannerNav .thumb3Normal { background-image: url(../graphics/thumb_sprite_bw.jpg); background-position: 0px -96px; }
#bannerNav .thumb4Normal { background-image: url(../graphics/thumb_sprite_bw.jpg); background-position: -96px -96px; }
#bannerNav .thumb5Normal { background-image: url(../graphics/thumb_sprite_bw.jpg); background-position: 0px -192px; }
#bannerNav .thumb6Normal { background-image: url(../graphics/thumb_sprite_bw.jpg); background-position: -96px -192px; }

/* Icon Hover, Active */
#bannerNav a#thumb1:hover, #bannerNav .thumb1Active { background-image: url(../graphics/thumb_sprite_color.jpg); background-position: 0px 0px; }
#bannerNav a#thumb2:hover, #bannerNav .thumb2Active { background-image: url(../graphics/thumb_sprite_color.jpg); background-position: -96px 0px; }
#bannerNav a#thumb3:hover, #bannerNav .thumb3Active { background-image: url(../graphics/thumb_sprite_color.jpg); background-position: 0px -96px; }
#bannerNav a#thumb4:hover, #bannerNav .thumb4Active { background-image: url(../graphics/thumb_sprite_color.jpg); background-position: -96px -96px; }
#bannerNav a#thumb5:hover, #bannerNav .thumb5Active { background-image: url(../graphics/thumb_sprite_color.jpg); background-position: 0px -192px; }
#bannerNav a#thumb6:hover, #bannerNav .thumb6Active { background-image: url(../graphics/thumb_sprite_color.jpg); background-position: -96px -192px; }

#col1
{
   background: url('../graphics/icon_news.png') no-repeat;
   background-position: 0px 27px;
   margin: 20px 0px 30px 0px;
   padding: 0px 25px 0px 162px;
   width: 197px;  /* 384 - 162 - 25 = 222 */
   float: left;
}

.line
{
   background: url('../graphics/dashed_line.gif') no-repeat;
   margin: 35px 0px 0px 0px;
   width: 3px;
   height: 128px;
   float: left;
}

#col2
{
   background: url('../graphics/icon_calendar.png') no-repeat;
   background-position: 18px 27px;
   margin: 20px 0px 30px 0px;
   padding: 0px 25px 0px 160px;
   width: 204px;  /* 389 - 160 - 25 = 229 */
   float: left;
}

#col3
{
   margin: 20px 0px 30px 0px;
   padding: 0px 0px 0px 42px;
   width: 179px;  /* 221 - 42 = 179 */
   float: left;
}

#col1 h2, #col2 h2 { margin: 15px 0px 10px 0px; }

/*--------------------------------------------------
   Home Footer, Resources, Links
--------------------------------------------------*/
#footer
{
   background-color: #852c46;
   text-align: center;
   width: 100%;
   height: 500px;
   padding: 24px 0px 0px 0px;
   overflow: hidden;
}

/* About and Links */
#footer2
{ 
   width: 220px; 
   float: left;
}

#resourceBox
{
   background: url('../graphics/resource_back.png') repeat-y;
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;

   width: 750px;
   height: 150px;
   padding: 20px 4px 0px 0px;
   margin: 0px;
   float: left;
}

* html #resourceBox /* for ie6 */
{
  background-image: url('../graphics/resource_back.gif');
}

#resourceBox #resourceNav
{
   border-right: solid 1px #cfcac6;
   width: 161px;
   height: 127px;
   padding: 0px 0px 0px 0px;
   float: left;
}

#resourceBox #resourceNav h2
{
   font-size: 16px;
   font-weight: normal;
   line-height: 16px;
   margin: 0px 0px 15px 15px;
   padding: 0px 0px 0px 8px;
   color: #000;
}

#resourceBox #resourceNav h3
{ 
   font-size: 14px;
   font-weight: bold;
   line-height: 14px;
   width: 136px;
}

#resourceBox #resourceNav .resNormal
{
   background-color: none;
   border: none;
   color: #5a534f;
   margin: 0px -1px 0px 15px;
   padding: 8px 0px 8px 11px;
}

#resourceBox #resourceNav h3:hover,
#resourceBox #resourceNav .resActive
{ 
   background-color: #fff;
   border: solid 1px #999;
   border-right: solid 1px #fff;
   color: #852c46;
   cursor: pointer;
   cursor: hand;
   margin: 0px -1px 0px 15px;
   padding: 7px 0px 7px 10px;
}

#resourceBox #findText
{
   font-family: times, "times new roman", palatino, serif;
   font-size: 16px;
   font-weight: normal;
   font-style: italic;
   margin: 0px;
   padding: 0px 0px 15px 25px;
   width: 500px;
   color: #5a534f;
   float: left;
}

#resourceBox .resourceInfo
{
   font-size: 11px;

   width: 165px;
   height: 95px;
   padding: 0px 0px 0px 25px;
   float: left;
}

#resourceBox .resourceInfo h3
{
   font-size: 12px;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
   color: #000;
}

#resourceBox .resourceInfo p 
{
   margin: 10px 0px 0px 0px;
   padding: 0px;
   line-height: 200%;
}

#linksBox
{
   background: url('../graphics/links_back.png') repeat-y;
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;

   width: 188px; /* 232 - 44 */
   height: 150px;
   margin: 0px 0px 0px 24px;        /* FIX THIS - SHOULD BE 27px!!!! */
   padding: 20px 22px 0px 22px;
   float: left;
}

* html #linksBox /* for ie6 */
{
  background-image: url('../graphics/links_back.gif');
}

#linksBox h2
{
   font-size: 16px;
   margin: 0px;
   padding: 0px;
   color: #000;
}

#linksBox p
{
   margin: 10px 0px 0px 5px;
   padding: 0px;
   line-height: 200%;
}

#resourceBox a:link, #resourceBox a:visited, #linksBox a:link, #linksBox a:visited
{
   color: #852c46;
   text-decoration: underline;
   border-bottom: none;
}

#resourceBox a:hover, #resourceBox a:active, #linksBox a:hover, #linksBox a:active
{
   color: #5a534f;
   text-decoration: underline;
   border-bottom: none;
}

p#footerText
{
   clear: left;
   height: 60px;
   margin: 12px 0px 0px 15px;
   padding: 0px;
   font-size: 11px;
   line-height: 12px;
   color: #fff;
}