a:visited   { color: #808080; text-decoration: none }
a:link   { color: #b2364a; text-decoration: none }
a:hover { color: red; text-decoration: underline }
a:active { color: red; text-decoration: underline }
body       { background: #ddd url(images/bkg_page.gif) repeat-x fixed; margin: 0px }
form td { font-size: 10px }
h1                  { color: #000; font-weight: normal; font-size: 22px; font-family: Arial, Helvetica, Geneva, SunSans-Regular; letter-spacing: 1px; margin: 0px; padding: 0px 0px 1px; border-bottom: 1px dotted #b2364a; height: 1em; filter: Shadow(Color=#A9A9A9, Direction=135, Strength=2); text-shadow: #999999 2px 2px 2px }
h2         { color: #b2364a; font-weight: normal; font-size: 16px; margin-bottom: 8px; padding-top: 16px }
h2 + p { margin-top: 0px; padding-top: 2px }
h3         { color: #b2364a; font-weight: normal; font-size: 14px; background-color: #f5f5f5; margin-top: 32px; margin-bottom: 0px; padding: 2px 16px 0px; border-bottom: 1px solid #dcdcdc }
h4  { color: #333; font-weight: bold; font-size: 11px; text-transform: capitalize; margin-bottom: 0px }
/*
h2 img  { background-color: #808080; margin-bottom: 8px; margin-left: 16px; padding: 0px 0px 0px 8px; border-style: solid; border-width: 1px 6px 1px 16px; border-color: #666 }
*/
h5 { font-weight: bold; font-size: 14px; margin-bottom: 0px }
h6 { font-weight: bold; font-size: 12px; margin-bottom: 0px }
p { font-size: 12px; font-family: Verdana, Helvetica, Geneva, Arial, Sans }
td { font-size: 12px; font-family: Verdana, Helvetica, Geneva, Arial, Sans }
.callout1 { background-color: #ece0e3; padding: 5px; border: solid 1px #ebb0b9 }
.callout2 { background-color: #f5f5f5; padding: 5px; border: solid 1px #ccc }
.address1   { color: #333; background-color: #f5f5f5; text-align: right; margin-top: 0px; margin-left: 8px; padding: 8px; border: solid 1px #ccc }
.content  { font-size: 11px; line-height: 18px; padding: 0px 8px 8px; border-left: 1px none silver }
.content li { list-style-image: url(images/icons/triangle_dots.gif); padding-bottom: 5px }
.content p { font-size: 11px; line-height: 18px }
.external_link { background: #f5f5f5 url(images/icons/window.gif) no-repeat 3px 3px; padding: 1px 2px 1px 20px; border: solid 1px silver }
.footer   { color: #333; font-size: 9px; background-color: #dcdcdc; padding: 8px }
.footer a { color: #333 }
.footer a:visited { color: #333 }
.footer p { font-size: 9px }
.img_fancy     { background-color: gray; margin-top: 4px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; border-style: solid; border-width: 1px 6px 1px 16px; border-color: #666 }
.img_simple  { background-color: gray; margin-top: 4px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; border-style: solid; border-width: 1px 6px 1px 16px; border-color: #666 }
.img_simple1 { text-align: center; margin-left: 8px; padding: 4px; border: solid 1px silver }
.link_button:link { text-decoration: none; background: #f5f5f5 no-repeat 2px 1px; margin: 2px; padding: 2px; border-style: solid; border-width: 1px; border-color: #dcdcdc #a9a9a9 #a9a9a9 #dcdcdc }
.link_button:hover { text-decoration: none; background: #f5f5f5 no-repeat 2px 1px; margin: 2px; padding: 2px; border-style: solid; border-width: 1px; border-color: #a9a9a9 #dcdcdc #dcdcdc #a9a9a9 }
.link_button:visited { text-decoration: none; background: #f5f5f5 no-repeat 2px 1px; margin: 2px; padding: 2px; border-style: solid; border-width: 1px; border-color: #dcdcdc #a9a9a9 #a9a9a9 #dcdcdc }
.link_button:visited:hover { text-decoration: none; background: #f5f5f5 no-repeat 2px 1px; margin: 2px; padding: 2px; border-style: solid; border-width: 1px; border-color: #a9a9a9 #dcdcdc #dcdcdc #a9a9a9 }
.link_project:link  { text-decoration: none; background: #f5f5f5 url(images/icons/folder_small.gif) no-repeat 2px 1px; margin: 2px; padding: 2px 2px 2px 20px; border-style: solid; border-width: 1px; border-color: #dcdcdc #a9a9a9 #a9a9a9 #dcdcdc }
.link_project:hover { text-decoration: none; background: #f5f5f5 url(images/icons/folder_small_blue.gif) no-repeat 2px 1px; margin: 2px; padding: 2px 2px 2px 20px; border-style: solid; border-width: 1px; border-color: #a9a9a9 #dcdcdc #dcdcdc #a9a9a9 }
.link_project:visited  { text-decoration: none; background: #f5f5f5 url(images/icons/folder_small.gif) no-repeat 2px 1px; margin: 2px; padding: 2px 2px 2px 20px; border-style: solid; border-width: 1px; border-color: #dcdcdc #a9a9a9 #a9a9a9 #dcdcdc }
.link_project:visited:hover { text-decoration: none; background: #f5f5f5 url(images/icons/folder_small_blue.gif) no-repeat 2px 1px; margin: 2px; padding: 2px 2px 2px 20px; border-style: solid; border-width: 1px; border-color: #a9a9a9 #dcdcdc #dcdcdc #a9a9a9 }
.link_staff:link  { text-decoration: none; background: #f5f5f5 url(images/icons/user_small.gif) no-repeat 2px 1px; text-transform: capitalize; margin: 2px 2px 2px 16px; padding: 2px 2px 2px 20px; border-style: solid; border-width: 1px; border-color: #dcdcdc #a9a9a9 #a9a9a9 #dcdcdc }
.link_staff:hover  { text-decoration: none; background: #f5f5f5 url(images/icons/user_small_blue.gif) no-repeat 2px 1px; text-transform: capitalize; margin: 2px 2px 2px 16px; padding: 2px 2px 2px 20px; border-style: solid; border-width: 1px; border-color: #a9a9a9 #dcdcdc #dcdcdc #a9a9a9 }
.link_staff:visited  { text-decoration: none; background: #f5f5f5 url(images/icons/user_small.gif) no-repeat 2px 1px; text-transform: capitalize; margin: 2px 2px 2px 16px; padding: 2px 2px 2px 20px; border-style: solid; border-width: 1px; border-color: #dcdcdc #a9a9a9 #a9a9a9 #dcdcdc }
.link_staff:visited:hover  { text-decoration: none; background: #f5f5f5 url(images/icons/user_small_blue.gif) no-repeat 2px 1px; text-transform: capitalize; margin: 2px 2px 2px 16px; padding: 2px 2px 2px 20px; border-style: solid; border-width: 1px; border-color: #a9a9a9 #dcdcdc #dcdcdc #a9a9a9 }
.masthead  { margin: 0px; padding: 0px }
.my10px { font-size: 10px }
.my12px { font-size: 12px }
.my14px { font-size: 14px }
.my16px { font-size: 16px }
.my18px { font-size: 18px }
.my20px { font-size: 20px }
.navtext { color: white; background-color: #dcdcdc; padding: 10px 10px 10px 40px }
.navtext a { font-weight: bold; font-size: 12px; padding-right: 8px; padding-left: 8px }
.navtext a:visited { color: #c00 }
.pdf { background: #feebcc url(images/icons/acrobat.gif) no-repeat 2px 3px; padding: 1px 2px 1px 16px; border: solid 1px #f15d2a }
.photoborder { margin: 0px 0px 4px 8px; border: double 4px silver }
.photosidebar { font-size: 10px; background-color: #f5f5f5; margin: 0px 0px 4px 8px; padding: 8px }
.photosidebar img { font-size: 10px; background-color: #f5f5f5; border: double 4px silver }
.photosidebar td { text-align: center }
.siteborder    { background-color: white; border-style: none solid solid solid; border-width: 1px; border-color: white }
.staff_definition { }
.staff_term { font-weight: bold }
.subnav  { background-color: white }
.subnav ul  { background-color: #666; text-align: left; list-style-type: none; margin: 0px; padding: 0px; border: none; height: auto }
.subnav li  { margin: 0px; border-style: none solid solid solid; border-width: 1px; border-color: gray }
/*

To make the links active for the full width of the DIV, I made them display: block;.
This works for everything but IE/Windows. If you give the block an explicit width of 
100%, then IE/Windows plays along. But doing this creates problems with IE5/Mac and 
Netscape/Mozilla. So I used the child selectorÒ>Ó to redefine the width to auto. 
Since IE/Windows doesnÕt understand child selectors, it ignores the rule. IE5/Mac, 
Opera and Netscape/Mozilla follow the rule, and everyone is happy.

*/
.subnav li a   { color: #f5f5f5; font-size: 9px; text-decoration: none; background: url(images/icons/triangle.gif) no-repeat 2px 5px; list-style-type: none; margin: 0px; padding: 6px 6px 6px 10px; width: 100%; display: block }
html>body .subnav li a { width: auto; }
.subnav li a:hover   { color: white; text-decoration: none; background: #b2364a url(images/icons/triangle_over.gif) no-repeat 2px 5px; list-style-type: none; margin: 0px; display: block }
.subnav a:visited { color: white; margin: 0px }
.title { padding: 8px }
.utilitynav { font-size: 10px; padding-right: 8px }
.utilitynav a { color: #c00 }
.utilitynav a:visited { color: #c00 }
.utilitynav li { font-size: 10px; margin: 0px; padding: 0px }