/* NEW TOPPER STYLES FOR FAS TEMPLATES
-------------------------------------------------------- */

/* =Topper
-------------------------------------------------------- */
#topper {
width: 100%;
}

#toptable {
width: 780px;
}

#topper h2 {  /* Phark IR */
font-size: 12px; /* IE 6 needs this */
margin: 0;
text-indent: -5000px;
}

#topper h2 a {  /* allows Phark IR to be a link */
display: block;
width: 150px;
height: 28px;
}

#topper p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 1em;
margin: 0;
padding: 0 10px;
white-space: nowrap;
}

/* =Search
------------------------------------------------------ */
#search form {
margin: 0;
}

#search table {
float: right;
}

#search input.sbutton {
width: 48px;
height: 28px;
}

#search input.gobutton {
width: 28px;
height: 26px;
}

#search input.sfield {
width: 125px;
margin: 0;
}

/* =Magic-Y Menu
   Works with togLyr Javascript for Yale QuickLinks
------------------------------------------------------ */
#my-wrapper {
position: absolute; 
top: 0px;
right: 0px;
width: 160px;
}

#my-button {
display: block;
}

#my-menu {
background-color: #fff;
border: 1px solid #ccc;
padding: 5px 12px 0 12px;
margin-top: 5px;
position: absolute;
left: -999em;
}

#my-menu ul { 
width: 134px;
list-style-type: none; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 1.2em;
margin: 0; 
padding: 0;
margin-bottom: 20px;
}

#my-menu ul.lower {
margin-bottom: 15px;
}

#my-menu ul li { 
padding: 2px 0px 3px 0px;
} 

#topper #my-menu ul a { color: #003798; text-decoration: none; }
#topper #my-menu ul.lower a { color: #585858; text-decoration: none; }
#topper #my-menu ul a:hover { color: #2a85ee; }
#topper #my-menu ul a:active { color: #039; }



/* =Print Styles
------------------------------------------------------ */
@media print {
#topper {
display: none;
}
} /* closes @media */