body { font-family: Arial, Sans-Serif; margin: 0px 0px 0px 0px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
img { border-style: none; }
img.F { border: solid 1px #000000; }
div.PageTitle { font-size: 200%; font-weight: bold; }
div.SubTitle { border-bottom: solid 1px #9FA1A4; font-size: 175%; font-weight: bold; margin-bottom: 4px; }
div.SubSubTitle { font-size: 125%; font-weight: bold; }
div.SmallText { font-size: 80%; }
sub { font-size: smaller; vertical-align: baseline; position: relative; bottom: -0.25em; }
sup { font-size: smaller; vertical-align: baseline; position: relative; bottom: 0.5em; }

.FS { color: #999999; font-size: 80%; }
.FS img { vertical-align: middle; }
.FS .LF { color: #FF0000; }

div.Corner { position: absolute; }
div.Corner img { border-right: solid 1px #000000; }
div.Join { position: absolute; right: 20px; top: 10px; background-color: #00AEEF; border: solid 1px #000000; font-size: 16pt; font-weight: bold; padding: 6px 5px 8px 5px; }
div.Join a { color: #FFF200; }
div.Join50 { position: absolute; right: 15px; top: 15px; height: 40px; width: 240px; background: url(http://images.dev-harc.edu/Sites/H2/50.png); }
    
div.Header { background-color: #E7F6FD; border-bottom: solid 1px #000000; height: 62px; padding: 13px 0px 5px 185px; }
div.Header div.SiteTitle { font-size: 30pt; font-weight: bold; }
div.Header div.SiteTitle a { color: #231F20; }
div.Header div.SiteTitle img { vertical-align: middle; }
div.Header div.TagLine { color: #9FA1A4; font-size: 11pt; position: absolute; top: 54px; left: 372px; }

table.Content { border-collapse: collapse; width: 100%; }
table.Content tr td { padding: 0px 0px 0px 0px; vertical-align: top; }
table.Content tr td.Left { background-color: #00AEEF; border-right: solid 1px #000000; font-size: 11pt; width: 175px; }
table.Content tr td.Left div.SideBar { background-color: #E7F6FD; font-weight: bold; padding: 3px 0px 6px 6px; }
table.Content tr td.Left div.SideBar div { border-bottom: solid 1px #9FA1A4; padding: 3px 6px 3px 3px; }
table.Content tr td.Left div.SideBar div a { color: #9FA1A4; }

table.Content tr td.Left div div.Head { font-size: 11pt; font-weight: bold; text-align: center; padding-bottom: 4px; }
table.Content tr td.Left div div.Head a { color: #000000; }
table.Content tr td.Left div.Contact { font-size: 10pt; padding: 14px 8px 4px 8px; text-align: center; }
table.Content tr td.Left div.Contact a { color: #FFFFFF; }
table.Content tr td.Left div.Contact table.Phone { border-collapse: collapse; }
table.Content tr td.Left div.Contact table.Phone tr td { padding: 0px 0px 0px 0px; }
table.Content tr td.Left div.Contact table.Phone tr td.D { font-weight: bold; padding-right: 6px; text-align: right; }
table.Content tr td.Content { font-size: 11pt; padding: 10px 5px 10px 10px; }
table.Content tr td.Right { color: #888A8C; padding: 10px 10px 10px 5px; width: 210px; }
table.Content tr td.Right b { color: #66696A; }

div.Footer { background-color: #E7F6FD; border-top: solid 1px #000000; font-size: 11pt; padding: 4px 4px 4px 4px; }