/*** Home Page Styles ***/

body.HomePage #Container
{
	/* change overall width here */
    width: 847px;
}

body.HomePage #Header
{
    height: 316px;
}

body.HomePage #PageBanner
{
    margin: 52px 0px 0px 0px;
    /* border: 1px solid #c6cbce; */
}

body.HomePage div.NavigationBarDropShadow
{
    width: 847px;
    margin: 0px;
    padding: 0px;
    background: #fff url(../../Images/NavBar_DropShadow_White.gif) bottom left repeat-x;
}

body.HomePage div.ContentArea
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    width: 100%;
}


div.fxLearnMoreBox
{
    float: left;
    width: 257px;
    margin-left: 19px;
}

div.fxLearnMoreBox div.fxTitle
{
    border-bottom: 1px solid #fff;
    padding: 5px;
    background: #000 url(../../Images/boxHeader.png) top left repeat;
}

div.fxLearnMoreBox div.fxTitle h1 
{ 
    font-size: 1.4em;
    font-weight: normal;
    color: #9eb8cc;
    text-align: center; 
    letter-spacing: 1px;
}

div.fxLearnMoreBox div.boxGrayLines
{
    height: 290px;
    padding: 0px 5px 0px 5px;
    margin: 0px;
    background: #ccc url(../../Images/BackgroundGrayLines.gif) top left repeat;
}

div.fxLearnMoreBox div.boxGrayLines ul
{
    margin: 8px 0px 10px 10px;
    padding: 0px;
    line-height: 130%;
    font-size: .90em;
}

div.fxLearnMoreBox div.boxGrayLines ul li
{
    margin: 4px 10px 6px 20px;
}

div.fxLearnMoreBox div.boxGrayLines h2
{
    margin-left: 10px;
    margin-right: 10px;
    line-height: 120%;
    text-transform: none;
}

div.fxLearnMoreBox div.boxGrayLines p
{
    line-height: 140%;
}