/* all content copyright 2026 Bellairs'26 */

/* -------------------------------------------------------------------------------------------------- */

/* only layout formatting including borders and background colors and images. */
/* the width of navigation and main is one pixel short of the width of frame to allow the black */
/* background to shine through. this creates a border effect between navigation and main */

/* center needs to be set here (auto in #frame alone does not work for IE) */
body {text-align:center; background:#000000;}

#frame {width:968px; margin:10px auto 0px; padding:0px; border:1px solid #FFFFFF; text-align:left; background:#FFFFFF;}

#logo {width:968px; height:92px; margin:0px; padding:0px; background:#FFFFFF;}

#menu {width:968px; min-height:20px; margin:0px; padding:10px 0px; background:#004B96;}
#menu ul {float:left; width:100%; margin:0px; padding:0px; background:#004B96;}
#menu li {float:left; padding:0px 7px; border-left:2px solid #FFFFFF;}

#navigation {float:left; width:40px; margin:0px; padding:0px;}

#warning {float:right; width:927px; background: #ffa500;}

/* only set padding for top and bottom, right and left should only be set for elements and not for divs to avoid IE 6 problems */
#main {float:right; width:927px; min-height:500px; margin:0px; padding:20px 0px 20px; background:#eef5f5;}
#main .dataHeader {width:700px; margin:10px 20px 0px 20px; padding:5px; border:1px solid #000000; background:#004B96;}
#main .dataItem {width:700px; margin:0px 20px 0px 20px; padding:5px; border-style:solid; border-width:0px 0px 1px 0px; border-color:#000000; overflow:hidden;}

#bottomMenu {width:968px; min-height:20px; clear:both; margin:0px; padding:10px 0px; background:#004B96;}
#bottomMenu ul {float:left; width:100%; margin:0px; padding:0px; background:#004B96;}
#bottomMenu li {float:left; padding:0px 7px; border-left:2px solid #FFFFFF;}

#footer {width:968px; clear:both; margin:0px; padding:0px; background:#000000;}

p {margin:0px;}

/* -------------------------------------------------------------------------------------------------- */

/* general formatting */

body {color:#003399; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.highlight {color:#FF0000;}
.corrected {text-decoration: line-through;}

#logo img {border:none;}

#menu {font-size:14px;}
#menu ul {list-style:none;}
#menu li {display:inline;}
#menu li.firstItem {border:none;}
#menu li.firstItemSelected {border:none; color:#FFFF0A;}
#menu li.firstItemInactive {border:none; color:#AAAAAA;}
#menu li.Selected {color:#FFFF0A;}
#menu li.Inactive {color:#AAAAAA;}
#menu a {color:#FFFFFF; text-decoration:none;}
#menu a:hover {color:#FFFF0A; text-decoration:underline;}

#navigation p {margin:0px; padding:25px 10px; color:#003399; font-size:20px; text-transform:capitalize; text-align:center;}

#warning p {margin:0px; padding:5px 120px; color:#000000; font-size:20px; text-align:center;}

#main {text-align:justify;}
#main h1 {padding:0px 25px 0px 25px; font-size:14px;}
/* maximum figure width = 850, border = 6, total width = 927; 927 - 850 - 6 = 71 --> 46/25 */
#main p {padding:0px 25px 10px 25px;}
#main p.listHeader {padding:0px 25px 0px 25px;}
#main p.clearL {clear:left;}
/* just to the left of the bottom spike of the backgroud leaf */
#main p.narrow {padding-right:205px;}
#main li {padding-right:25px;}
#main a {color:#003399; text-decoration:underline;}
#main a:hover {color:#FF0000; text-decoration:underline;}
#main .figure {float:left;}
#main .figureR {float:right;}
#main .figure img {margin:0px 0px 0px 0px; border:3px solid #000000;}
#main .figureR img {margin:0px 0px 0px 0px; border:3px solid #000000;}
#main .figure p {margin:0px -15px 10px 5px; font-size:11px; font-style:oblique; text-align:center;}
#main .figureR p {margin:0px 5px 10px -5px; font-size:11px; font-style:oblique; text-align:center;}
#main .figure h1 {margin:0px -15px 10px 5px; font-style:oblique; text-align:center;}
#main .figure h1 a {color:#FF0000; text-decoration:underline;}
#main .figure h1 a:hover {color:#003399; text-decoration:underline;}
#main .figureR h1 {margin:0px 5px 10px -5px; font-style:oblique; text-align:center;}
#main .figureR h1 a {color:#FF0000; text-decoration:underline;}
#main .figureR h1 a:hover {color:#003399; text-decoration:underline;}
#main .dataHeader {color:#FFFFFF;}
#main .dataHeader span.time {float:right; width:100px;}
#main .dataItem span.time {float:left; width:50px;}
#main .dataItem span.description {float:right; width:650px;}
#main table.center {width:90%; margin-left:5%; margin-right:5%;}
#main table {border-collapse:collapse;}
#main table, td, th {border:1px solid #000000;}
#main th {background:#AAAAAA;}
#main .footer {height:90px; text-align:center;}
#main .footerHelper {display:inline-block; height:100%; vertical-align:middle;}
#main .footerImg {vertical-align:middle; max-height:90px; padding:0px 40px 0px 40px; border:0px;}

#bottomMenu {font-size:14px;}
#bottomMenu ul {list-style:none;}
#bottomMenu li {display:inline;}
#bottomMenu li.firstItem {border:none;}
#bottomMenu li.firstItemSelected {border:none; color:#FFFF0A;}
#bottomMenu li.firstItemInactive {border:none; color:#AAAAAA;}
#bottomMenu li.Selected {color:#FFFF0A;}
#bottomMenu li.Inactive {color:#AAAAAA;}
#bottomMenu a {color:#FFFFFF; text-decoration:none;}
#bottomMenu a:hover {color:#FFFF0A; text-decoration:underline;}

#footer {color:#AAAAAA; font-size:10px; text-align:center;}
#footer p {padding:5px 0px;}
#footer a {color:#AAAAAA; text-decoration:underline;}
#footer a:hover {color:#FFFF0A; text-decoration:underline;}