.Menu a { font-family: Verdana, Arial, Helvetica; font-size: 11px; display: block; padding: 1px 4px 1px 4px; /* Top, left, bottom, right */ /* border: 1px solid; border-color: #999 #333 #333 #999; /* Gray and black. Gives a 3D effect */ background-color: #7C302F; /* Maroon */ color: #CCCCCC; /* Gray */ text-decoration: none; font-weight: bold; text-align: center; vertical-align: middle; } .Menu a:hover, .Menu a:active, .Menu a:focus { color: #F2AC1F; /* Gold */ } /* The Submenu Layers Use a combined selector to assign all properties common to each of the Submenu Layers. */ #SubServices, #SubManagement, #SubCustomers, #SubInfo { position: absolute; width: 100px; top: 89px; font-size: .8em; color: #993300; background-color: #CCCCCC; visibility: hidden; } /* Now use individual selectors for each trigger Layer to assign their unique properties, in this case the left property */ #SubServices {left: 74px; width: 140px;} #SubManagement {left: 143px;} #SubCustomers {left: 362px;} #SubInfo {left: 462px; width: 130px;} /* The submenu links are in paragraphs, so we set the margin to zero so there is no gap between links */ .Sub p {margin: 0; font: Verdana, Arial, Helvetica, sans-serif; } /* Submenu Link Styles - Use a combined selector for a and a:visited. Set padding in shorthand to 1px on top and bottom, 8px right and 12px left. - Set display to block so entire link box, including padding is clickable. Set border to 1px solid. - Set border colors in shorthand to Light Gray on top and left - and Charcoal Gray on right and bottom. This combination of colors creates a raised button-type effect. - Set background color to dark gray, text to medium gray and turn off underlines. */ /* * Don't forget to add in the padding when calculating absolute offsets! */ .Sub a, .Sub a:visited { display: block; padding: 1px 8px 1px 12px; border: 1px solid; border-color: #999 #333 #333 #999; background-color: #CCCCCC; /* Gray */ color: #993300; /* Maroon */ text-decoration: none; } /* Change background and text colors when links are hovered over. Use a combined selector for hover, active, and focus. Active and Focus trigger the color change in IE-PC and other modern browsers when tabbing through the links with keyboard. */ .Sub a:hover, .Sub a:active, .Sub a:focus { background-color: #F4F4F4; /* OffWhite */ /* #A0A0A0 Darker Gray */ color: #F2AC1F; /* Gold */ } .MTable { /* Table within main cell */ background-color: #FFFFFF; /* White */ color: #000000; /* Black */ font-family: Verdana, Arial, Helvetica, sans-serif; width: inherit; height: inherit; } #FlyBase { position: absolute; width: inherit; height: inherit; align:left; valign:top; z-index: 5; border-width:thin; visibility: hidden; } #Fly1, #Fly2, #Fly3, #Fly4 { background-color:#FFFFFF; align:left; valign:top; position: absolute; width: inherit; height: inherit; border-width:thin; visibility: hidden; } #Fly1 { z-index:6;} #Fly2 { z-index:7;} #Fly3 { z-index:8;} #Fly4 { z-index:9;} .leftNav, .leftNav a, .leftNav a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; /* Due to some bug in Firefox, this property must be set within an IE conditional * In the section. */ /* display: block; */ font-size: 12px; color: #993300; } .leftNav a:hover, .leftNav a:active, .leftNav a:focus { color:#F2AC1F; background-color: #ffffff; } .footerNav { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; text-align:center; font-size: 12px; color:#FFFFFF; } .footerNav a:hover { /* a.footerNav:hover{ */ text-decoration: none; color:#CCCCCC; } .style8 { font-size: 12px; font-weight: normal; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; } .style8 a { text-decoration: none; color: #993300; /* Maroon */ } .style8 a:hover { font-weight: bold; } .style10 { font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #993300; } .style10 span { text-align: center; } .style7 {font-family: Verdana, Arial, Helvetica, sans-serif} .style14 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; } a.noshow { text-decoration: none; color: #000000; } a.noshow:hover, a.noshow:visited, a.noshow:active { font-weight: normal; } a.noshowMaroon { text-decoration: none; color: #993300; } #Fly-News { margin-top: 30%; }