/*   Style Sheet for Trinity Web Site - 25 Jan 2000 SGK
     14 Dec 2000 - PCs and Mac IE use medium type.
     04 Jun 2001 - Added menu, footer and type classes,
                   and included explicit font sizes. 
     05 Oct 2001 - Added OL entries.
     21 Apr 2002 - Added small class and validated.
     04 Oct 2004 - Added classes for definition popups.
     23 Jan 2006 - Added margins to images, except in the menu.
     20 May 2006 - Removed dl markup (what was THAT?).  Added main class.
     17 Feb 2007 - Added th to classes.
     29 Mar 2008 - Added "note" class for copyright on photo pages.
     25 Oct 2008 - Added "letter" class.
     31 Aug 2009 - Converted fixed font sizes to relative; added newsletter
     			   classes,
     10 Oct 2009 - Validated at http://jigsaw.w3.org/css-validator/,
				   Added menucap class.
*/

a {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
font {font-family:tahoma,arial,helvetica,sans-serif;}
h1 {font-family:tahoma,arial,helvetica,sans-serif; font-size: xx-large}
h2 {font-family:tahoma,arial,helvetica,sans-serif; font-size: x-large}
h3 {font-family:tahoma,arial,helvetica,sans-serif; font-size: large}
h4 {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}
h5 {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}
p {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}
ol {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}
ul {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}
td {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}
th {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}

/* Image margins. */

img       {margin:10px 10px 10px 10px}
object    {margin:10px 10px 10px 10px}

/* The main class handles the new index page layout. */

h1.main {font-family:tahoma,arial,helvetica,sans-serif; font-size: xx-large;
         margin:10px}
h2.main {font-family:tahoma,arial,helvetica,sans-serif; font-size: x-large;
         margin:10px}
h3.main {font-family:tahoma,arial,helvetica,sans-serif; font-size: large;
         margin:10px}
h4.main {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:10px}
h5.main {font-family:tahoma,arial,helvetica,sans-serif; font-size: small;
         font-weight: normal; margin:10px}
p.main {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:10px}
ol.main {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:10px}
ul.main {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:10px}
li.main {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:5px}
table.main {margin:10px}
td.main {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:10px}
th.main {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:10px}

h1.tight {font-family:tahoma,arial,helvetica,sans-serif; font-size: xx-large;
         margin:2px}
h2.tight {font-family:tahoma,arial,helvetica,sans-serif; font-size: x-large;
         margin:2px}
h3.tight {font-family:tahoma,arial,helvetica,sans-serif; font-size: large;
         margin:2px}
h4.tight {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:2px}
h5.tight {font-family:tahoma,arial,helvetica,sans-serif; font-size: small;
         font-weight: normal; margin:2px}
table.tight {margin:2px}
td.tight {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:0px}
th.tight {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:0px}
li.tight {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:2px}
ul.tight {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:0px}
         

img.tight {margin:0px}

/* The search line. */

p.search {font-family:tahoma,arial,helvetica,sans-serif; font-size: small;
         font-weight: normal; margin:0px 0px 0px 10px}
         
/* The letter class uses serif type to duplicate letters. */

a.letter {font-family:palatino,"times new roman",serif; font-size: medium}
h1.letter {font-family:palatino,"times new roman",serif; font-size: xx-large;
         margin:10px}
h2.letter {font-family:palatino,"times new roman",serif; font-size: x-large;
         margin:10px}
h3.letter {font-family:palatino,"times new roman",serif; font-size: large;
         margin:10px}
h4.letter {font-family:palatino,"times new roman",serif; font-size: medium;
         margin:10px}
h5.letter {font-family:palatino,"times new roman",serif; font-size: medium;
         margin:10px}
p.letter {font-family:palatino,"times new roman",serif; font-size: medium;
         margin:10px}
ol.letter {font-family:palatino,"times new roman",serif; font-size: medium;
         margin:10px}
ul.letter {font-family:palatino,"times new roman",serif; font-size: medium;
         margin:10px}
table.letter {margin:10px}
td.letter {font-family:palatino,"times new roman",serif; font-size: medium;
         margin:10px}
th.letter {font-family:palatino,"times new roman",serif; font-size: medium;
         margin:10px}

/* The letterhead class implements letterhead for the above. */

a.letterhead {font-family:palatino,"times new roman",serif; font-size: small}
h2.letterhead {font-family:palatino,"times new roman",serif; font-size: large;
         margin:10px}
p.letterhead {font-family:palatino,"times new roman",serif; font-size: small;
         margin:10px}

/* The head class handles the page header. */

img.head {margin:0px}

/* The nopad class handles special cases ("New Pictures" in the
   photo album, at least.) */
   
img.nopad {margin:0px}

/* The menu class handles the left-hand menu. */

a.menu {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
a.menu:link {text-decoration: none}
a.menu:visited {text-decoration: none}
a.menu:active {text-decoration: none}
font.menu {font-family:tahoma,arial,helvetica,sans-serif}
h1.menu {font-family:tahoma,arial,helvetica,sans-serif; font-size: x-large}
h2.menu {font-family:tahoma,arial,helvetica,sans-serif; font-size: large}
h3.menu {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}
h4.menu {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}
h5.menu {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
p.menu {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
ol.menu {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
ul.menu {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
td.menu {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
th.menu {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
img.menu {margin:0px}

/* The footer class handles the bottom of each page. */

a.footer {font-family:tahoma,arial,helvetica,sans-serif; font-size: x-small}
a.footer:link {text-decoration: none}
a.footer:visited {text-decoration: none}
a.footer:active {text-decoration: none}
font.footer {font-family:tahoma,arial,helvetica,sans-serif}
p.footer {font-family:tahoma,arial,helvetica,sans-serif; font-size: x-small}
td.footer {font-family:tahoma,arial,helvetica,sans-serif; font-size: x-small}
th.footer {font-family:tahoma,arial,helvetica,sans-serif; font-size: x-small}

/* The type class handles the monospaced typewriter-style output. */

a.type {font-family:courier,monospace; font-size: x-small}
a.type:link {text-decoration: none}
a.type:visited {text-decoration: none}
a.type:active {text-decoration: none}
font.type {font-family:courier,monospace}
h1.type {font-family:courier,monospace; font-size: x-large}
h2.type {font-family:courier,monospace; font-size: large}
h3.type {font-family:courier,monospace; font-size: medium}
h4.type {font-family:courier,monospace; font-size: x-small}
h5.type {font-family:courier,monospace; font-size: x-small}
p.type  {font-family:courier,monospace; font-size: x-small}
ol.type {font-family:courier,monospace; font-size: x-small}
ul.type {font-family:courier,monospace; font-size: x-small}
td.type {font-family:courier,monospace; font-size: x-small}
th.type {font-family:courier,monospace; font-size: x-small}

/* The small class handles small text in other places. */

a.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
a.small:link {text-decoration: none}
a.small:visited {text-decoration: none}
a.small:active {text-decoration: none}
font.small {font-family:tahoma,arial,helvetica,sans-serif}
h1.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: x-large}
h2.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: large}
h3.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}
h4.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}
h5.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
p.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
ol.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
ul.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
td.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
th.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
pre.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}
b.small {font-family:tahoma,arial,helvetica,sans-serif; font-size: small}

p.history {font-family:tahoma,arial,helvetica,sans-serif; font-size: small;
           margin:1em 1em 0em 4em; text-indent:-4em}

/* The note class handles the copyright notices in the album. */

p.note {font-family:tahoma,arial,helvetica,sans-serif; font-size: small;
        font-style: oblique; margin: 10px}

/* The form class handles text inside the forms. */

p.form {font-family:tahoma,arial,helvetica,sans-serif; font-size: small;
        font-weight:bold}

/* The def and tiny classes handles white text and footer text in the 
   definition popups. */

h3.def {background-color: #cc0033; color: white; 
	font-family:tahoma,arial,helvetica,sans-serif; font-size: medium}
td.def {background-color: #cc0033; margin: 0px}
p.tiny {font-family:tahoma,arial,helvetica,sans-serif; font-size: xx-small}

p.menucap {background-color: #cc0033; color: white; font-weight: bold;
	font-family:tahoma,arial,helvetica,sans-serif; font-size: small;
	margin: 0px}

/* The cross class provides the image for the list on the whatis page. */

ul.cross {padding: 0; margin: 10px; 
          list-style-type: square;
          list-style-image: url("../images/smcross.gif") }
li.cross {margin: 10px 10px 10px 30px }

/* The special class allows for formatting within a table.  */

h3.special {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
 margin: 6px 0px 6px 0px }
p.special {font-family:tahoma,arial,helvetica,sans-serif; font-size: small; 
 margin: 6px 0px 6px 0px }
a.special {font-family:tahoma,arial,helvetica,sans-serif; font-size: small }
 
/* The title class is used for the newspaper title only. */

h1.title {font-family:"monotype corsiva",serif; font-size: 72pt;
         font-style: italic; margin:10px; color: #3366ff}

/* The white class provides white text. */

h1.white {font-family:tahoma,arial,helvetica,sans-serif; font-size: xx-large;
         margin:10px; color: #ffffff}
h2.white {font-family:tahoma,arial,helvetica,sans-serif; font-size: x-large;
         margin:10px; color: #ffffff}
h3.white {font-family:tahoma,arial,helvetica,sans-serif; font-size: large;
         margin:10px; color: #ffffff}
h4.white {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:10px; color: #ffffff}
h5.white {font-family:tahoma,arial,helvetica,sans-serif; font-size: x-small;
         font-weight: normal; margin:10px; color: #ffffff}
p.white {font-family:tahoma,arial,helvetica,sans-serif; font-size: medium;
         margin:10px; color: #ffffff}

/* The calendar class (duh) does the calendar. */

h4.calendar {font-family:tahoma,arial,helvetica,sans-serif; font-size: small;
         margin:2px; color: #3366ff}
p.calendar {font-family:tahoma,arial,helvetica,sans-serif; font-size: small;
         margin:2px}
table.calendar {margin:8px}