/* These two are for the marketing menu */
.dropdown-content {
 top: 0px;
}
div.zeroh {
 font-size: 0px;
 margin-bottom: 0px;
}

div.head1 {
 text-align: center;
 position: fixed;
 width: 100%;
 top: 0;
 z-index: 5;
 overflow: hidden;
 border-bottom: 5px solid #002080;
 background-color: white;
}
div.head2 {
 margin: 0 auto;
}
div.head3 {
 margin-top: 7px;
 margin-bottom: 10px;
 float: left;
}
img.logo {
 margin-left: 7px;
}
span.loaneducator {
 font-style: italic;
 font-weight: bold;
 color: black;
 font-family: times;
 text-align: center;
 display: block;
}
div.head4 {
 float: right;
 text-align: center;
}
div.head_menu {
 text-align: center;
 clear: both;
 margin: 0 auto;
}
div.head_menu_item {
 text-align: center;
 display: inline-block;
 margin-bottom: 7px;
}
div.head_sub_menu {
 display: none;
}
img.head_menu {
 height: 36px;
 border: none;
 margin: 7px 16px 0px 16px;
}
div.cascadeMenu {
 position: fixed;
}
div.main, div.footer {
 clear: both;
 margin: 0 auto;
}
div.footer {
 text-align: center;
 padding-top: 25px;
}
p.footer {
 padding-bottom: 10px;
}
p.footer.small {
 font-size: 11px;
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */
img.logo {
 height: 35px;
}
span.loaneducator {
 font-size: 10px;
 margin-top: -2px;
}
span.head_menu {
 display: none;
}
a.header_shift{
 position: absolute;
 top: -123px;
 left: 0px;
}
body {
 padding-top: 123px;  /* need buffer to push next div below menu */
}
div#mkt_menu_div {
 top: 117px;
}
}

@media screen and (min-width:480px) {
div.head2, div.head_menu {
 width: 600px;
}
div.head_menu_item {
 width: 110px;
}
div.head4 {
 padding-right: 20px;
}
img.logo {
 height: 55px;
}
span.loaneducator {
 font-size: 14px;
}
span.head_menu {
 font-size: 12px;
 font-weight: bold;
}
div.main, div.footer {
 width: 700px;
}
a.header_shift{
 position: absolute;
 top: -164px; /* accounts for the fixed header - e.g., <div style='position:relative><a name='foo' class='header_shift'>&nbsp;</a><h3></h3></div> */
 left: 0px;
}
body {
 padding-top: 164px;  /* need buffer to push next div below menu */
}
div#mkt_menu_div {
 top: 158px;
}
}
@media print {
div.head1 {
 display: none;
}
}
