
body { color: black; background-color: #c0c1c4; background-image: url(images/backdrop-gradient.gif); background-repeat: repeat-x; margin: 0 }
img     { display: block; margin: 0; padding: 0; border: 0 }
#headspace { position: relative; width: 1024px; height: 13px }
#header { position: relative; width: 1024px; height: 88px }
#menucontainer { background-image: url(images/menu-back.gif); background-repeat: repeat-x; text-align: center; margin: 0; padding: 0; position: relative; width: 1024px; height: 39px ; z-index: 5; }
#main { background-image: url(images/main-window-backdrop.gif); background-repeat: repeat-x; position: relative; width: 1024px; height: 564px }
#xyz  { background-color: #000; visibility: hidden; position: absolute; z-index: 5; left: 18%; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff }
#xyz1 { background-color: #000; visibility: hidden; position: absolute; z-index: 5; left: 25%; border-top: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; }
ul.menu { white-space: nowrap; margin: 0; padding: 0 }
.menu li { list-style-type: none; display: inline }
.menu a   { padding: 0 8px }
.menu a:link, .menu a:visited   { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-repeat: repeat-x; padding-top: 12px; padding-bottom: 13px; position: relative; top: 10px; height: 39px }
.menu a:hover  { color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-image: url(images/menu-back-over.gif); padding-top: 12px; padding-bottom: 13px; position: relative; top: 10px; height: 39px }
p.submenu-text, p.submenu-text a, p.submenu-text a:hover, p.submenu-text a:visited  { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-image: none; display: block; margin: 0; padding: 0; position: relative }
p.submenu-text a:hover, p.menu-text a:hover   { background-color: #f00; background-image: none; margin: 0; padding: 0 }
#submenu, #submenu:hover   { text-align: center; display: block; margin: 0; padding: 3px 0; position: relative; z-index: 5; width: 120px; height: auto; float: left; clear: both; border-bottom: 1px solid #fff }
#footer  { background-image: url("images/footer-back.gif"); background-repeat: repeat-x; display: block; padding-top: 4px; position: relative; width: 1024px; height: 42px }
.footer-text { color: #fff; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.2em; margin: 0; padding: 0 0 2px }
.footer-text a { color: #fff; text-decoration: underline }
.footer-text a:hover { text-decoration: none }
/* interior pages */ 

#main1 { background-image: url(images/interior-backdrop.gif); background-repeat: repeat-x; position: relative; width: 1024px; height: 447px }
#content   { margin: 0; padding: 0 5px 0 0; position: relative; top: 54px; left: 50px; width: 335px; height: 393px; float: left; overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: auto  }
form { margin: 0; padding: 0 }
.text    { color: white; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 1.2em; text-align: left; margin: 0; padding: 8px 0 0 }
.text a  { color: #39f; text-decoration: underline }
ul.text { margin: 0; padding: 5px 0 0 }
.text li { font-size: 13px; font-style: italic; list-style-image: url(images/bullet-arrow-orange.gif); list-style-position: inside; display: list-item; padding-top: 3px; padding-left: 10px }
