/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #BBC8E5; margin: 0; text-align: center}
/* TEXT ---------- */
body, table, form * {
color: #003256;
font-size: 12px;
line-height: 1.5em;
font-family: tahoma, sans-serif;
}
BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #003256; font-size: 12px; line-height: 1.5em; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.Title {color: #0064AD; font: italic normal 24px georgia, serif; margin: 0 0 .75em 0}
.Header {color: #0064AD; font-size: 14px; font-weight: bold; margin: 0 0 1em 0}
.Subheader {font-size: 12px; font-weight: bold; margin: 0; text-transform: uppercase}
.Subheader2 {color: #0064AD; font-size: 12px; font-weight: bold; margin: 0}
.LightBlue {color: #0064AD; }
.Blue {color: #003256; }
.Black {color: #000000; }
.SmallText { font-size: 10px; }
.MediumText { font-size: 16px; line-height: 16px; }
.LargeText { font-size: 24px; line-height: 24px; }
p {margin: 0; padding-bottom: 1em}
table {margin: 0 0 1em 0}
td {vertical-align: top}
* .flash p {background: #FFFF99; font-size: 10px; margin: 0 10px; padding: 5px}
/* HEADERS ---------- */
h1 {color: #0064AD; font: italic normal 24px georgia, serif; margin: 0 0 .75em 0}
h1 .section {color: #003256}
h2 {color: #0064AD; font-size: 14px; font-weight: bold; margin: 0 0 1em 0}
h3 {font-size: 12px; font-weight: bold; margin: 0; text-transform: uppercase}
h4 {color: #0064AD; font-size: 12px; font-weight: bold; margin: 0}
h5 {font-size: 12px; font-weight: bold; margin: 0}
/* LISTS ---------- */
form {margin: 0 0 1em 0}
* #search-results td {border-bottom: 1px dashed #406580; padding: 1em 0 0 0}
* #search-results td.image {width: 120px; padding: 1em 0; text-align: center;vertical-align: middle}
* #search-results td.picture {text-align: center}
/* LISTS ---------- */
ol, ul, dl {margin-bottom: 0; margin-top: 0; padding-bottom: 1em}
dt {font-weight: bold; float: left; width: 15em}
ul#navigation, ul#navigation ul {list-style: none; margin: 0; padding: 0}
ul#navigation {float: left; padding: 0 10px}
ul#navigation li {background: #003257; margin-bottom: 10px; padding: 5px 10px; position: relative; width: 190px}
ul#navigation ul li, ul#navigation ul li.heading a {border-bottom: 0; color: #FFF; font: italic bold 14px georgia, serif; line-height: 1.2em; margin: 0; padding: 0; text-transform: none}
ul#navigation ul li a {border-bottom: 1px dashed #406580; color: #FFF; display: block; font: bold 12px tahoma, serif; padding-top: 2px; text-decoration: none; text-transform: uppercase; width: 190px}
ul#navigation ul li a:hover, ul#navigation ul li a.active {color: #BBC8E5}
ul#navigation ul li a.active {cursor: default}
* .top-left, * .top-right, * .bottom-right, * .bottom-left {height: 5px; font-size: 0; position: absolute; width: 5px}
* .top-left {left: 0; top: 0}
* .top-right {right: 0; top: 0}
* .bottom-right {bottom: 0; right: 0}
* .bottom-left {bottom: 0; left: 0}
ul#navigation .top-left {background: url(images/corners/navigation-top-left.gif)}
ul#navigation .top-right {background: url(images/corners/navigation-top-right.gif)}
ul#navigation .bottom-right {background: url(images/corners/navigation-bottom-right.gif)}
ul#navigation .bottom-left {background: url(images/corners/navigation-bottom-left.gif)}
* #content .top-left {background: url(images/corners/content-top-left.gif)}
* #content .top-right {background: url(images/corners/content-top-right.gif)}
* #content .bottom-right {background: url(images/corners/content-bottom-right.gif)}
* #content .bottom-left {background: url(images/corners/content-bottom-left.gif)}
* #callout .top-left {background: url(images/corners/callout-top-left.gif)}
* #callout .top-right {background: url(images/corners/callout-top-right.gif)}
* #callout .bottom-right {background: url(images/corners/callout-bottom-right.gif)}
* #callout .bottom-left {background: url(images/corners/callout-bottom-left.gif)}
/* LINKS ---------- */
a {color: #0064AD; text-decoration: underline}
a:hover {text-decoration: none}
a#logo {background: transparent; display: block; height: 90px; overflow: hidden; text-indent: -999em; width: 520px}
* #callout a {color: #FFF; font: italic bold 14px georgia, serif}
* #callout a.active {color: #BBC8E5; cursor: default; text-decoration: none}
/* NAVIGATION ---------- */
/* IMAGES ---------- */
img, table {border: none}
img.border {border: 1px dashed #BBC8E5; padding: 2px}
v.centered {display: block; margin: 0 auto 1em auto}
* .clear {clear: both}
* .left {width: 235px; float: left; margin: 0 10px 10px 0}
* .right {float: right; margin: 0 0 10px 10px}
* .flash img {float: left; margin-right: 10px}
/* LAYOUT ---------- */
* #container {
background: #0065AD url(images/container-bg.gif) no-repeat 0 100%;
margin: 0 auto;
overflow: hidden;
padding-bottom: 10px;
position: relative;
text-align: left;
width: 780px;
}
* #header {background: url(images/header-bg.jpg); height: 140px}
* #content {background: #FFF; float: left; padding: 10px 10px 0 10px; position: relative; width: 520px}
* #callout {background: #003257 url(images/callout-bg.gif) no-repeat 98% center; color: #FFF; margin-bottom: 1em; padding: 10px; position: relative; width: 500px}
* #footer {font-size: 11px; padding: 10px 0}
table.Registrants {
width: 507px;
}
table.Registrants td {
padding: 5px;
}
table.Registrants td input {
width: 138px;
}
table.Registrants td.credentials input {
width: 60px;
}
table.Registrants td.buttons {
text-align: right;
}
.TableHeader {
font-size: 14px;
font-weight: bold;
}
p.warning {
font-size: 11px;
color: #AF0007;
margin-top: 0;
margin-bottom: 0;
padding: 0;
background-color: #FFFBCF;
}