html { background:#878787 url("/mglstatic/sharedcontent/images/home/gradient.jpg") repeat-x; height:100%; }

body {
height:100%;
font-family:verdana, sans-serif;
font-size:62.5%;
width:960px;
margin:0 auto;
}

h1 {
text-indent:-9000px;
margin:0;
padding:0;
}

h2 {
text-indent:-9000px;
margin:0;
padding:0;
}

ul {
color:#fff;
list-style-type:none;
clear:both;
margin:0;
padding:0;
}

ul li {
float:left;
height:210px;
width:160px;
background:url("/mglstatic/sharedcontent/images/home/border.png") top left no-repeat;
}

ul li p { font-size:1.1em; margin:10px; }

ul li h3 {
text-transform:uppercase;
font-weight:400;
font-size:1.4em;
height:40px;
margin:10px;
}

#about {background-color:#6a373e;}
#borrowers {background-color:#615b59;}
#schools {background-color:#4c5570;}
#fap {background-color:#45474e;}
#cac {background-color:#7f7976;}
#lenders {background-color:#6c6f5e;}
#about:hover {background-color:#88414a;}
#borrowers:hover {background-color:#857d7a;}
#schools:hover {background-color:#6e768d;}
#fap:hover {background-color:#6a6d78;}
#cac:hover {background-color:#a99c96;}
#lenders:hover {background-color:#989b89;}

#side {float:left; width:240px;}
#side img {float:left;}

#main {
float:right;
width:720px;
height:420px;
}

#main img {float:left;}

#wrap {
border-right:3px solid #000;
position:relative;
text-align:left;
height:630px;
width:960px;
clear:left;
margin:0 auto;
}

#portalNav a {
display:block;
height:210px;
width:160px;
text-decoration:none;
color:#fff;
float:left;
}

#portalNav li a .portalName {
display:block;
text-transform:uppercase;
font-weight:400;
font-size:1.3em;
height:40px;
margin:10px 10px 0;
}

#portalNav li a .portalText {
display:block;
font-size:1.1em;
margin:0 10px;
}

#title {
height:50%;
margin-bottom:-315px;
float:left;
}

/* marketing snipe box */

.snipe {border:none;cursor:pointer;}
.snipe span a:link, .snipe span a:visited {color: #fff; text-decoration:none}
.snipe span a:hover {color:#97D3F7}
#snipe_link {
position: absolute; 
left: 140px; 
top: 250px;
}