/* Elements */
body {  margin: 0; padding: 0; background-color: #f7f7f7; }

/* Wraps All Divs (Allows for Sticky Footer) */
#container { min-height: 100%; position: relative; }

#header-container { padding-bottom:172px; margin-bottom:.5rem; }

/* Light Gray Bar - Main Top */
#level-100 { width: 100%; background-color: #eeeeee; min-height: 42px; position:fixed; z-index:1000; top:0; }
#level-100 span { font-family: "Mayfield",Arial,Helvetica,Verdana,sans-serif; font-size: 1.2rem; }
#level-100 span.inline { display:inline !important; }
#level-100 div.row div.col { text-align: right; padding-top: .5rem; padding-bottom: .25rem; }
#level-100 #my-profile { text-decoration:underline; color:#5C9A1B; }

#my-profile-menu { display:none; background-color:#ffffff; padding:0; margin:0; list-style-type:none; width:260px; position:absolute; z-index: 2000; border:solid 1px #ededed; border-top:none; text-align:right; }
#my-profile-menu li { border-bottom: solid 1px #ededed; cursor:pointer; background-image: url(../images/arrow-right-icon-1.png); background-repeat:no-repeat;  background-position: left 1rem center; }
#my-profile-menu li:hover a { color:#aa005f; }
#my-profile-menu li a { color: #484641; font-family: "FS Me Web Regular", Arial, Helvetica, Verdana, sans-serif !important; }
#my-profile-menu li a:hover { color:#aa005f; }
#my-profile-menu li { padding: .25rem .5rem; }
#my-profile-menu li:hover { background-color:#f7f7f7; }
#my-profile-menu li#quick-links { padding: .5rem; background-color:#f7f7f7; cursor:default; background-image: none; }

/* Logo */
#level-200 { width: 100%; background-color: #ffffff; padding-top: 1rem; padding-bottom: .25rem;  position:fixed; z-index:1000; top:42px; }
#level-200 span { font-size: .9rem; font-family: "Mayfield",Arial,Helvetica,Verdana,sans-serif; font-family: "FS Me Web Regular", Arial, Helvetica, Verdana, sans-serif !important; color:#777; }

/* Humana Green Bar */
#level-300 { width: 100%; background-color: #5C9A1B; color: #ffffff; padding: .5rem 0 .5rem 0;  position:fixed; z-index:1000; top:132px; }
#level-300 h4 { color: #ffffff; margin:0; font-family: "FS Me Web Light",Tahoma,Helvetica,Arial,sans-serif;  }
.header-home-icon { float:left; margin-right:.75rem; height:28px; width:28px; stroke:#ffffff; stroke-width:.1em; fill:#5C9A1B; margin-top:.2rem; }
.header-home-icon:hover { cursor:pointer; fill:#457d0b; }

/* Content Wrapper */
#level-400 { width: 100%; background-color: #f7f7f7; padding-top: 1rem; padding-bottom: 180px; }
.noFooter { padding-bottom: 1rem !important; }

/* Dark Gray Footer with Green Top Border */
#level-500 { width: 100%; background-color: #484641; padding-top: .5rem; padding-bottom: 1rem; height: 166px; position: absolute; bottom: 0; border-top: solid 10px #5C9A1B; }
#level-500 div.logo { height: 90px; background: url("../images/HumanaMilitary_Logo_White.svg") no-repeat -10px -10px; background-size: contain; margin-left: 0px; }
#level-500 hr { opacity:.1; margin-bottom: .25rem; }
#level-500 p { color:#ffffff; font-size:.9rem; font-weight:normal; font-family: "FS Me Web Regular", Arial, Helvetica, Verdana, sans-serif; margin: .25rem; padding: 0; padding-left: 120px; padding-top: 4px; }
#level-500 ul { margin:.5rem 0 .5rem 0; padding:0; list-style-type:none; float:left; }
#level-500 ul li { display:inline; margin-right: .25rem; color: #5C9A1B; } 
#level-500 ul li.divider { font-size:.8rem;}
#level-500 ul li a { color: #ffffff;}
#level-500 ul li a:hover { color:#ffffff; }

@media (max-width: 680px) {
    #level-400 { padding-bottom: 380px;}
    #level-500 { height: 360px; }
    #level-500 div.row div.col div { text-align:center; }
}

/* Wide Layout */
div.row-extend-container { width: 76.5rem; max-width:76.5rem; }
div.row-extend { width: 72.5rem; max-width:72.5rem; }
div.modal-extend { width: 75.5rem; max-width:75.5rem; }