/*--------------------------------------------------
   Content Area - box below header and nav
--------------------------------------------------*/
#pageFrameHome
{
   background: url(../graphics/home_gradient.jpg) repeat-x;
}

#portalButtons
{
   text-align: left;
   height: 260px;
   margin: 0px 25px 0px 27px;
   float: left;
}

#portalButton1, #portalButton2, #portalButton3
{
   width: 263px;
   height: 84px;
   margin: 0px 0px 3px 0px;
   cursor: pointer;
}

#portalButton1 { background: url(../graphics/pb_home_back.jpg) no-repeat; }
#portalButton2 { background: url(../graphics/pb_pros_back.jpg) no-repeat; }
#portalButton3 { background: url(../graphics/pb_training_back.jpg) no-repeat; }

#portalButtons .icon 
{ 
   margin: 10px 10px 0px 10px;
   float: left;
}

#portalButtons .text
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   line-height: 12px;
   color: #fff;
   margin: 10px 0px 0px 0px;
   width: 175px;
   float: left;
}

#portalButtons .heading
{
   font-size: 14px;
   font-weight: bold;
   line-height: 16px;
}

#portalButtons .line { margin: 5px 0px 5px 0px; }

/* Open House Mapping Tool */
#toolBox
{
   background: url(../graphics/search_back.jpg) no-repeat;
   width: 460px;
   height: 260px;
   padding: 11px 0px 0px 15px;
   float: left;
}

#toolBox #toolText
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   line-height: 120%;
   margin-bottom: 6px;
   width: 315px;
   float: left;
}

#toolBox h3
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 16px;
   color: #2a4586;
   margin: 4px 0px;
   padding: 0px;
}

#toolBox #toolSponsor
{
   margin: 0px 0px 0px 25px;
   float: left;
}

#toolBox #toolSponsor img { margin-top: 6px; }

#toolBox form 
{ 
   clear: left; 
   border: solid 0px #999; 
   margin: 0px; 
   padding: 0px;
   width: 420px;
}

#toolBox table
{
   font-size: 11px;
   font-weight: bold;
   width: 420px;
   padding: 0px;
   margin: 0px;
}

#toolBox th 
{ 
   font-weight: normal;
   text-align: right;
   padding: 2px 4px 2px 0px;
}

#toolBox select
{
   font-size: 11px;
   font-weight: normal;
}


/* Text Area: About, News, etc */
#pageFrameHome #textArea
{
   clear: left;
   padding-top: 20px;
   border: solid 0px #000;
   overflow: hidden;
}

#pageFrameHome #col1, #pageFrameHome #col2, #pageFrameHome #col3
{
   margin: 0px;
   width: 222px;
   margin-left: 32px;
   float: left;
}
#pageFrameHome #col1 { margin-left: 40px; }

#pageFrameHome #textArea h2
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 14px;
   font-weight: bold;
   padding: 8px 0px 8px 18px;
   margin: 0px;
   background-color: #EAEAEA;
   color: #000;
}

#pageFrameHome #textArea p { margin: 10px 0px 0px 18px; }
#pageFrameHome #textArea ul { margin: 10px 0px 0px 18px; }

/* * html #pageFrameHome #news { width: 338px; } */

#pageFrameHome #infoArea
{
   background: url(../graphics/info_back.gif) repeat-y;
   width: 752px;
   margin: 20px 0px 0px 27px;
   padding: 0px;
   overflow: hidden;
}

#pageFrameHome #infoArea #icon
{ 
   margin: 0px 0px 0px 10px;
   float: left;
}

#pageFrameHome #infoArea #text
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   line-height: 14px;
   color: #000;
   margin: 0px 0px 6px 10px;
   width: 435px;
   float: left;
}

#pageFrameHome #infoArea h3
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 14px;
   font-weight: bold;
   padding: 0px;
   margin: 0px 0px 4px 0px;
   color: #000;
}

#pageFrameHome #infoArea #image
{
   margin: 4px 0px 0px 10px;
   float: left;
}