body
{
    margin:          0;
    padding:         0;
	background-color:#333333;
	font-family:     Verdana, Arial, Helvetica, sans-serif;
	font-size:       10px;
	font-style:      normal;
	font-weight:     normal;
	font-variant:    normal;
	text-transform:  none;
	color:           #666666;
    line-height:     14px;
}
div#bodyContent
{
    width:       1003px;
    background:  url(images/contentBackground.gif) repeat-y;
}
    div#bodyContent ul#siteNav
    {
        background:    url(images/navBackground.gif) repeat-x;
        margin:        0;
        padding:       0;
        text-transform:uppercase;
    }
    div#bodyContent ul#siteNav li
    {
        display:    inline;
        margin:     0;
        padding:    6px 15px 7px 15px;
        font:       bold 12px Arial, Helvetica, sans-serif;
        border-left:1px solid #999999;
        line-height:28px;
        cursor:     pointer;
    }
    div#bodyContent ul#siteNav li.itemFirst
    {
        padding-left:35px;
        border-left: none;
    }
        div#bodyContent ul#siteNav li a
        {
            margin:         0;
            padding:        0;
            text-decoration:none;
            color:          #555555;
        }
        div#bodyContent ul#siteNav li a:hover {color:#999999;}
        div#bodyContent ul#siteNav li a.active {color:#FF6600;}


div#bodyContentTop
{
    position:    relative;
    margin:      0 0 0 35px;
    padding-left:4px;
}
    div#bodyContentTop img {float:left;}
    div#bodyContentTop h1
    {
        position:      absolute;
        top:           110px;
        left:          40px;
        padding:       0 0 5px 0;
        color:         #47403A;
        font-size:     20px;
        font-weight:   normal;
        text-transform:uppercase;
    }
    div#bodyContentTop p
    {
        float:  left;
        width:  400px;
        margin: 0;
        padding:0 15px 20px 20px;
    }


div#callOutArea
{
    float: left;
    margin:5px 35px 20px 29px;
}


div.callOutWhite
{
    background-color:#FFFFFF;
    margin-right:    5px !important;
}


div.callOut
{
    float:           left;
    margin:          0 0 0 10px;
    padding:         3px;
    background-color:#FFFFFF;
    border:          1px solid #E5E5E5;
}
    div.callOut h3
    {
        width:            98%;
        height:           27px;
        background-image: url(images/callOutBackground.gif);
        background-repeat:repeat-x;
        color:            #9A9A9A;
        margin:           0;
        padding:          3px 0 0 9px;
        vertical-align:   top;
    }
        div.callOut h3 div
        {
            height:        16px;
            background:    url(images/callOutArrow.gif) left top no-repeat;
            padding-left:  20px;
            font-size:     11px;
            text-transform:uppercase;
        }
    div.callOut ul
    {
        margin: 5px 5px 0 25px;
        padding:0;
    }
    div.callOut li {padding-bottom:10px;}
    div.callOut p {padding-left:10px;}
    div.callOut a {color:#FF6600;}


div#subPageContent
{
    clear:           both;
    margin:          0 0 10px 28px;
    padding:         0 15px 15px 15px;
    width:           920px;
    background-color:#FFFFFF;
}
    div#subPageContent h2
    {
        font-size:12px;
        margin:   0 0 -10px 0;
        padding:  15px 0 0 0;
    }
        div#subPageContent h2 span.titleHighlight {color:#FF6600;}
    div#subPageContent div#callOutArea {margin:0;}
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}