/* CSS Document */ /* text styles */ /* headers */ .HeaderEventLarge-14px { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF6600; font-weight: bold; } .HeaderEventSmall-12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600; font-weight: bold; } .HeaderEventLargeBlack-14px { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: bold; } .HeaderEventSmallBlack-12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } .HeaderEventLargeWhite-14px { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; } .HeaderEventSmallWhite-12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; } .HeaderInfoLarge-14px { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #00CCCC; font-weight: bold; } .HeaderInfoSmall-12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00CCCC; font-weight: bold; } .HeaderInfoSimple-12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00CCCC; } .HeaderSubLarge-14px { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; } .HeaderSubSmall-12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; } /* standards */ .BlackBold-8px { font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #000000; font-weight: bold; } .Black-10px { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; } .BlackBold-10px { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold; } .Black-12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } .BlackBold-12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; } .Black-14px { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; } .BlackBold-14px { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; font-weight: bold; } .WhiteBold-8px { font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #FFFFFF; font-weight: bold; } .White-10px { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; } .WhiteBold-10px { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; } .White-12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; } .WhiteBold-12px { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; } .White-14px { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; } .WhiteBold-14px { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; } /* link styles */ a:link { text-decoration: none; font-size: 12px; color: #330000; font-weight: bold; } a:visited { text-decoration: none; font-size: 12px; color: #660000; font-weight: bold; } a:hover { text-decoration: none; font-size: 12px; color: #990000; font-style: italic; } /* Framework */ div.rightcol-item { text-align: center; width: 125px; padding: 5px; filter: shadow(color: gray, strength: 5, direction: 135); } #body-fadeslideshow{ margin:0 auto; padding:0; width:100%; border:none; } #body-inner{ margin:0 auto; padding:0; width:100%; background-color:#008584; border-width:1px; border-style:solid; border-color:#000; } #news{ width:100%; border:none; } #news ul{ margin:0; } #news li{ list-style-type:none; margin:0; padding-top:10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } /* the news box when JavaScript is available */ #news.hasJS{ height:80px; overflow:hidden; position:relative; } /* The nested UL when JavaScript is available */ #news.hasJS ul{ position:absolute; left:0; right:0; margin:0; padding:0; } /* SpryAccordion.css - Revision: Spry Preview Release 1.4 */ /* This is the selector for the main Accordion container. For our default style, * we draw borders on the left, right, and bottom. The top border of the Accordion * will be rendered by the first AccordionPanelTab which never moves. * * If you want to constrain the width of the Accordion widget, set a width on * the Accordion container. By default, our accordion expands horizontally to fill * up available space. * * The name of the class ("Accordion") used in this selector is not necessary * to make the widget function. You can use any class name you want to style the * Accordion container. */ .Accordion { overflow: hidden; } /* This is the selector for the AccordionPanel container which houses the * panel tab and a panel content area. It doesn't render visually, but we * make sure that it has zero margin and padding. * * The name of the class ("AccordionPanel") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel container. */ .AccordionPanel { margin: 0px; padding: 0px; } /* This is the selector for the AccordionPanelTab. This container houses * the title for the panel. This is also the container that the user clicks * on to open a specific panel. * * The name of the class ("AccordionPanelTab") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel tab container. */ .AccordionPanelTab { background-color: #fff; background-image:url(../images/accordion/accordion_unactive.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin: 0px; padding: 8px 8px 8px 30px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; color:#333; font-weight:bold; } /* This is the selector for a Panel's Content area. It's important to note that * you should never put any padding on the panel's content area if you plan to * use the Accordions panel animations. Placing a non-zero padding on the content * area can cause the accordion to abruptly grow in height while the panels animate. * * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel * Content container. * * The name of the class ("AccordionPanelContent") used in this selector is not necessary * to make the widget function. You can use any class name you want to style an * accordion panel content container. */ .AccordionPanelContent { overflow:auto; margin: 0px; padding:0px; height:100px; } /* This is an example of how to change the appearance of the panel tab that is * currently open. The class "AccordionPanelOpen" is programatically added and removed * from panels as the user clicks on the tabs within the Accordion. */ .AccordionPanelOpen .AccordionPanelTab { background-color: #eee; background-image:url(../images/accordion/accordion_active.jpg); color:#333; } /* This is an example of how to change the appearance of the panel tab as the * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added * and removed from panel tab containers as the mouse enters and exits the tab container. */ .AccordionPanelTabHover { color: #085ea7; } .AccordionPanelOpen .AccordionPanelTabHover { color: #085ea7; } /* This is an example of how to change the appearance of all the panel tabs when the * Accordion has focus. The "AccordionFocused" class is programatically added and removed * whenever the Accordion gains or loses keyboard focus. */ .AccordionFocused .AccordionPanelTab { background-color: #eee; } /* This is an example of how to change the appearance of the panel tab that is * currently open when the Accordion has focus. */ .AccordionFocused .AccordionPanelOpen .AccordionPanelTab { background-color: #aaa; }