/* class of 66 stylesheet */

.wm {margin: 8 0 16 0; font-size: 80%; font-style:italic}
.wm img {margin:0 0 -4 4}
.wm .home {float:right; margin-right:2em} /* home page link in wm section */

a:hover {color: #000099; background-color: #ffcc00}
a:active { font-weight: bold; color: #ffcc00; background-color: #000099;}
div.sa {margin: 1em}
a.dc {text-decoration:none;color:black}

/* 66 logo */
.t1 {margin: 2em; text-align: center}
.t1 img {border:0}
.cap {font-family:Arial,Helvetica,sans;font-size:x-small;color:#c0c0c0}

/* senior will */
div.will {
   background-image:url(images/yellowbiz.jpg);
   width:560px;
   line-height:150%;
   margin:1em 2em;
   padding:1em 4em 1em;
}
/* nav arrows */
/* nav arrows */
.arr {margin-top:5px}
.next {float:right; margin:0 12em 2 0}
.next img {border:none}
.prev {margin:0 0 2 20px}
.prev img {border:none}
div.will div.arr  {margin:0em}
img.rt {float:right; border:0}
img.lt {margin-left:1em; border:0}
div.arr a:hover {background:none}

.lnote {color:green;font-size:smaller; font-weight:bold}
.bnote {color:#00bb00;font-size:smaller; }
.fnote {color:green;font-size:smaller; margin:6 0em 2em 1em;padding-bottom:2em}
.fineprint {font-size:x-small}

/* style from index.html */
div.sa {margin: 1em}
.t1 {margin: 2em; text-align: center}
div.other-years {margin:0; text-align:center; font-size:x-small}
div.other-years a {text-decoration:none}
div.other-years a:hover {background-color:yellow}

/* main A-Z nav */
div.nav {background-color:#ffcc00; text-align: center; padding:4; width:110%; margin: 0 -4em 0 -2em;
         font-family:Arial, Helvetica, Sans; font-weight: bold}
div.nav a {text-decoration:none; color: #000099}
div.nav a:hover {color: #ffcc00; background-color: purple}

/* saga A-Z nav */
div.snav {background-color:#a000b0; color:#ffcc00; text-align: center; padding:4; width:110%; margin: 0 -4em 0 -2em;
         font-family:Arial, Helvetica, Sans; font-weight: bold; font-size:90%}
div.snav a {text-decoration:none; color:#ffcc00}
div.snav a:hover {color: purple; background-color: #ffcc00}

/* Photo search box */
 fieldset.search {width:42em; margin:1em 0 1em 2em; padding:18 12; font-family:Arial,Helvetica,sans}
 fieldset.search legend {font-size:10pt;color: #808080}
 fieldset.search form{font-size:9pt;color: #aaaaaa}
 fieldset.search input.Box {width:250; color:#666666; font-size:11pt; margin:6 12 0 0}
 fieldset.search .btn {width:17em}

/* image rendering on saga pages */
div.saga {margin:1em 0 2em 1em; position:relative; height:840px; font-family:Verdana,Arial,Helvetica,sans; font-size:10pt}
div.saga img {border:none; width:178; height:240}
/* ID mnemonics are compass points: NW, North, NE, W, Center, E, etc */
/* they all really oughta have 'div.saga before the div#compasspoint but we just
   put them on the single-letter ones (n, c, e, s, w) which would otherwise
   would affect style on the letter-jump IDs in the alumni directory page */
div#nw{position: absolute; top:0px;   left: 10px; text-align:center}
div.saga div#n {position: absolute; top:0px;   left:220px; text-align:center}
div#ne{position: absolute; top:0px;   left:440px; text-align:center}

div.saga div#w {position: absolute; top:280px; left: 10px; text-align:center}
div.saga div#c {position: absolute; top:280px; left:220px; text-align:center}
div.saga div#e {position: absolute; top:280px; left:440px; text-align:center}

div#sw{position: absolute; top:560px; left: 10px; text-align:center}
div.saga div#s {position: absolute; top:560px; left:220px; text-align:center}
div#se{position: absolute; top:560px; left:440px; text-align:center}

/* Left-shifted set nwl = NW left-a little bit left of Northwest etc */
div#nwl{position: absolute; top: 0px; left: -5px; text-align:center}
div#nl {position: absolute; top:0px;  left:205px; text-align:center}
div#nel{position: absolute; top:0px;  left:420px; text-align:center}

div#wl {position: absolute; top:280px; left: -5px; text-align:center}
div#cl {position: absolute; top:280px; left:205px; text-align:center}
div#el {position: absolute; top:280px; left:420px; text-align:center}

div#swl{position: absolute; top:560px; left: -5px; text-align:center}
div#sl {position: absolute; top:560px; left:205px; text-align:center}
div#sel{position: absolute; top:560px; left:420px; text-align:center}

/* Right-shifted set: nwr = NW right-a little bit right of Northwest, etc */
div#nwr{position: absolute; top:0px;  left: 35px; text-align:center}
div#nr {position: absolute; top:0px;  left:245px; text-align:center}
div#ner{position: absolute; top:0px;  left:465px; text-align:center}

div#wr {position: absolute; top:280px; left: 35px; text-align:center}
div#cr {position: absolute; top:280px; left:245px; text-align:center}
div#er {position: absolute; top:280px; left:465px; text-align:center}

div#swr{position: absolute; top:560px; left: 35px; text-align:center}
div#sr {position: absolute; top:560px; left:245px; text-align:center}
div#ser{position: absolute; top:560px; left:465px; text-align:center}

/* Down-shifted cd = center down, cdd = center down a lot */
div#cd {position: absolute; top:360px; left:220px; text-align:center}
div#cdd{position: absolute; top:420px; left:220px; text-align:center}
div#ed {position: absolute; top:360px; left:440px; text-align:center}

/* up-shifted */
div#nwu{position: absolute; top:-15px; left: 10px; text-align:center}