/******************/ /* Layout classes */ /******************/ /* class for with top menu only */ body#topmenu { margin: 0px; padding: 46px 0px 0px 0px; background-color: #111111; background-image: url(img/back.gif); color: #F5F9FD; } /* class for with top and side menus */ body#bothmenus { margin: 0px; padding: 46px 0px 0px 150px; background-color: #111111; background-image: url(img/back.gif); color: #F5F9FD; } /* put top menu bar in a div with this id */ div#topmenupane { position: absolute; /* make it fixed later - first part of IE fixed divs hack */ top: 0px; left: 0px; width: 500%; height: 46px; margin: 0px; z-index: 9; } /* put fixed side menu bars in a div with this id */ div#sidemenupane { position: absolute; /* make it fixed later - first part of IE fixed divs hack */ top: 46px; left: 0px; width: 150px; margin: 0px; z-index: 9; } /* second part of IE fixed divs hack */ @media screen { body>div#topmenupane { position: fixed; } body>div#sidemenupane { position: fixed; } } * html body { overflow: hidden; } /* use this id for the content pane in each page (including when it's a subsection) */ * html div#contentpane { overflow: auto; height:100%; } /* Compensates scrolling for top menubar for all anchors - last part of IE fixed divs hack */ .anchor { padding-top:50px } /***********************/ /* Text layout classes */ /***********************/ /* Homepage heading */ h1 { margin: 5px 0px 20px 0px; } /* Main headings */ h2 { margin: 15px 0px 25px 0px; } /* Subheadings */ h3 { margin: 25px 0px 12px 0px; } /* Sub-subheadings */ h4 { margin: 15px 0px; } /* Text paragraphs */ p { margin: 10px 0px; } /****************/ /* Text classes */ /****************/ .body { font-family: Tahoma, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; text-align: justify; line-height: 135%; color: #e0e5e9; } .bodycentre { font-family: Tahoma, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; text-align: center; line-height: 135%; color: #e0e5e9; } .bodyright { font-family: Tahoma, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; text-decoration: none; text-align: right; line-height: 135%; color: #e0e5e9; } .small { font-family: Tahoma, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; text-align: left; line-height: 135%; color: #e0e5e9; } .smallcentre { font-family: Tahoma, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; text-align: center; line-height: 135%; color: #e0e5e9; } .smallright { font-family: Tahoma, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; text-align: right; line-height: 135%; color: #e0e5e9; } .reallysmall { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; text-align: left; line-height: 135%; color: #e0e5e9; } .reallysmallcentre { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; text-align: center; line-height: 135%; color: #e0e5e9; } .reallysmallright { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; text-decoration: none; text-align: right; line-height: 135%; color: #e0e5e9; } .footer { font-family: Tahoma, Helvetica, sans-serif; font-size: 10px; font-style: italic; font-weight: normal; text-decoration: none; text-align: center; margin-top: 25px; margin-bottom: 5px; line-height: 150%; color: #999999; } .darktext { font-family: Tahoma, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; text-decoration: none; text-align: left; color: #000033; } /*******************/ /* Heading classes */ /*******************/ .head { font-family: Verdana, Helvetica, sans-serif; font-size: 22px; font-style: normal; font-weight: bold; text-transform: capitalise; text-decoration: none; font-variant: normal; text-align: center; color: #F5F9FD; } .subhd { font-family: Verdana, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-transform: capitalise; text-decoration: none; font-variant: normal; text-align: left; color: #F5F9FD; } .subhdcentre { font-family: Verdana, Helvetica, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; text-transform: capitalise; text-decoration: none; font-variant: normal; text-align: center; color: #F5F9FD; } /************************************************/ /* Box classes - put these inside layout panes! */ /************************************************/ /* Container class for standard pages */ .content { overflow: auto; background: #333333; width: 750px; border: 1px solid #aaaaaa; padding: 15px 10px; margin: 10px auto 10px 10px; } /* Container class for content in subsections */ .subcontent { overflow: auto; background: #333333; width: 610px; border: 1px solid #aaaaaa; padding: 10px; margin: 10px auto 10px 0px; } /* Container class for subsection menus */ .leftmenu { background: #222222; background-image: url(img/menuleft.gif); width: 141px; border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; padding: 0px; margin: 20px auto 20px 10px; max-width: 140px; /* IE div width hack */ } /* Class for top-level menu background */ .topmenu { background: #222222; width: 750px; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; padding: 0px 10px 10px 10px; margin: 0px auto 0px 10px; } /* Class for left-hand cell in navbar table */ .topmenucell1 { background: #333333; border-left: 1px solid #999999; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 4px 0px; } /* Class for middle cells in navbar table */ .topmenucell2 { background: #333333; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 4px 0px; } /* Class for right-hand cell in navbar table */ .topmenucell3 { background: #333333; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; padding: 4px 0px; } /* Class for comment box on journal. */ .commentbox { font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none; text-align: justify; line-height: 135%; color: #000011; background-color: #e5e9ed; border: 1px solid #000000; padding: 5px; } /************************/ /* Image layout classes */ /************************/ /* General-purpose image alignment class */ .middlealign { vertical-align: middle; } /* Image class for icons in top part of menu */ .topmenuimg { vertical-align: middle; width: 32; height: 32; margin: 0px 3px 0px 0px; padding: 0px; border: 0px; } /* Image spacing class for right-aligned inline images, keeps text from getting too close */ .sideimage { margin-left: 10px; } /* Image spacing class for left-aligned inline images */ .floatleft { float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #000000; } /* Class for

lines used as separators */ .separator { margin-top: 15px; margin-bottom:10px; width: 100% } /***************/ /* Link styles */ /***************/ a:link { color: #00CC00; text-decoration: none; } a:visited { color: #00AA00; text-decoration: none; } a:focus { color: #33FF33; text-decoration: none; } a:hover { color: #00FF00; text-decoration: underline; } a:active { color: #33FF33; text-decoration: none; }