BODY
{
        margin: 0;
        /*it's good practice to zero the margin and padding of the body element to account for differing browser defaults*/
        padding: 10px;
        text-align: center;
        /*this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector*/
        color: #000066;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 80%;
        border: thin groove #000066;
        background-color: #666666;
}
.twoColFixLtHdr #container
{
        width: 780px;
        /*using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar*/
        background: #FFFFFF;
        margin: 0 auto;
        text-align: left;
        /*this overrides the text-align: center on the body element.*/
}
.twoColFixLtHdr #header
{
        height: 28px;
        vertical-align: middle;
        background: #000066;
        color: #FFFFFF;
        /*this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding.*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bolder;
        text-indent: 0px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-top: 6px;
        width: 780px;
}
.twoColFixLtHdr #header H1
{
        margin: 0;
        /*zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse*/
        padding: 10px 0;
        /*using padding instead of margin will allow you to keep the element away from the edges of the div*/
}
.twoColFixLtHdr #sidebar1
{
        float: left;
        /*since this element is floated, a width must be given*/
        width: 160px;
        color: #FFFFFF;
        background-color: #000066;
        border: thin solid #000066;
        padding-top: 15px;
        padding-right: 10px;
        padding-bottom: 15px;
        padding-left: 20px;
}
.twoColFixLtHdr #mainContent
{
        margin-top: 20px;
        margin-right: 20px;
        margin-bottom: 0;
        margin-left: 220px;
        padding: 0;
}
.twoColFixLtHdr #footer
{
        padding: 0 10px 0 20px;
        /*this padding matches the left alignment of the elements in the divs that appear above it.*/
        background: #DDDDDD;
        margin-top: 40px;
}
.twoColFixLtHdr #footer P
{
        margin: 0;
        /*zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs*/
        padding: 10px 0;
        /*padding on this element will create space, just as the the margin would have, without the margin collapse issue*/
}
LI
{
        margin-bottom: 20px;
}
.fltrt
{
        /*this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page.*/
        float: right;
        margin-left: 8px;
}
.fltlft
{
        /*this class can be used to float an element left in your page*/
        float: left;
        margin-right: 8px;
}
.clearfloat
{
        /*this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float*/
        clear: both;
        height: 0;
        font-size: 1px;
        line-height: 0px;
}
#tickertape
{
        text-align: left;
        background-color: black;
        width: 100%;
        height: 20px;
}
#subtickertape
{
        background-color: #000066;
        border: 1px solid #000066;
        width: 100%;
        height: 20px;
        color: #FFFFFF;
        text-align: center;
}
.subtickertapefont
{
        font: bold 12px Verdana;
        text-decoration: none;
        color: white;
}
.subtickertapefont A
{
        color: white;
        text-decoration: none;
}
.boxed
{
        border: thin groove #000066;
        text-decoration: none;
        background-color: #CCCCCC;
        padding: 2px 20px;
        margin-bottom: 20px;
}
.twoColFixLtHdr #container #sidebar1 P
{
        font-size: larger;
        font-weight: bold;
        color: #FFFF33;
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 4px;
        margin-left: 0px;
}
/*SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4
Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved.
******************************************************************************

LAYOUT INFORMATION: describes box model, positioning, z-order

******************************************************************************
The outermost container of the Menu Bar, a fixed width box with no margin or padding*/
UL.MenuBarVertical
{
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        cursor: default;
        width: 90%;
}
/*******************************************************************************

DESIGN INFORMATION: describes color scheme, borders, fonts

******************************************************************************
Outermost menu container has borders on all sides*/
UL.MenuBarVertical
{
        border: 1px solid #000066;
}
/*Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html*/
UL.MenuBarActive
{
        z-index: 1000;
}
/*Menu item containers, position children relative to this container and are same fixed width as parent*/
UL.MenuBarVertical LI
{
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: 100%;
}
/*Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em)*/
UL.MenuBarVertical UL
{
        margin: -5% 0 0 95%;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: absolute;
        z-index: 1020;
        cursor: default;
        width: 8.2em;
        left: -1000em;
        top: 0;
}
/*Submenu containers have borders on all sides*/
UL.MenuBarVertical UL
{
        border: 1px solid #CCC;
}
/*Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen*/
UL.MenuBarVertical UL.MenuBarSubmenuVisible
{
        left: 0;
}
/*Menu item containers are same fixed width as parent*/
UL.MenuBarVertical UL LI
{
        width: 9em;
}
/*Menu items are a light gray block with padding and no text decoration*/
UL.MenuBarVertical A
{
        display: block;
        cursor: pointer;
        background-color: #000066;
        padding: 2px;
        color: #FFFFFF;
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        border: thin solid #000066;
}
/*Menu items that have mouse over or focus have a blue background and white text*/
UL.MenuBarVertical A:hover, UL.MenuBarVertical A:focus
{
        background-color: #33C;
        color: #FFF;
}
/*Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text*/
UL.MenuBarVertical A.MenuBarItemHover, UL.MenuBarVertical A.MenuBarItemSubmenuHover, UL.MenuBarVertical A.MenuBarSubmenuVisible
{
        background-color: #33C;
        color: #FFF;
}
/*******************************************************************************

SUBMENU INDICATION: styles if there is a submenu under a given menu item

******************************************************************************
Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%)*/
UL.MenuBarVertical A.MenuBarItemSubmenu
{
        background-image: url(../SpryAssets/SpryMenuBarRight.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
}
/*Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%)*/
UL.MenuBarVertical A.MenuBarItemSubmenuHover
{
        background-image: url(../SpryAssets/SpryMenuBarRightHover.gif);
        background-repeat: no-repeat;
        background-position: 95% 50%;
}
/*******************************************************************************

BROWSER HACKS: the hacks below should not be changed unless you are an expert

******************************************************************************
HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe*/
UL.MenuBarVertical IFRAME
{
        position: absolute;
        z-index: 1010;
}
UL.MenuBarVertical LI.MenuBarItemIE
{
        display: inline;
        f\loat: left;
        background: #FFF;
}
#jwrap
{
        text-align: left;
        position: absolute;
        width: 780px;
        top: 0px;
}
#address
{
        color: #000066;
}
#header IMG
{
        float: right;
        margin-top: 0px;
        margin-right: 10px;
        margin-bottom: 0px;
        margin-left: 20px;
        clear: right;
}
#mainContent H1
{
        font-family: Verdana, Arial, Helvetica, sans-serif;
        padding: 0px;
        margin-top: 4px;
        margin-bottom: 12px;
        font-size: 20px;
}
#links A
{
        color: #000066;
        text-decoration: none;
}
.bar
{
        background-color: #000066;
        width: 100%;
        margin-top: 20px;
        margin-right: 0px;
        margin-bottom: 8px;
        margin-left: 0px;
        font-weight: bolder;
        color: #FFFFFF;
        clear: none;
        float: none;
}
.bar A
{
        text-decoration: none;
        color: white;
}
.left
{
        float: left;
        margin-top: 0px;
        margin-right: 18px;
        margin-bottom: 6px;
        margin-left: 0px;
        clear: none;
}
.redtext
{
        color: #600;
        font-weight: bold;
}
.extrabold
{
        font-size: large;
        font-weight: 900;
}
.calendar-yellow
{
        width: auto;
        background-color: #FCFFA5;
}
.calendar-yellow TR
{
        vertical-align: top;
}
.sidebar
{
        float: right;
        width: 153px;
        border: 1px solid blue;
        padding: 12px;
        background-color: #D5DDFF;
        margin-left: 10px;
        font-size: 8.5pt;
        clear: right;
}
.message
{
        border: 2px solid red;
        padding: 8px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-color: #FFFF00;
}