html, body {margin:0; padding:0; background-color:#FFFFFF; font-family: Calibri; color:#333333; font-size: 14px;}
div, form {margin:0; padding:0}

.mainDiv {width:915px; }
.header {height:50px; background-color:#fff; background-position:center top; margin-top:50px; }
.header .logo{height:45px;margin-left:10px; margin-top:-20px; margin-bottom:10px; }
.header .topNav {margin:0; padding:0px 10px 0px 0px; float:right; color:#A1A1A1; font-size:.9em; margin-top:-10px; margin-right:10px;}
.header .topNav p {margin:-5px 0px 0px 40px; padding:0; float:right; color:#A1A1A1; font-size:18px}
.header .topNav a {color:#A1A1A1; text-decoration:none}
.header .topNav a:hover {color:#0777DB}
.header img {float:left}
.mainContent {margin:0; padding:10px 0px 0px 0px; background-color:#fff;
              }
.center {margin:0; padding:20px 0px 10px 0px; background-color:#fff;
         border:solid 1px #00AAFF;
         margin-top:20px;
    /* For IE 8 */
              border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px; 
}
.bannerNav {float:left; width:183px; height:284px; margin:0px 0px 0px 8px; background-image:url(../Images/hp_left_nav_80.png); background-position:top left; background-repeat:no-repeat}
.bannerNav ul {list-style:none; display:block; margin:0; padding:10px 0px 0px 0px; text-align:right; font-size:18px}
.bannerNav ul li {display:inline; margin:0; padding:0}
.bannerNav ul li a {display:block; margin:0; padding:7px 11px 7px 10px; color:#FFFFFF; text-decoration:none; border-bottom:1px solid #5DADDE}
.bannerNav ul li a:hover {background-color:#3CB4E7}
.hpBanner {height:284px; background-image:url(../Images/hp_banner_1.jpg); background-position:top center; background-repeat:no-repeat}
.hpBannerdraw {height:282px; background-image:url(../Images/draw_banner.jpg); background-position:top right; background-repeat:no-repeat; margin-right:10px;}
.hpBannerradar {height:282px; background-image:url(../Images/radar_banner.jpg); background-position:top right; background-repeat:no-repeat; margin-right:10px;}
.hpBannerconnect {height:282px; background-image:url(../Images/fanniemaedrs_banner.png); background-position:top right; background-repeat:no-repeat; margin-right:8px;}
/*.hpBannerconnect {height:282px; background-image:url(../Images/connect_3.jpg); background-position:top right; background-repeat:no-repeat; margin-right:8px;}*/
.hpBannerlookback {height:282px; background-image:url(../Images/lookback_banner.jpg); background-position:top right; background-repeat:no-repeat; margin-right:10px;}
.login {float:right; width:293px; height:130px; margin:0px 0px 0px 0px; background-image:url(../Images/hp_login_box.png); background-position:top left; background-repeat:no-repeat; color:#FFFFFF; font-size:12px;padding-top: 15px !important; }
.login .padding {margin:0; padding:18px 15px 0px 15px}
.login .padding form {clear:both; padding:8px 0px 0px 0px; text-align:left}
.login .padding form input {margin-bottom:7px; color:#AAAAAA}
.login .padding p {margin:0; padding:0}
.login .padding p a {float:right; color:#FFFFFF}
.login .padding p b {float:left}
.hpContent {float:left; width:600px; height:130px; text-align:left; line-height:18px}
.hpContent h1 {margin:28px 0px 6px 20px; padding:0; font-size:24px; color:#16B9EC; font-weight:normal}
.hpContent p {margin:0px 0px 12px 20px; padding:0}
.hpContent a {color:#26BEED}

.hpContent1 {float:left; height:170px; text-align:left; line-height:18px}
.hpContent1 h1 {margin:28px 0px 6px 20px; padding:0; font-size:24px; color:#16B9EC; font-weight:normal}
.hpContent1 p {margin:0px 0px 12px 30px; padding-top:10px;}
.hpContent1 a {color:#26BEED}

.hpModules {height:201px; margin:0; padding:0px 0px 0px 25px}
.hpModules div {float:left; width:300px; height:201px; margin:0px 15px 0px 0px; padding:0; background-position:top left; background-repeat:no-repeat}
.mod1 {background-image:url(../Images/module_what_is_radar.jpg)}
.mod2 {background-image:url(../Images/module_how_it_works.jpg)}
.mod3 {background-image:url(../Images/module_tools_and_resources.jpg)}

.footer {margin:0; padding:28px 15px 10px 5px;  background-position:top center; background-repeat:no-repeat; font-size:11px; color:#457EB8; text-align:right; margin-top:-18px; }
.footer a {color:#457EB8}

div.clear {float:none; clear:both; line-height:0}
.editor-field input[type="text"], .editor-field select
{
  width:100px;
}