HTML, BODY { height: 100%; }
BODY { background: rgb(204,204,204); color: #0f0f0f ; margin: 0px; padding: 0px; } 
BODY { font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; font-size: small; }
sup { font-size: 90%; font-weight: bold; vertical-align: top; }
HR { background-color: #165829; border: 0px; color: #165829; height: 1px; }
H1 { font-size: x-large; margin: 0px; }
H2 { font-size: large; margin: 0px; }
H3 { font-size: medium; margin: 0px; }
H4 { font-size: small; margin: 0px; }
A { font-weight: bold; }
A:link, A:visited { color: #165829; text-decoration: none; }
A:hover, A:active { color: #400010; text-decoration: underline; }

IMG.left { padding-right: 10px; }
IMG.right { padding-left: 10px; }

#outer { border-right: double 4px #165829; border-left: double 4px #165829; }

#header { height: 85px; }
#header { background: #bbd4a9 url(/images/romtextb.jpg)} 
#tagline { border: 1px #000000; border-style: solid none; padding: 2px 0px; }
#tagline { background: #165829; color: #ffffff; text-align: center; }
#tagline H1 { color: #ffffff; font-size: 20px; font-style: italic; font-weight: 100; } 

#newlinks { color: #0f0f0f; margin: 0px; padding: 5px; font-style: normal; font-weight: normal; overflow: hidden; max-width: 200px;  width: 200px; }

.content { background: #efebe7; padding:10px 10px 25px 10px; }
.content H1 { color: black; } #165829 
.content H2 { color: #165829; }
.content H3 { color: #165829; }
.content UL { list-style-image: url(/images/gavel3.gif); margin-left: 35px; padding: 0px; } 
.content LI { margin-top: 5px; }

TABLE#contact { border: solid 1px #000000; padding: 5px; }
.contactcol1 { background: #c0b2a2; padding: 0px 5px; }
.contactcol2 { padding: 0px 5px; }
#contact INPUT, #contact textarea { background: #efebe7; }

TABLE#donations { border: solid 1px #000000; padding: 5px; }
.donationscol1 { background: #c0b2a2; padding: 0px 5px; }
.donationscol2 { padding: 0px 5px; }
#donations INPUT, #donations textarea { background: #efebe7; }

TABLE#order { border: solid 1px #000000; border-collapse: collapse; padding: 5px; }
.ordercol1 { background: #ffffff; border-bottom: solid 1px #000000; border-collapse: collapse; padding: 5px; }
.ordercol2 { border-bottom: solid 1px #000000; border-collapse: collapse; padding: 5px; }
#order INPUT, #order textarea { background: #ffffff; }

TABLE#registercle { border: solid 1px #000000; border-collapse: collapse; padding: 5px; }
.registercle1 { background: #c0b2a2; border-bottom: solid 1px #000000; border-collapse: collapse; padding: 5px; }
.registercle2 { border-bottom: solid 1px #000000; border-collapse: collapse; padding: 5px; }
#registercle INPUT, #registercle textarea { background: #efebe7; }

TABLE#librarymaterial { border: solid 2px #000000; border-collapse: collapse; padding: 5px; }
#librarymaterial TH { font-weight: bold; }
#librarymaterial TD { border: solid 1px #000000; padding: 0px 5px; }

TABLE#librarytopic { border: solid 2px #000000; border-collapse: collapse; padding: 5px; }
#librarytopic TH { font-weight: bold; }
#librarytopic TD { border: solid 1px #000000; padding: 0px 5px; }

TABLE#libraryresources { background: #efebe7; border: solid 2px #000000; border-collapse: collapse; padding: 5px; }
#libraryresources TH { font-weight: bold; }
#libraryresources TD { border: solid 1px #000000; padding: 0px 5px; }

TABLE#calendar { background: #efebe7; border: solid 2px #000000; border-collapse: collapse; padding: 5px; }
TD.calendarcol1 { border: solid 1px #000000; padding: 5px; }
TD.calendarcol2 { border: solid 1px #000000; padding: 5px; }

TABLE#tour { border: solid 1px #000000; padding: 5px; border-collapse: collapse; }
#tour TD { border: solid 1px #000000; padding: 5px; }

#events IMG { padding-right: 10px; }

#gallery IMG { border: solid 5px #779064; }

#cases, #cases TD { border: solid 1px #000000; border-collapse: collapse; padding: 5px; }

#pressrerleases, #pressrerleases TD { padding: 5px; }

#people HR { clear: right; }
#peopletop { width: 100%; }
#peopletop TR { vertical-align: bottom; }
#peopletop TD { padding-right: 20px; }
#peoplebottom IMG { padding-left: 10px; }

#footer { background: #a3c690 url(/images/romtextb.jpg) }  
#footer { border-top: solid 1px #000000; padding: 10px 10px 10px 10px; }
#footer { font-size: x-small; text-align: right; }
#footer A:link, .footer A:visited { color: #165829; font-weight: bold; text-decoration: none; }
#footer A:hover, .footer A:active { color: #503521; font-weight: bold; text-decoration: underline; }


/* MENU CSS */
/* basic style formatting */
#menu, #menu a, #menu h4 { font-family: 'Trebuchet MS', Arial, Verdana, sans-serif; font-size: 13px; font-style: italic; font-weight: bold; }
TD#menu { background: #efebe7 url(/images/romtextb.jpg); border-right: solid 1px #165829; }
TD#menu { width: 215px; }
#menubar { position: absolute; width: 200px; height: 100px; }

#menu H2 { background: #165829; color: #ffffff; font-size: 16px; font-style: italic; margin: 0px; text-align: center; }

/* Added width of 205px to UL on 61208 in order to prevent gallery page from interfering with rendering of the menu */
#menu ul { list-style: none; margin: 0px; padding: 0px; white-space: nowrap; width: 200px; }
#menu ul a, #menu ul h4 { width: 210px; }
#menu ul a, #menu ul h4 { display: block; padding-left: 5px; }
#menu ul a, #menu ul h4 { letter-spacing: 1px; }
#menu ul a:link, #menu ul a:visited, #menu ul h4 { background: transparent; color: #165829; text-decoration: none; }
#menu ul a:hover, #menu ul a:active, #menu ul h4:hover, #menu ul h4:active { background: #165829; color: #ffffff; text-decoration: none; }
#menu ul ul a:link, #menu ul ul a:visited { background: #165829; color: #ffffff; text-decoration: none; }
#menu ul ul a:hover, #menu ul ul a:active { background: #907b64; color: #efebe7; text-decoration: none; }

/* width of containing UL for submenu needs to allow for padding-left: 5px on #menu A */
#menu ul ul { width: 220px; }
#menu ul ul a { width: 215px; }

/* sets height and forces all menu text to vertically align */
#menu li { line-height: 20px; }

/* borders need to go on the a blocks since netscape expands the cell's height on hover */
#menu ul a, #menu ul h4 { border: 1px #000000; border-style: none none solid none; }
#menu ul ul { border: 1px #000000; border-style: solid none none none; }
#menu ul ul li { border: 1px #000000; border-style: none solid none solid; }
#menu ul ul a { border: 1px #000000; border-style: none none solid none; }

/*
#menu ul ul { position: absolute; top: auto; left: -1px; z-index: 500; }
changed to: */
#menu ul ul { position: absolute; top: -1px; left: 215px; }
#menu ul ul { display: none; white-space: normal; }
#menu li { position: relative; }

/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

#menu li:hover { cursor: pointer; z-index: 10; }
#menu h4:hover { cursor: default; z-index: 10; }

#menu li:hover ul ul,
#menu li li:hover ul ul,
#menu li li li:hover ul ul,
#menu li li li li:hover ul ul
 { display: none; }

#menu li:hover ul,
#menu li li:hover ul,
#menu li li li:hover ul,
#menu li li li li:hover ul
 { display: block; }

/* End of non-anchor hover selectors */
/* MENU CSS */

.ltmaroon { color: #cb78a4; }
.maroon { color: #8e225d; }
.maroontimes { color: #8e225d; font-family: 'Times New Roman', 'Times Roman', serif; font-weight: normal; }
.dkmaroon { color: #68001d; }
.dkmaroontimes { color: #68001d; font-family: 'Times New Roman', 'Times Roman', serif; font-weight: normal; }
.xdkmaroon { color: #400010; }
.xltgreen { color: #f0f6ec; }
.ltgreen { color: #DDEED1; }
.green { color: #a3c690; }
.dkgreen { color: #165829; }
.dkgreentimes { color: #165829; font-family: 'Times New Roman', 'Times Roman', serif; font-weight: normal; }
.xlttan { color: #f7f7ed; }
.lttan { color: #EDEBD1; }
.tan { color: #D0C99F; }
.dktan { color: #C7C691; }
.olive { color: #657A59; }
.brown { color: #993300; }
.browntimes { color: #993300; font-family: 'Times New Roman', 'Times Roman', serif; font-weight: normal; }
.dkbrown { color: #503521; }
.dkbrowntimes { color: #503521; font-family: 'Times New Roman', 'Times Roman', serif; font-weight: normal; }

/* Colors:
true green: #bbd4a9; 

maroon: #68001d; 
dkmaroon: #400010; 
xltgreen: #f0f6ec; 
ltgreen: #ddeed1; 
green: #a3c690; 
dkgreen: #165829; 
xlttan: #f7f7ed;  
lttan: #edebd1; 
tan: #d0c99f; 
dktan: #c7c691; 
olive: #657a59; 
brown: #503521; 

lt green: #c5d5c9; 
true green: #bbd4a9; 
olive: #77876c; 
tan: #d4d0a9; 
tan-olive: #87856c; 
charcoal: #2b2b2b; 
gray: #d4d4d4; 
dk gray: #0f0f0f; 
 
used:
h: 20
xlt brown: #efebe7; 
lt brown: #c0b2a2; 
brown: #907b64;
dk brown: #372f27; 

h: 96
xlt green: #e7efe9; 
lt green: #a2c0aa; 
green: #64906f;
dk green: #165829; 

h: 67
xlt green: #eaefe7; 
lt green: #bbd4a9; 
green: #779064;
dk green: #2e3628; 
*/