/* stylesheet */
p { font-size: 11pt; font-family: Arial, Helvetica, sans-serif; margin-right:0px; margin-left:30px;}
p.small { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; margin-right:0px; margin-left:30px;}
/* h1, h2, h4, h5 { font-family: Verdana, Arial, Helvetica, sans-serif}
h1, h2 {font-size: 10pt; color:#222222; margin-left:20px;}
h3 {font-size: 13pt; color:#222222; font-family: Arial, Helvetica, Verdana, sans-serif} */
h1, h2, h3, h4, h5 { font-family: Verdana, Arial, Helvetica, sans-serif; color:#222222;}
h1 {font-size: 16pt; margin-left:20px}
h2 {font-size: 14pt; margin-left:10px}
h3 {font-size: 12pt; margin-left:10px}
h4 {font-size: 11pt; margin-left:10px}
h5 {font-size: 10pt; margin-left:10px}

body {margin:0}
div.wm {margin: 8 0 16 0}
div.wm2 {margin: 8 0 16 16}
p.wm {margin:12 0 3em 0em; font-size: 80%}
p.wm2 {margin:12 1.5em 3em 1.5em; font-size: 80%}

.wm img, .wm2 img {margin:0 0 -4 4}
.backhome {float:right; font-size:80%}
ul.toc a {text-decoration:none}
ul.toc a:hover {background-color: yellow}
/* for showing thumbnails of images */
ul.filmstrip li {display:inline; list-style-type:none; padding-right:20px}
ul.filmstrip li img {margin-top:1em}
ul.elementary-thumbnails li {list-style-type:none; margin-top:24px}

li { font-size: 10pt; color:#470A70; font-family: Arial, Helvetica, Verdana, sans-serif}

a { text-decoration: none; color: #6712a1;}
a:visited {color: #560088;}
a:hover {color: #9600C4;}

div.title {}

/* main A-Z nav */
div.nav {background-color:#6712a1; text-align: left; padding:2 0 2 20; width:100%; margin: 30 0 0 0;
         font-family:Arial, Helvetica, Sans; font-weight: bold; font-size: 10pt; color:#dddddd}
div.nav a {text-decoration:none; color: #dddddd;padding:0 10}
div.nav a:hover {color: #cfce1e; background-color:#9742d1}
div.nav a:visited {color: #dddddd}

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

/* 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}
.next a:hover, .prev a:hover {background-color:white}
/* nav icons */
/* .icon {margin:0 6 0 -1.6em} */
.icon {margin:0 0 0 1.6em}
.icon img {border:none}
/* obit */
.obit {color:#ffffff; background-color:#444444; padding:4 6; width:95% margin:0 5em; font-family:Arial, Helvetica, Sans; font-size:120%; text-align:center; margin-left:0px}
.obit .name {font-weight:bold; padding-right:8}
.obit .name a {text-decoration:none; color:#ffffff; background-color:#444444}
.obit .name a:hover {color:#999999; background-color:#444444}
.obit .date {font-size:60%}
.obit .guest{font-size:60%}
.obit .guest a {text-decoration:none; color:#ffffff; background-color:#444444; padding-left:0em}
.obit .guest a:hover {color:#e0e0e0; background-color:#444444}

/* Photo search box */
 fieldset.search {width:32em; 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:15em}

/* commencement exercises */
.t1 {margin: 2em; text-align: center}
.t1 a:hover {background-color:transparent}
.comm {vertical-align:top; border:0}
.carr  {border:0; margin:0 1em}

/* forms */
.faq {margin:0 2em 2em 1em}
.ask {color:navy; margin-left:0}
.answer {color:green; font-size:85%; font-weight:bold; margin-left:2em}

/* senior will */
div.will {
   background-image:url(images/oldp.jpg);
   width:42em;
   line-height:120%;
   margin:2em 8em 2em 2em;
   padding:4em 3em 1em 4em;
   font-family:"courier new", courier, monospace, sans;
   font-size:0.9em;
}

div.will345 {
   background-image:url(images/oldp.jpg);
   width:36em;
   line-height:95%;
   margin:2em 8em 2em 2em;
   padding:3em 3em 1em 4em;
   font-family:"courier new", courier, monospace, sans;
   font-size:0.9em;
}

/* nav arrows */
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}
.wnote {font-size:smaller; margin:6 8em 2em 4em;padding-bottom:2em}


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

.h1c {text-align: left; font-family: Arial, Helvetica, sans-serif;, cursive, Georgia,sans-serif; 
      font-size: 18pt; font-weight: 700; color:#222222; background-color: white; 
      padding: 1.75em 0; margin: -30 -4em -60 10; width:95% } 
div.admin, div.content, div.faculty {margin:2em}
div.admin ul, div.faculty ul {list-style-type:none; font-weight: bold; color: #000099}
span.pos {color: #333333; font-size: 90%; margin-left: .3em}
.grad {font-size:80%; color: #ee82ee; margin-left: 4em; text-decoration:none}
div.other-years {margin:6; float:right; width:50%; text-align:center; font-size:8pt}
div.other-years a {text-decoration:none}
div.other-years a:hover {font-weight: 400}
.fineprint {font-size:x-small}
.disp {font-size:80%; color:#cccccc}

/* right-floating logos and thumbnails on reunion pages */
div.logo {float:right; margin:0 8px 0 3px}
div.logo img {border:thin solid #cccccc;padding:4; margin-left:2em}
div.thumb {float:right; margin:0 8px 0 3px}
div.thumb img {border:thin solid #cccccc;padding:4; margin-left:1em}
.slide-show {margin-left:36px}
.slide-cap {font-size:80%; color:#66aa66; margin-left:36px}
.slide-instr {font-size:70%; color:#aaaaaa; margin-left:48px}
.slide-link {font-size:70%; color:#66aa66}


.sitemap {float:right; margin:0 8px 0 3px;  font-size:9pt; font-weight:bold}
.sitemap a {color:green}

/* items on activities pages */
.acthdr {font-family: Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; margin-left:2em}
.actnam {font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight:bold; margin-left:6em}
.actcap {margin-top:0; font-size:80%; text-align:left;margin-left:0; color: #666666}
.roster {width: 160; text-align:left; font-size:8pt}
.rosternarrow {width: 80; text-align:left; font-size:8pt}
.rosterwide   {width: 240; text-align:left; font-size:8pt}
.rosterhdr    {width: 6em; font-family:"Times New Roman", "Times Roman", Times, serif;
               font-size:18; font-weight:bold; text-transform:uppercase; text-align:center}
 .desc        {width: 180; font-family:"Times New Roman", "Times Roman", Times, serif;
               font-size:9pt; text-align:justify; text-indent:1em}
.rostern{width:180; font-family:"Times New Roman", "Times Roman", Times, serif;
         font-size:9pt; line-height:110%; text-align:justify; color: #666666}
.rosterm{width:230; font-family:"Times New Roman", "Times Roman", Times, serif;
          font-size:9pt; line-height:110%; text-align:justify; color: #666666}
.rosterw{width:280; font-family:"Times New Roman", "Times Roman", Times, serif;
          font-size:9pt; line-height:110%; text-align:justify; color: #666666}
.rosterxw{width:360; font-family:"Times New Roman", "Times Roman", Times, serif;
          font-size:9pt; line-height:110%; text-align:justify; color: #666666}
.dramacapn{width: 180; font-family:"Times New Roman", "Times Roman", Times, serif;
          font-size:9pt; font-style:italic; line-height:110%; color: #666666}
.dramacapm{width:230; font-family:"Times New Roman", "Times Roman", Times, serif;
          font-size:9pt; font-style:italic; line-height:110%; margin-top:6; color: #666666}
.dramacapw{width:380; font-family:"Times New Roman", "Times Roman", Times, serif;
          font-size:9pt; font-style:italic; line-height:110%; margin-top:6; color: #666666}          

/* image rendering on department pages */
div.dept {margin:1em 0 2em 1em; font-family:Verdana,Arial,Helvetica,sans; font-size:10pt}
.dept-name {font-size:14pt; font-weight:bold; margin-bottom:1em; text-align:center}
.minor { font-size:75% }
.row { float:left; clear:left; display:block; width:640px; margin:2 0 18 8; }
.row img { border:none }
  .dept-head  { float: left;width:180px; margin: 0 6 0 6; text-align:center}
  .photogroup { float: left; width:80px; margin: 0 0 0 6; text-align:center}
    .photo { margin:0px; border:0px; }
    .tname { margin:0; width:80px; line-height:90% }
    .hname { margin:0; width:180px;line-height:90% }

/* 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}

div#nw {position: absolute; top: 0px; left: 10px; text-align:center}
div#w {position: absolute; top:280px; left: 10px; text-align:center}
div#sw{position: absolute; top:560px; left: 10px; text-align:center}
div#n {position: absolute; top:0px;   left:220px; text-align:center}
div#c {position: absolute; top:280px; left:220px; text-align:center}
div#s {position: absolute; top:560px; left:220px; text-align:center}
div#ne{position: absolute; top:0px;   left:440px; text-align:center}
div#e {position: absolute; top:280px; left:440px; text-align:center}
div#se{position: absolute; top:560px; left:440px; text-align:center}

div#nwd{position: absolute; top:100px; left: 10px; text-align:center}
div#nwld{position:absolute; top:40px;  left: 10px; text-align:center}
div#nwl{position: absolute; top: 0px;  left: 10px; text-align:center}
div#nr {position: absolute; top:0px;   left:240px; text-align:center}
div#nrr{position: absolute; top:0px;   left:280px; text-align:center}
div#nd {position: absolute; top:120px; left:220px; text-align:center}
div#ndl{position: absolute; top:120px; left:200px; text-align:center}
div#ndr{position: absolute; top:120px; left:240px; text-align:center}
div#nld{position: absolute; top:40px;  left:220px; text-align:center}
div#ned{position: absolute; top:120px; left:440px; text-align:center}
div#ner{position: absolute; top:0px;   left:540px; text-align:center}
div#nerd{position:absolute; top:40px;  left:540px; text-align:center}
div#neld{position:absolute; top:40px;  left:440px; text-align:center}
div#wld{position: absolute; top:340px; left: 10px; text-align:center}
div#wd {position: absolute; top:440px; left: 10px; text-align:center}
div#wdd{position: absolute; top:440px; left: 10px; text-align:center}
div#wl {position: absolute; top:280px; left: -5px; text-align:center}
div#wr {position: absolute; top:280px; left: 30px; text-align:center}
div#wu {position: absolute; top:220px; left: 10px; text-align:center}
div#cd {position: absolute; top:440px; left:220px; text-align:center}
div#cdl{position: absolute; top:440px; left:200px; text-align:center}
div#cdr{position: absolute; top:440px; left:240px; text-align:center}
div#cld{position: absolute; top:320px; left:220px; text-align:center}
div#cr {position: absolute; top:280px; left:240px; text-align:center}
div#crr{position: absolute; top:280px; left:280px; text-align:center}
div#ed {position: absolute; top:440px; left:440px; text-align:center}
div#eld{position: absolute; top:340px; left:440px; text-align:center}
div#eldr{position:absolute; top:340px; left:480px; text-align:center}
div#edd{position: absolute; top:480px; left:440px; text-align:center}
div#el {position: absolute; top:280px; left:420px; text-align:center}
div#er {position: absolute; top:280px; left:480px; text-align:center}
div#erd{position: absolute; top:440px; left:480px; text-align:center}
div#err{position: absolute; top:280px; left:540px; text-align:center}
div#swd{position: absolute; top:600px; left: 10px; text-align:center}
div#swdd{position:absolute; top:660px; left: 10px; text-align:center}
div#swr{position: absolute; top:560px; left: 30px; text-align:center}
div#sd {position: absolute; top:600px; left:220px; text-align:center}
div#sdd{position: absolute; top:660px; left:220px; text-align:center}
div#sr {position: absolute; top:560px; left:280px; text-align:center}
div#srd{position: absolute; top:600px; left:280px; text-align:center}
div#srrd{position:absolute; top:600px; left:280px; text-align:center}
div#sed{position: absolute; top:600px; left:440px; text-align:center}
div#sedd{position:absolute; top:660px; left:440px; text-align:center}
div#seu{position: absolute; top:500px; left:440px; text-align:center}
div#sel{position: absolute; top:560px; left:420px; text-align:center}
div#ser{position: absolute; top:560px; left:460px; text-align:center}
div#serr{position:absolute; top:560px; left:540px; text-align:center}

/* image rendering on Saga sports pages */
div.sport img {border:none; width:178; height:240}
.sportid {font-size:14pt; font-family: "times new roman", times, serif;
             text-align:center; text-transform:uppercase}
.spnote {color:#b8b8b8;font-size:smaller}
div#aa {position: absolute; top:0px;   left: 10px; text-align:center}
div#bb {position: absolute; top:0px;   left:270px; text-align:center}
div#cc {position: absolute; top:0px;   left:540px; text-align:center}
div#dd {position: absolute; top:370px; left: 10px; text-align:center}
div#ee {position: absolute; top:370px; left:270px; text-align:center}
div#ff {position: absolute; top:370px; left:540px; text-align:center}
div#gg {position: absolute; top:740px; left: 10px; text-align:center}
div#hh {position: absolute; top:740px; left:270px; text-align:center}
div#ii {position: absolute; top:740px; left:540px; text-align:center}

/* image rendering on Saga activities pages */

div#a1 {position: absolute; top:0px;   left: 10px; text-align:center}
div#a2 {position: absolute; top:0px;   left:200px; text-align:center}
div#a3 {position: absolute; top:0px;   left:400px; text-align:center}
div#a4 {position: absolute; top:0px;   left:600px; text-align:center}



.gray {color:gray}
/* senior superlatives */
.superc {font-weight:bold;text-align:center}
div.superl {margin:1em 0 2em 1em; position:relative; height:920px; 
            font-family:Verdana,Arial,Helvetica,sans; font-size:10pt;
            font-weight:bold}
div.superl img {border:none}
div.superl .ttl {color:navy}
div.superl .who {color:#00c000}
div#sp-nw  {position: absolute;top: 0px; left: 10px; text-align:center}
div#sp-nwd {position: absolute;top:100px;left: 10px; text-align:center}
div#sp-w   {position: absolute;top:300px;left: 10px; text-align:center}
div#sp-sw  {position: absolute;top:640px;left: 10px; text-align:center}
div#sp-ne  {position: absolute;top:0px;  left:300px; text-align:center}
div#sp-ned {position: absolute;top:140px;left:300px; text-align:center}
div#sp-neld{position: absolute;top:70px; left:300px; text-align:center}
div#sp-e   {position: absolute;top:320px;left:300px; text-align:center}
div#sp-se  {position: absolute;top:560px;left:300px; text-align:center}
div#nextd  {position: absolute;top:880px;left: 60px}
div#nextd a:hover {background-color:white}

/* flickr badge */
.zg_div {margin:0px 5px 5px 0px; width:117px;}
.zg_div_inner {border: solid 1px #990066; background-color:#FFcc00;  
		color:#666666; text-align:center; font-family:arial, helvetica; 
		font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited 
	{color:#3993ff; background:inherit !important; text-decoration:none !important;}