* {margin: 0; padding: 0}
html {height: 100%}
body {font: 12px Arial, 'Lucida Grande'; color: #000}
ul {list-style-type: none}
a img {border: none}
a {color: #000}
a:hover {color: #000; text-decoration: none}
a {color: #000}
a.orange, a.orange:hover {color: #f60 !important}

h2 {font-size: 17px; color: #ff6600; margin-bottom: 12px}
h2.blue {color: #006}
h3 {color: #f60; font-size: 14px; margin-bottom: 14px}
h3.blue {color: #006; margin-bottom: 7px}
h4 {font-size: 14px; margin-bottom: 2px}

#wrapper {width: 801px; margin: 15px auto 0}

#sidebar {width: 150px; float: left}
#logo {display: block; text-align: center; margin: 16px 0 26px 0}
#nav li {float: left; background: url('images/li-blue.gif') 137px 50% no-repeat; width: 150px; height: 17px; margin-top: 9px; font-size: 1px}
#nav li:hover {background-image: url('images/li-gray.gif')}
#nav .active, #nav .active:hover {background-image: url('images/li-orange.gif'); border-bottom: 1px solid #ff6600}
#nav .first {margin-top: 12px}
#nav a {display: block; height: 17px; line-height: 17px; width: 130px; background-position: center right; background-repeat: no-repeat}
#nav1 a {background-image: url('images/nav/1.gif')}
#nav2 a {background-image: url('images/nav/2.gif')}
#nav3 a {background-image: url('images/nav/3.gif')}
#nav4 a {background-image: url('images/nav/4.gif')}
#nav5 a {background-image: url('images/nav/5.gif')}
#nav6 a {background-image: url('images/nav/6.gif')}
#nav7 a {background-image: url('images/nav/7.gif')}
#nav1 a:hover {background-image: url('images/nav/1_h.gif')}
#nav2 a:hover {background-image: url('images/nav/2_h.gif')}
#nav3 a:hover {background-image: url('images/nav/3_h.gif')}
#nav4 a:hover {background-image: url('images/nav/4_h.gif')}
#nav5 a:hover {background-image: url('images/nav/5_h.gif')}
#nav6 a:hover {background-image: url('images/nav/6_h.gif')}
#nav7 a:hover {background-image: url('images/nav/7_h.gif')}
#nav1.active a, #nav1.active a:hover {background-image: url('images/nav/1_a.gif')}
#nav2.active a, #nav2.active a:hover {background-image: url('images/nav/2_a.gif')}
#nav3.active a, #nav3.active a:hover {background-image: url('images/nav/3_a.gif')}
#nav4.active a, #nav4.active a:hover {background-image: url('images/nav/4_a.gif')}
#nav5.active a, #nav5.active a:hover {background-image: url('images/nav/5_a.gif')}
#nav6.active a, #nav6.active a:hover {background-image: url('images/nav/6_a.gif')}
#nav7.active a, #nav7.active a:hover {background-image: url('images/nav/7_a.gif')}

#main {float: left; border-left: 1px solid #f60; width: 649px; min-height: 400px; padding-bottom: 20px}
#header {background: url('images/header-bg.gif') 0 100% repeat-x; width: 629px; height: 59px; padding: 40px 0 0 20px}
#header .title-blue, #header .title-gray {display: block}
#header .title-gray {position: relative; top: -5px}
#content {padding-top: 29px}
#content_sidebar {float: right; width: 219px}
.rp {width: 180px; border: 1px solid #006; color: #336; padding: 8px; margin-bottom: 9px}
.rp.form {font-size: 14px}
.rp a {color: #336; text-decoration: underline}
.rp a:hover {color: #336; text-decoration: none}
.rp.form a {display: block; color: #006; text-decoration: none; margin-top: 4px}
.rp.form a:hover {color: #006; text-decoration: underline}
.rp.form a.active, .rp.form a.active:hover {color: #f60; text-decoration: underline}
.rp.form p {text-align: left; margin-bottom: 7px}
.rp.form p.links {margin: 1px 0 0}
.rp img {display: block; margin-bottom: 13px}
.rp label {display: block; float: left; width: 70px; padding-top: 2px; color: #f60}
.rp input.text, .rp input.password {width: 103px; padding: 1px; color: #006; border: 1px solid #e5e5ec; background: #d3d3df}
.rp input.image {float: right}
html:root* .rp input.text, html:root* .rp input.password {width: 101px}
#content_text {width: 390px; padding: 0 15px 0 20px; line-height: 15px; overflow: hidden}
#content_text a.blue {color: #006; text-decoration: none}
#content_text a.blue:hover {color: #006; text-decoration: underline}
#content_text a.blue_ {color: #006; text-decoration: underline}
#content_text a.blue_:hover {color: #006; text-decoration: none}
#content_text h2 {margin-bottom: 12px}
#content_text p, #content_text ul, #content_text ol {margin-bottom: 12px}
#content_text ul li {background: url('images/li-blue.gif') 6px 5px no-repeat; padding-left: 20px}
#content_text ol li {margin-left: 6px; list-style-position: inside}
#content_text table {border-collapse: collapse}
#content_text label {display: block; margin-bottom: 1px; color: #006; font-weight: bold}
#content_text input.text, #content_text input.password, #content_text textarea {display: block; margin-bottom: 12px; border: 1px solid #a6a6a6}
#content_text select {display: block; margin-bottom: 12px}
#content_text input.text, #content_text input.password {width: 198px}
html:root* #content_text input.text, html:root* #content_text input.password {padding: 1px}
#content_text input.checkbox {vertical-align: bottom; margin-right: 3px}
#content_text textarea {width: 298px; height: 158px}
#content_text input.image {margin-top: 3px; margin-bottom: 15px}
#content_text hr {background: #999; margin: 5px 0 10px}
#content_text blockquote, #content_text pre {padding: 0.25em 40px}
#content_text blockquote {font: italic 1.05em Georgia, Times, serif;
  background: url('images/quote.gif') 8px 3px no-repeat; margin: 0.25em 0}
#content_text pre {font: 1.05em Courier, monospace;}
#content_text .not_editable {margin-bottom: 12px}
#content_text .errorExplanation_i {font-size: 11px; color: #f00}
#content_text .in_subheader {margin-bottom: 1px; color: #006; font-weight: bold}
#content_text .in_subheader_comm {font-size: 10px; line-height: 13px; padding-bottom: 2px; color: #555}

#black_bg {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 700px; background-color: #000}
#gallery_wrapper {position: absolute; left: 0; top: 15px; width: 100%; z-index: 100; text-align: center}
#gallery {background: #424242; width: 700px; font-size: 13px; padding: 0px 30px 23px; color: #d7d7d7; margin: 0 auto; text-align: center}
#gallery a, #gallery a:active {color: #d7d7d7}
#gallery #g_unav {width: 700px; height: 26px; padding-top: 9px; text-align: right}
#gallery #g_pic {height: 525px; width: 700px}
#gallery #g_pic img {display: block; position: relative; margin: auto}
#gallery #g_title {width: 700px; margin: 10px 0 0}
#gallery #g_nav {width: 700px; border-top: 1px solid #fff; padding-top: 7px; margin-top: 20px; text-align: left}
#gallery #g_rnav {float: right}
#gallery #g_nav a {padding: 0 2px; text-decoration: none}
#gallery #g_nav a:hover {text-decoration: underline}
#gallery #g_nav a.active, #gallery #g_nav a.active:hover {color: #fff; font-weight: bold}
#gallery #g_rnav a {text-decoration: underline}
#gallery #g_rnav a:hover {text-decoration: none}
#gallery #g_unav a, #gallery #g_unav a:hover {color: #fff}

/* JavaScript calendar stuff */
#calendarContainer {border:2px solid #999}
.cal {font-size:11px; background-color:#CCC; text-align:center; border:0}
.cal img {border:0}
.cal button{border:0; background-color:#CCC; cursor:pointer; margin:0; padding:0}
.cal button.today {background-color:#FF6}
.cal button.selected {border:1px solid #000}
.dow {background-color:#000; color:#FFF; font-weight:normal}
.dow td {width:18px}
thead {font-size:1.2em; font-weight:bold}
thead button {font-size:.7em}

.error {background: #f6f6f6; padding: 10px; margin-bottom: 10px; border: 1px solid #f30}
#error_message {color: #f30}
.errorExplanation_i {margin-bottom: 5px}