#headlineHome {
    font-weight: bold;
    font-size: 24px;
    color: #000;
    font-family: tahoma, verdana, sans-serif;
    text-align:center;
    width:600px;
    position:absolute;
    left:180px;
    line-height:40px;
}

table.iPhoneTile td {
    color:#000;
}

#homeTopRight {
    width:160px;
    position:absolute;
    left:800px;
}

div.spacingHome {
    position:relative;
    clear:both;
    height:20px;
}

#blueHomeSection {
    background:#cce6ff;
    height:200px;
    padding:10px 0px;
}

#blueHomeContent {
    width:960px;
    margin: auto;
    padding:0px 0px 0px 0px;
}

#greenHomeSection {
    position:relative;
    width:100%;
    background:#54C65F;
    height:280px;
}

#yellowButtonArea {
    width:254px;
    text-align:center;
    float: left;
    display: inline;
}

a.yellowButton span, a.yellowButton:link, a.yellowButton:hover, a.yellowButton:visited, a.yellowButton:visited:hover {
    color:#ffffff;
    font-size:20px;
    display: inline-block;
    float: left;
    text-decoration: none;
    font-weight:bold;
    height:48px;
    line-height:48px;
    text-align: center;
    white-space: nowrap;
    cursor:pointer;
}

a.yellowButton span.left { background: url(../images/buttons/xl_orange_end1_trans.gif) top left no-repeat; width:25px; padding:0}
a.yellowButton span { background: url(../images/buttons/xl_orange_1pxl_trans.gif) top right; }
a.yellowButton span.right { background: url(../images/buttons/xl_orange_end2_trans.gif) top left no-repeat; width:25px; padding:0}

#yellowTagline {
    font-size:14px;
    width:auto;
    text-align:center;
    color: #000;
    margin:30px 0px 5px 0px;
}

#login {
    padding-top:0px;
    margin-left:50px;
}

#loginButton a, #loginButton a:hover, #loginButton a:visited, #loginButton a:visited:hover {
    color:#666666;
    font-size:18px;
}


#login p, #login div p, #login td, #login td div {
    color:#ffffff;
    font-size:16px;
    font-weight:bold;

}

div.loginRow {
    clear:both;
    display:block;
    padding-top:4px;
    width:375px;
}

div.loginRowSmall {
    clear:both;
    display:block;
    padding-top:10px;
    width:375px;
}

div.loginRowSmallHome {
    width:auto;
}

div.loginLabel {
    float:left;
    width:100px;
    line-height:30px;
}

div.loginLabelHome {
    margin-left:12px;
    margin-right:10px;
    width:auto;
}

div.loginText {
    color:#000;
    font-size:16px;
    font-weight:bold;
}

div.loginTextHome {
    color:#ffffff;
    font-size:14px;
    font-weight:bold;
    line-height:24px;
    padding-top:4px;
}

div.loginTextSmall, div.loginTextSmall a {
    color:#000;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
}

div.loginTextSmall a:hover {
    color:#ffffff;
    font-weight:bold;
    text-decoration:underline;
}

div.loginTextHomeSmall, div.loginTextHomeSmall a {
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}

div.loginTextHomeSmall a:hover {
    color:#ffffff;
    font-weight:bold;
    text-decoration:underline;
}

div.loginBox {
    float:right;
    width:265px;
    text-align:left;
}

div.loginButton {
    float:right;
    width:100px;
    height:36px;
    background:#cccccc;
    color:white;
    font-size:18px;
    line-height:36px;
    text-align:center;
}

#login input.wide {
    width:260px;
    height:24px;
    border:1px solid #333333;
    background-color:transparent;
    background-image:url('../images/inputbg.png');
    font-size:18px;
    padding-left:5px;
    vertical-align:middle;
    line-height:24px;
    padding-top:4px;
    padding-bottom:2px;
}

#login input.inputFocused {
    background-color:#ffffc9;
    background-image:none;
}

input.default {
    font-style: italic;
    color:#B0B4B6;
}

.loginCompact {
    width:185px;
    height:18px;
    border:1px solid #333333;
    background:url('../images/inputbg.png');
    font-size:14px;
    padding-left:5px;
    vertical-align:middle;
    line-height:14px;
    padding-top:2px;
    padding-bottom:2px;
}

#loginHeadline {
    color:#000;
    font-size:22px;
    font-weight:bold;
    text-align:left;
}

#loginHeadlineHome {
    color:#ffffff;
    font-size:20px;
    font-weight:bold;
    text-align:left;
    line-height:24px;
    padding-top:4px;
}

#loginHeadlineForm {
    float: left;
    display:inline;
    width:819px;
}

#loginHeadlineForm .leftCol {
    float:left;
    display: inline;
    width:348px;
    margin-left:12px;
}

#loginHeadlineForm .rightCol {
    float:left;
    display: inline;
    width:447px;
    margin-left:12px;
}

div .loginBoxHome {
    float:left;
    display:inline;
    text-align:left;
    width:auto;
}

#homeTop {
    margin:auto;
    width:960px;
    position:relative;
    height:40px;
}

#homeBottom {
    clear:both;
    margin:auto;
    width:960px;
    position:relative;
    height:auto;
}

#homeMiddle {
    clear:both;
    margin:auto;
    width:960px;
    position:relative;
    height:auto;
}

div.lowerModule {
    float:left;
    text-align:left;
    width:260px;
}

div.lowerModuleHeadline {
    text-align:left;
    font-size:16px;
    font-weight:bold;
    color:#333333;
    margin-bottom:5px;
    padding-top:5px;
}

div.lowerModuleBody {
    font-size:16px;
    font-weight:normal;
    color:#333333;
    width:200px;
}

.lowerModuleBody a:link, .lowerModuleBody a:visited, .lowerModuleBody a:hover, .lowerModuleBody a:visited:hover {
    font-weight:normal;
}

#tweets a:link, a:visited, a:hover, a:visited:hover {
    color: #660000;
}

div.lowerModuleLink, div.lowerModuleLink a {
    margin:10px 0px 0px 0px;
    font-weight:normal;
    color: #0066cc;
    width:100%;
}

div.lowerModuleLink a:hover {
    text-decoration:underline;
    font-weight:normal;
}

div.homePanel {
    width:300px;
    float:left;
    display:inline;
    margin:0px 30px 0px 0px;
    padding:0px 0px;
    font-weight: normal;
}

.homePanel div.lowerModuleHeadline, div.lowerModuleHeadline span {
    color: #f29224;
    font-weight: bold;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}

div.lowerModuleHeadline span {
    display:block;
    margin:5px 0 0 10px;
    font-size:16px;
}

.homePanelYellowBg300 div.lowerModuleHeadline {
    font-size:16px;
    color: #000;
    text-align:left;
    margin-bottom:20px;
    font-weight: normal;
}
.homePanel div.lowerModuleBody {
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

.homePanel ul {
    padding:0;
    margin: 10px 0px 0px 16px;
}

.homePanel li {
    color: #000;
    margin: 5px 0px 0px 0px;
}

.calList {
    margin:10px 0 0 5px;
}
.calRow {
    margin-bottom:10px;
}

.calRow span {
    white-space: nowrap;
}

.calBullet {
    float:left;
    display:inline;
    width:24px;
    height:24px;
}
.calTop, .calTop img {
    height:8px;
    width:24px;
    vertical-align:top;
}
.calBottom, .calBottom img {
    height:16px;
    width:24px;
    vertical-align:top;
}
.calItem {
    float:left;
    display:inline;
    margin-left:10px;
    width:225px;
    color:#000;
}

ul.iconlist {
    list-style:none outside none;
    margin:8px 0 0 5px;
    padding:0;
    margin-left:5px;
}

li.pdf {
    background-image: url(../images/home/PDF.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding: 3px 0 10px 34px;
    margin: 0 0;
}

div.homePanelRight {
    margin: 0;
}

div.homePanelWhiteBg300 {
    width:300px;
    z-index:0
}
div.homePanelWhiteTop300 {
    width:300px;
    height:6px;
    background: transparent url(../images/homePanelWhtTop300.gif) no-repeat scroll 0 0;
    font-size:0px;
}
div.homePanelWhiteFoot300 {
    width:300px;
    height:6px;
    background: transparent url(../images/homePanelWhtFoot300.gif) no-repeat scroll 0 0;
    z-index:1;
    font-size:0px;
}

div.homePanelYellowBg300 {
    background: transparent url(../images/homePanelYlwBody300.gif) repeat-y scroll 0 0;
    z-index:0
}
div.homePanelYellowTop300 {
    width:300px;
    height:6px;
    background: transparent url(../images/homePanelYlwTop300.gif) no-repeat scroll 0 0;
    z-index:1;
    font-size:0px;
}
div.homePanelYellowFoot300 {
    width:300px;
    height:6px;
    background: transparent url(../images/homePanelYlwFoot300.gif) no-repeat scroll 0 0;
    z-index:1;
    font-size:0px;
}

div.homePanelBlueBg300 {
    width:300px;
    background: transparent url(../images/homePanelBluBody300.gif) repeat-y scroll 0 0;
    z-index:0;
    position:absolute;
}
div.homePanelBlueTop300 {
    width:300px;
    height:6px;
    background: #fff url(../images/homePanelBluTop300.gif) no-repeat scroll 0 0;
    z-index:1;
    font-size:0px;
}
div.homePanelBlueFoot300 {
    width:300px;
    height:6px;
    background: #fff url(../images/homePanelBluFoot300.gif) no-repeat scroll 0 0;
    z-index:1;
    font-size:0px;
}
div.homePanelPennant {
    width:80px;
    height:80px;
    z-index:100;
    position:absolute;
    top:1px;
    right:1px;
    background: url(../images/homeRedPennant80x80.gif) no-repeat scroll 0 0;
}
div.pennantText {
    position:absolute;
    top: 14px;
    right: 8px;
    color: #fff;
    font-weight:bold;
    z-index:110;
}

div.homePanelContent {
    padding:0px 18px;
    height:250px;
    position:relative;
}
div.homePanelContentWhite {
    background: transparent url(../images/homePanelWhtBody300.gif) repeat-y scroll 0 0;
}

#homePartnerLogos {
    width: 100%;
    height: 72px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

div.quotesScrollable {
    width: 208px;
    height:200px;
    /* required settings */
    position:relative;
    overflow:hidden;
    float:left;
}

div.quotesScrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}
/* single scrollable item */
div.quotesScrollable div.items div {
        float:left;
}
div.quoteItem {
    width:200px;
    height:200px;
    padding:0 10px;
}
.quoteSig {
    clear:left;
    padding-top:10px;
    font-style:italic;
}

div.bluePanelScrollable {
    width: 960px;
    height:200px;
    /* required settings */
    position:relative;
    overflow:hidden;
    float:left;
}

#mainTileNav {
    position:absolute;
    left:485px;
    top:150px;
    width:470px;
    height:48px;
}

* html #mainTileNav { /* ie6 hack */ top: 0px; margin-top: -48px;}

div.tabs {
    float: right;
    display: inline;
    width:210px;
    text-align:center;
    height:48px;
}

div.tabs a {
    display:block;
    width:24px;
    text-align:center;
    border:solid 1px;
    margin: 12px 0 auto 26px;
    float:left;
}

div.navi {
    float: right;
    display: inline;
    width:200px;
    text-align:center;
    height:48px;
}

.navi a.active {
    background-position:0 -16px;
}

.navi a {
    background:url("../images/home/digit.gif") no-repeat scroll 0 0 transparent;
    display:inline-block;
    float:left;
    font-size:1px;
    height:16px;
    margin: 16px 24px 0px 0px;
    width:16px;
}



div.bluePanelScrollable div.items {
        /* this cannot be too large */
        width:20000em;
        position:absolute;
        clear:both;
}
/* single scrollable item */
div.bluePanelScrollable div.items div {
        float:left;
}

div.bluePanelItem {
    width:960px;
    height:200px;
}

.bluePanelItem div.left, .bluePanelItem div.right {
    width:470px;
    float:left;
    display:inline;
    border:0px;
    padding:0px;
    margin:0px;
}

.bluePanelItem div.left {
    text-align:center;
    height:200px;
}

.bluePanelItem div.right {
    margin-left: 20px;
}

.bluePanelItem div.headline {
    color:#F29224;
    font-weight:bold;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    font-size:22px;
}

.bluePanelItem div.listItems {
    clear:left;
    width:100%
}

.bluePanelItem ul {
    padding:0;
    margin: 22px 0px 0px 16px;
}

.bluePanelItem li {
    color: #000;
    margin: 8px 0px 0px 0px;
    font-size:16px;
}

/*
div.bluePanelItem .lowerModuleHeadline {
    margin-left:0;
}
div.bluePanelItem .lowerModuleBody {
     color:#000;
     height:70px;
}
div.bluePanelItem .lowerModuleLink {
    margin-top:0px;
}
div.bluePanelItem .imgWrapperOuter {
    height:120px;
}
div.bluePanelItem .imgWrapperInner {
    padding-left:20px
}
*/

div.scrollable {

    width: 920px;

    height: 72px;
        /* required settings */
        position:relative;
        overflow:hidden;
    float:left;
}

/*
        root element for scrollable items. Must be absolutely positioned
        and it should have a super large width to accomodate scrollable items.
        it's enough that you set width and height for the root element and
        not for this element.
*/
div.scrollable div.items {
        /* this cannot be too large */
        width:20000em;
        position:absolute;
        clear:both;

        /* decoration */
        margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
        float:left;

        /* custom decoration */
        text-align:center;
    width:120px;
    height:60px;
    float:left;
    display:inline;
    padding:6px 0px;
        margin-right: 36px;
}


/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
    display:block;
    width:18px;
    height:18px;
    background:url(../images/scrollable/arrow/left.png) no-repeat;
    float:left;
    margin:27px 0px;
    cursor:pointer;
    font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
    background-position:0px -18px;
}

/* disabled navigational button */
a.disabled {
/*
    visibility:hidden !important;
*/
}

/* next button uses another background image */
a.next, a.nextPage {
    background-image:url(../images/scrollable/arrow/right.png);
    clear:right;
}