/*============================================ header settings, h1, h2, etc. h2 -> .content h2, etc. ============================================*/ h1 { font-weight: bold; color: #0099cc; font: italic small-caps 900 30px arial; text-align: left; } hr{ width: 100%; color: #0099cc; height: 1px; } h4 { font-size: 25px; color: #6699cc; font-style: italic; } li{ color: #0099cc; } /*============================================ Table border settings, etc. ============================================*/ table.standings { border: 1px solid; border-spacing: 0px; } table.standings td { border: 1px solid; } table.standings2 { border: 0px solid #000000; border-spacing: 0px; } table.standings2 td { border: 0.2px solid #000000; } table.standings3 { border: 2px solid #000000; border-spacing: 0px; background-color: #ffff99; } table.standings3 td { border: 0px solid #000000; } table.standings4 { border: 0.2px solid #000000; border-spacing: 0px; background-image: url(images/tableheaderbg.gif); } table.standings4 td { border: 0.2px solid #000000; } table.standings5 { border: 0px solid #000000; border-spacing: 0px; } table.standings5 td { border: 0px solid #000000; } table.standings6 { border: 1px solid; border-spacing: 0px; } table.standings6 td { border: 1px solid; } table.standings7 { border: 2px solid; border-spacing: 3px; background-image: url(images/tableheaderbg.gif); } table.standings7 td { border: 0px solid; } table.standings8 { border: 0px solid #000000; border-spacing: 0px; } table.standings8 td { border: 0px solid #000000; } /*============================================ For 2 columns ============================================*/ /*------------------------------------------------------ td.d0-> The top column, where the caption goes, colspan=2 -------------------------------------------------------*/ td.d0 { background: #add8e6 url("images/fade2.gif"); color: black; width: 100%; text-align: center; } td.d1 { background-color: #add8e6; color: black; width: 50%; vertical-align: top; } td.d2 { background-color: #d5eaff; color: black; width: 50%; } /*============================================ For 3 columns ============================================*/ /*------------------------------------------------------ td.three0-> The top column, where the caption goes, colspan=3 -------------------------------------------------------*/ td.three0 { background: #add8e6 url("images/fade2.gif"); color: black; text-align: center; } td.three1 { background-color: #c1e1ff; color: black; width: 25%; vertical-align: top; } td.three2 { background-color: #d5eaff; color: black; width: 25%; } /*============================================ settings for tag ============================================*/ body { background: #ffffff repeat-y left; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.5em; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 10px; color: #FFF; voice-family: "\"}\""; voice-family: inherit; } html>body { font-size: small; } #wrap { background: #ffffff repeat-y left; position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 10px; text-align: left; width: 100%; voice-family: "\"}\""; voice-family: inherit; width: 100%; } html>body #wrap { width: 100%; } #secondary { background: #ffffff repeat-y left; } /****************************************************************************** * * Text effects * *****************************************************************************/ /****************************************************************************** * * Top section * *****************************************************************************/ #topbar{ width: 100%; background-image: url("images/topbar.gif"); color: #000000; font-weight: bold; font: normal 9px "Trebuchet MS", Verdana, sans-serif; letter-spacing: 2px; text-align: right; height: 17px; padding: 0px 0px 0px 0px; margin: 0px; position: relative; } #logobanner { background-image: url("images/banner.jpg"); background-repeat: no-repeat; height: 145px; padding: 0; margin: 0; } /****************************************************************************** * * End Top section * *****************************************************************************/ #footer { height: 1%; width: 100%; text-align: center; padding: 0px 0px 0px 0px; margin: 0; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; color: #000; } /****************************************************************************** * * Navigation * *****************************************************************************/ /*====================================== Highlight the link of the cuurent page: body#x -> -> body tag of page a#nav_x -> link ========================================*/ body#aboutus a#nav_aboutus, body#equipment a#nav_equipment, body#testimonials a#nav_testimonials, body#services a#nav_services, body#photography a#nav_photography, body#specialevents a#nav_specialevents, body#demos a#nav_demos, body#contact a#nav_contact, body#photos a#nav_photos { color: #000; background: #000 url("images/fade3.gif") repeat-x bottom left; } #nav { float: left; width: 100%; margin: 0; padding: 0 0 0px 0; list-style: none; font-size: 110%; background: #000 url("images/fade2.gif") repeat-x bottom left; border-top: 1px solid #000; border-bottom: 1px solid #000; } #nav li { float: left; margin: 0; padding: 0; list-style: none; border-right: 1px solid #000; } #nav a { float: left; font-weight: normal; padding: 2px 12px 2px 12px; text-decoration: none; color: #000; } #nav a:hover { font-weight: normal; color: #000000; background: #000 url("images/fade3.gif") repeat-x bottom left; } #nav a.active { font-weight: normal; color: #000; background: #000 url("images/fade3.gif") repeat-x bottom left; } /*============================================ navigation settings for sub nav ============================================*/ #nav_sub { float: left; margin: 0; padding: 0 0 0px 0; list-style: none; font-size: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; background: url("images/fade2.gif") repeat-x bottom left; } #nav_sub li { float: left; margin: 0; padding: 0; list-style: none; border-right: 1px solid #000; } #nav_sub a { float: left; font-weight: normal; padding: 2px 12px 2px 12px; text-decoration: none; color: #000; } #nav_sub a:hover { font-weight: normal; text-decoration: none; color: darkblue; background: url("images/fade3.gif") repeat-x bottom left; } #nav_sub a.active { text-decoration: none; font-weight: normal; color: #000; background: url("images/fade3.gif") repeat-x bottom left; } /*============================================ navigation settings for second sub ============================================*/ #nav_sub2 { float: left; margin: 0; margin-bottom: 15px; padding: 0 0 0px 0; list-style: none; font-size: 100%; border-top: 2px solid #000; border-bottom: 2px solid #000; border-left: 2px solid #000; background: url("images/fade2.gif") repeat-x bottom left; } #nav_sub2 li { float: left; margin: 0; padding: 0; list-style: none; border-right: 2px solid #000; } #nav_sub2 a { float: left; font-weight: normal; padding: 2px 12px 2px 12px; text-decoration: none; color: #000; } #nav_sub2 a:hover { font-weight: normal; text-decoration: none; color: darkblue; background: orange; background: url("images/fade3.gif") repeat-x bottom left; } #nav_sub2 a.active { text-decoration: none; font-weight: normal; color: #000; background: url("images/fade3.gif") repeat-x bottom left; } /****************************************************************************** * * End Navigation * *****************************************************************************/ /****************************************************************************** * * Basic style * *****************************************************************************/ a { text-decoration: underline; } a:link { color: darkblue; } a:visited { color: purple; } a:active { color: darkblue; } a:hover { color: blue; } img { border: 0; } img.floatleft { float:left } /****************************************************************************** * * End Basic style * *****************************************************************************/ #container { line-height: 140%; margin-right: auto; margin-left: auto; text-align: left; padding: 0px; width: 40px; } #banner { font-family: Verdana, Arial, sans-serif; color: #000000; background-color: #E7AA5C; text-align: left; padding: 15px; border-bottom: 1px solid #000000; height: 39px; } a#banner-img { display: none; } #banner a { color: #000000; text-decoration: none; } #banner h1 { font-size: xx-large; } #banner h2 { font-size: small; } #center { float: left; width: 440px; overflow: hidden; } .content { width: 640px; padding: 12px 12px 12px 12px; margin-top: 27px; background: #ffffff repeat-y left; color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 12px; } #right { background-image: url(images/right_top.gif); background-repeat: no-repeat; float: left; width: 200px; /*background-color: #FFFFFF;*/ overflow: hidden; } .content p { color: #000000; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 150%; text-align: left; margin-bottom: 10px; } .content blockquote { line-height: 150%; } .content li { line-height: 150%; } .content h2 { color: #6699cc; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: medium; font-weight: bold; text-align: left; margin-bottom: 0px; margin-top: 0px; } .content h3 { color: #8FABBE; font-family: 'Trebuchet MS', Verdana, sans-serif; font-size: large; text-align: left; font-weight: bold; margin-bottom: 10px; } }