﻿body
{
    margin: 0 auto;
    background-color: #666;
    font-family: verdana;
    font-size: 12px;
}
.outer
{
    width: 987px;
    margin: 0 auto;
}
#imageteaser
{
    width: 430px;
    height: 370px;
    position: absolute;
    margin-left: 299px;
    margin-top: 17px;
    background-repeat: no-repeat;
}
#loginbox
{
    width: 200px;
    height: 100px;
    position: absolute;
    margin-left: 787px;
    margin-top: 128px;
    background-repeat: no-repeat;
}
.headersection
{
    height: 128px;
    width: 987px;
    background: url(../images/headerbg.jpg) no-repeat;
}
.headerleft
{
    height: 106px;
    width: 490px;
    float: left;
}
.headerleft a img
{
    width: 189px;
    height: 43px;
    border: 0px;
    padding-left: 51px;
    padding-top: 47px;
}
.headerright
{
    height: 106px;
    width: 497px;
    float: left;
    text-align: right;
}
.headerright img
{
    width: 191px;
    height: 40px;
    border: 0px;
    padding-right: 19px;
    padding-top: 18px;
}
.topmenuleft, .footerleft
{
    float: left;
    padding-left: 12px;
    height: 22px;
    width: 399px;
    line-height: 21px;
    color: #fff;
    font-family: Verdana;
    font-size: 11px;
}
.topmenuleft a
{
    color: #fff;
    text-decoration: none;
}
.topmenuright, .footerright
{
    float: left;
    padding-right: 11px;
    text-align: right;
    height: 22px;
    width: 560px;
    line-height: 21px;
    color: #FF781F;
    font-family: Verdana;
    font-size: 12px;
}
.topmenuright a, .footerright a
{
    color: #FF781F;
    text-decoration: none;
}
.topmenuright a:hover, .topmenuleft a:hover, .footerright a:hover
{
    text-decoration: underline;
}
.maincontent
{
    /*height: 1233px;*/
    width: 987px;
    background: url(../images/mapbg.jpg) no-repeat;
    border-top: solid 1px #666;
}
.footer
{
    height: 22px;
    width: 987px;
    background: url(../images/footerbg.jpg) no-repeat;
}

/* -------------- */
/* LEFT NAV ITEMS */
/* -------------- */

.leftnav
{
    float: left;
    width: 186px;
    height: 350px;
    background-image: url(../images/leftnavwide2.png);
    margin-left: 11px;
    margin-top: 83px;
    display: inline;
}
.leftnav a
{
    text-decoration: none;
}
.leftnavitem, .leftnavitem_noa
{
    padding-left: 10px;
    padding-top: 4px;
    width: 176px;
    font-family: verdana;
    /*border-bottom:solid 1px #fff;*/
    font-size: 12px;
    /*font-weight:bold;*/
    line-height: 17px;
    height: 23px;
    color: #4d4d4d;
    cursor: pointer;
}

.leftnavitem a {
    color: #4d4d4d;
}
.leftnavitem:hover, .leftnavitemsel, .leftnavitem:hover a, .leftnavitemsel a
{
    /*background-image: url(../images/leftnavitemwide.jpg);*/
    background-color:#2A7090;
    color: #fff;
}
.leftnavitem_noa:hover 
{
    background-color:Transparent;
    color: #4d4d4d;
    cursor:auto;
}
.leftitem2lines
{
    height: 33px;
    line-height: 15px;
}
.leftitem2lines:hover, .leftitem2linessel, .leftitem2linessel a
{
    /*background-image: url(../images/leftnavitem2lineswide.jpg);*/
    background-color:#2A7090;
    color: #fff;
}
.leftnavspacer
{
    height: 5px;
    font-size:0%;
}
.leftnavline
{
/*
    float:left;
    display:inline;
    padding-top:5px;
    height: 1px;
    width: 156px;
    margin-left:5px;*/
    border-top:solid 1px #000;
    font-size: 13px;
    font-weight:bold;
}
.leftconnector1
{
    float: left;
    width: 20px;
    margin-top: 111px; /* start at 111px - add 28px or 38px each time left nav changes */
    height: 208px; /* start at 208px - add 34px each time middle nav changes */
    border-right: solid 2px #fff;
    border-top: solid 2px #fff;
}
.leftconnector2
{
    float: left;
    width: 20px;
    height: 319px; /* start at 319px - add 34px each time middle nav changes */
    border-bottom: solid 2px #fff;
}

/* ---------------- */
/* MIDDLE NAV ITEMS */
/* ---------------- */

.middlenav
{
    float: left;
    width: 184px;
    height: 154px;
    background-image: url(../images/middlenav.png); /*margin-left: 42px;*/
    margin-top: 288px;
}
.middlenav a
{
    text-decoration: none;
}
.middlenavitem
{
    text-align: right;
    padding-right: 35px;
    margin-bottom: 5px;
    margin-left: 1px;
    margin-right: 1px;
    width: 147px;
    font-family: verdana;
    font-size: 11px;
    line-height: 29px;
    height: 29px;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
}
.middlenavitempostcards:hover, .middlenavitempostcardssel
{
    background-image: url(../images/middlenavitempostcards.jpg);
    color: #fff;
}
.middlenavitemletter:hover, .middlenavitemlettersel
{
    background-image: url(../images/middlenavitemletter.jpg);
    color: #fff;
}
.middlenavitemmailer:hover, .middlenavitemmailersel
{
    background-image: url(../images/middlenavitemmailer.jpg);
    color: #fff;
}
.middlenavitem-homeowner:hover, .middlenavitem-homeowner-sel
{
    background-image: url(../images/middlenav-homeowner.png);
    color: #fff;
}
.middlenavitem-movers:hover, .middlenavitem-movers-sel
{
    background-image: url(../images/middlenav-movers.png);
    color: #fff;
}
.middlenavitem-business:hover, .middlenavitem-business-sel
{
    background-image: url(../images/middlenav-business.png);
    color: #fff;
}
.middleconnector1
{
    float: left;
    width: 20px;
    margin-top: 319px; /* start at 111px - add 28px each time left nav changes */
    height: 34px; /* start at 34px - then subtract 34, but no lower than 0 */
    border-right: solid 2px #fff;
    border-top: solid 2px #fff;
}
.middleconnector2
{
    float: left;
    width: 20px;
    height: 353px; /* start at 353px - add 34px each time middle nav changes */
    border-bottom: solid 2px #fff;
}


/* ------------------- */
/* RIGHT CONTENT ITEMS */
/* ------------------- */

.rightcontentsection
{
    float: left;
    width: 399px;
    /*height: 664px; /*margin-left: 42px;*/
    margin-top: 288px;
}
.rightcontentheader
{
    width: 199px;
    height: 34px;
    line-height: 30px;
    background-image: url(../images/contentheader.png);
    background-repeat: no-repeat;
    padding-left: 200px;
    font-family: Verdana;
    font-size: 12px;
    color: #fff;
}
.rightcontentheader a
{
    font-family: Verdana;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
}
.rightcontentheader a:hover
{
    text-decoration: underline;
}
.rightcontent
{
    width: 349px;
    /*height: 894px; /*614px;*/
    background-color: #e7e8e9;
    padding: 24px;
    padding-top: 8px;
    padding-bottom: 48px;
    font-family: Verdana;
    font-size: 12px;
    color: #4d4d4d;
    border-right: solid 1px #A6A6A7;
    border-left: solid 1px #C7C7C8;
}
.rightcontent h1, .staticcontent h1
{
    color: #327985;
    font-size: 16px;
    font-weight: bold;
    display: inline;
}
.rightcontent h2, .staticcontent h2
{
    color: #DB671B;
    font-size: 12px;
    font-weight: bold;
    display: inline;
}
.rightcontent h3, .staticcontent h3
{
    color: #000;
    font-size: 12px;
    font-weight: bold;
    display: inline;
}
.rightcontent p
{
    margin-top: 0px;
}
.rightcontent table
{
    border-collapse: collapse;
}
.rightcontent table th
{
    text-align: left;
    font-weight: normal;
}
.rightcontentblue h2
{
    color: #327985;
}
.staticcontent
{
    margin-left: 60px;
    margin-top: 40px;
    width: 530px;
}
.staticcontent h1
{
    color: #989B51;
    font-size: 18px;
    font-weight: bold;
    display: inline;
}
.staticcontent h3
{
    color: #000;
    font-size: 12px;
    font-weight: bold;
    display: inline;
}

.staticcontent p
{
    margin-top: 0px;
}
.cornerBoxGray
{
    background: #f2f2f2;
    border: solid 1px #666;
}
.cornerBoxGray .corner
{
    background: url(../images/cornersGray.gif) no-repeat;
}
.cornerBoxInnerGray
{
    background: #fff;
    border: solid 1px #CFCFCF;
}
.cornerBoxInnerGray .corner
{
    background: url(../images/cornersInnerGray.gif) no-repeat;
}
.cornerBoxInnerGray th
{
    color: #db671b;
}
.cornerBoxYellow
{
    background: #EEEDCD;
    border: solid 1px #B4B587;
}
.cornerBoxYellow .corner
{
    background: url(../images/cornersYellow.gif) no-repeat;
}
.cornerBoxYellow h2
{
    color: #989B51;
}
.cornerBoxInnerYellow
{
    background: #fff;
    border: solid 1px #CFCFCF;
}
.cornerBoxInnerYellow .corner
{
    background: url(../images/cornersInnerYellow.gif) no-repeat;
}
.cornerBoxInnerYellow th
{
    color: #db671b;
}
.cornerBoxBlue
{
    background: #CCDEE1;
    border: solid 1px #A5C4CA;
}
.cornerBoxBlue .corner
{
    background: url(../images/cornersBlue.gif) no-repeat;
}
.cornerBoxBlue h2
{
    color: #327985;
}
.cornerBoxInnerBlue
{
    background: #ECF3F4;
    border: solid 1px #A5C4CA;
}
.cornerBoxInnerBlue .corner
{
    background: url(../images/cornersInnerBlue.gif) no-repeat;
}
.cornerBoxInnerBlue th
{
    color: red;
}
.cornerBoxWhite
{
    margin-top: 5px;
    background: #fff;
    border: solid 1px #a6a6a6;
}
.cornerBoxWhite .corner
{
    background: url(../images/cornersWhite.gif) no-repeat;
}
.cornerBoxWhite .cornerBoxInner
{
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    color: #a6a6a6;
}
.cornerBoxWhite .cornerBoxInner a
{
    color: #a6a6a6;
    text-decoration: none;
}
.cornerBoxWhite .cornerBoxInner a:hover
{
    color: #FF781F;
    text-decoration: underline;
}
.cornerBoxWhite .cornerBoxInner a.sel
{
    color: #FF781F;
    font-weight: bold;
}
.cornerBox
{
    position: relative;
    float: left;
}
.cornerBox .corner
{
    position: absolute;
    width: 10px;
    height: 10px;
    font-size: 0%;
}
.cornerBoxInner
{
    padding: 15px;
}
.cornerBox .TL
{
    top: -1px;
    left: -1px;
    background-position: 0 0;
}
.cornerBox .TR
{
    top: -1px;
    right: -1px;
    background-position: -10px 0;
}
.cornerBox .BL
{
    bottom: -1px;
    left: -1px;
    background-position: 0 -10px;
}
.cornerBox .BR
{
    bottom: -1px;
    right: -1px;
    background-position: -10px -10px;
}
.staticcontentBlue
{
    color: #327985;
}
.staticcontentBlue b
{
    color: #000;
}
.staticcontentBlue h1
{
    color: #327985;
}
.staticcontentBlue h2
{
    color: #327985;
}
.staticcontent .subtitle
{
    color: #a6a6a6;
    font-size: 13px;
    font-weight: bold;
}
.mdmpmenusubtitle
{
    float: left;
    margin-left: 25px;
    margin-top: 14px;
    font-size: 18px;
    font-weight: bold;
    color: #a6a6a6;
    white-space: nowrap;
}
.cb
{
    clear: both;
}
.myaccounticon
{
    float: left;
    width: 125px;
    text-align: center;
    color: #fff;
    font-size: 12px;
}
.myaccounticon a
{
    text-decoration: none;
    color: #fff;
}
.myaccounticon .title
{
    color: #327985;
}
.myaccounticonyellow
{
    color: #989B51;
}
.myaccounticonyellow a
{
    color: #989B51;
    text-decoration: none;
}
.cornerBoxWhite .cornerBoxInner a.disablelink
{
    color: #a6a6a6;
}
.cornerBoxWhite .cornerBoxInner a.disablelink:hover
{
    text-decoration: none;
    cursor: default;
}
