/*--------------------------------------------------
   Home Page Messaging
--------------------------------------------------*/
#bannerStretch
{
   clear: left;
   background-color: #35506a;
   background-image: url(../graphics/banner_back.gif);
   background-repeat: repeat-x;
   height: 270px;
}

#banner
{
   border: solid 0px #999;
   margin: 0px auto;
   width: 960px;
   height: 270px;
   /* overflow: auto; - screws up layout in IE */
}

#banner #bannerCol1
{
   width: 618px;
   height: 270px;
   float: left;
   display: inline;
}

#banner #bannerCol2
{
   background: url(../graphics/banner_nav_back.gif) no-repeat;
   margin: 0px;
   padding: 11px 0px 0px 6px;
   width: 336px;     /* 342 - 6 */
   height: 259px;    /* 270 - 11 */
   float: left;
}

#banner ul#categories
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   width: 330px;
   display: inline;
}

#banner #categories li
{
   margin: 0px;
   padding: 0px;
   width: 330px;
   height: 24px;
   display: inline;
}

#banner #categories a
{
   background-color: #2d455b;
   display: block;
   font-family: Tahoma, Geneva, Arial, sans-serif;
   font-size: 12px;
   line-height: 12px;
   font-weight: bold;
   color: #fff;
   text-decoration: none;
   margin: 0px 0px 1px 0px;
   padding: 4px 20px 5px 25px;
   width: 285px;     /* 330 - 45 */
   height: 14px;     /* 23 - 9 */
}

#banner #categories a:hover, #banner #categories a:active
{
   background-image: url(../graphics/category_back.gif);
   backgroun-repeat: no-repeat;
   color: #fff;
}

#banner .category
{
   width: 330px;
   height: 237px;
   display: none;
}

#banner .category .catName
{
   background: url(../graphics/category_sel_back.gif) no-repeat;
   height: 23px;
}

#banner .category .catName a
{
   display: block;
   font-family: Tahoma, Geneva, Arial, sans-serif;
   font-size: 12px;
   font-weight: bold;
   line-height: 12px;
   color: #fff;
   text-decoration: none;
   padding: 4px 0px 5px 25px;
   height: 14px;     /* 23 - 9 */
}

#banner .category .catBody
{
   display: block;
   border-top: solid 1px #334e67;
   border-bottom: solid 1px #334e67;
   background-color: #2d455b;
   font-family: Tahoma, Geneva, Arial, sans-serif;
   font-size: 12px;
   line-height: 18px;
   font-weight: normal;
   color: #fff;
   padding: 10px 25px 0px 25px;
   width: 280px;     /* 330 - 50 */
   height: 105px;    /* 117 - 15 - 2 */
}

#banner .category .catBody h2
{
   font-size: 18px;
   line-height: 21px;
   margin: 0px 0px 11px 0px;
   padding: 0px;
   color: #fff;
}

#banner .category .catActionLeft,
#banner .category .catActionRight
{
   display: block;
   background-color: #263a4d;
   font-family: Tahoma, Geneva, Arial, sans-serif;
   font-size: 12px;
   line-height: 12px;
   font-weight: normal;
   color: #fff;
   width: 165px;
   height: 97px;
   float: left;
}

#banner .category .catActionLeft { width: 164px; border-right: solid 1px #35506a; }

#banner .category .catActionLeft h3,
#banner .category .catActionRight h3
{
   font-size: 16px;
   line-height: 16px;
   font-weight: bold;
   margin: 14px 25px 6px 25px;
   padding: 0px;
}

#banner .category .catActionLeft h3 { color: #b5d2fa; }
#banner .category .catActionRight h3 { color: #c9d36c; }

#banner .category .catActionLeft p,
#banner .category .catActionRight p
{
   margin: 0px 25px 0px 25px;
   padding: 0px;
}

#banner .category .catActionLeft img,
#banner .category .catActionRight img
{
   margin: 10px 0px 0px 18px;
}


/*--------------------------------------------------
   Home Page Layout
--------------------------------------------------*/
.contentHome
{
   border: solid 0px #999;
   margin: 0px auto;
   width: 960px;
   overflow: auto;
}

.contentHome #col1
{
   padding: 30px 30px 0px 30px;
   width: 558px;  /* 618 - 60 */
   float: left;
   display: inline;
}

.contentHome #col1 .button
{
   margin-right: 30px;
}

/* Info Box */
.contentHome #infoBoxBorder
{
   border: solid 1px #e2e3e3;
   margin: 30px 0px 0px 0px;
   padding: 3px;
   width: 334px;  /* 342 - 8 */
   float: left;
}

.contentHome #infoBox
{
   border: solid 1px #e2e3e3;
   background-color: #f4f5f5;
   font-size: 12px;
   line-height: 150%;
   padding: 35px 25px 30px 25px;
}

.contentHome #buttonBox
{
   background: url(../graphics/box_back.png) repeat-x;
   display: inline;
   padding: 34px 0px 0px 8px;
   width: 610px;     /* 618 - 7 */
   height: 156px;    /* 190 - 34 */
   float: left;
}

.contentHome #buttonBox img
{
   margin: 0px 0px 0px 22px;
}


/* News Box */
.contentHome #col2
{
   font-size: 12px;
   padding: 30px 30px 30px 30px;
   width: 282px;  /* 342 - 60 */
   float: left;   
}

.contentHome #col2 li { line-height: 150%; }

.contentHome #infoBox h2, 
.contentHome #col2 h2
{
   font-family: Tahoma, Geneva, Arial, sans-serif;
   font-size: 18px;
   font-weight: normal;
   color: #7c8434;
   margin: 0px 0px 12px 0px;
   padding: 0px;
}

.contentHome #infoBox .imageLeft,
.contentHome #col2 .imageLeft 
{ 
   margin: 0px 8px 10px 0px; 
}
