|
|
| Line 76: |
Line 76: |
| | | | |
| | .btn-toolbar {margin-top:10px; text-align:center;} | | .btn-toolbar {margin-top:10px; text-align:center;} |
| | + | |
| | + | /*BODY*/ |
| | | | |
| | body { font-family: Calibri, Verdana, sans-serif; color: black; margin: 0; padding: 0; background-color: #fff; } | | body { font-family: Calibri, Verdana, sans-serif; color: black; margin: 0; padding: 0; background-color: #fff; } |
| Line 81: |
Line 83: |
| | .visualClear { clear: both; } | | .visualClear { clear: both; } |
| | | | |
| - | /* The top section contains the banner, the search box, and the left and right menus */
| + | |
| - |
| + | |
| - | #top-section {
| + | |
| - | position: relative; height: 98px;
| + | |
| - | width: 975px; # margin-left: 10px;
| + | |
| - | margin: 0 auto 0 auto; border-left: 1px solid #444444;
| + | |
| - | border-right: 1px solid #444444;
| + | |
| - | border-bottom: 1px solid #444444; }
| + | |
| - |
| + | |
| - | #p-logo { position: absolute; z-index: 1; height: 107px; width: 975px; }
| + | |
| - | | + | |
| - | #p-logo h5 { display: none; }
| + | |
| - | | + | |
| - | #p-logo a, #p-logo a:hover { text-decoration: none; }
| + | |
| - |
| + | |
| - | #search-controls {
| + | |
| - | position: absolute;
| + | |
| - | top: 20px;
| + | |
| - | right: 15px;
| + | |
| - | width: 150px;
| + | |
| - | height: 40px;
| + | |
| - | background-color:
| + | |
| - | transparent;
| + | |
| - | text-align: center;
| + | |
| - | z-index: 3; }
| + | |
| - |
| + | |
| - | input.searchButton { margin: 1px 5px 0 10px; font-size: 100%; background: none; border: none; color: #AAAAFF; font-weight: bold; }
| + | |
| - |
| + | |
| - | input.searchButton:hover { color: white; }
| + | |
| - |
| + | |
| - | #searchInput { width: 10.9em; margin: 0; font-size: 95%; }
| + | |
| - |
| + | |
| - | #searchGoButton { margin-right: 0px; margin-left: 35px; }
| + | |
| - |
| + | |
| - | #menubar { position: absolute; white-space: nowrap; top: -6px; width: 400px; z-index: 5; font-family: sans-serif; font-size: 95%; line-height: 1em; }
| + | |
| - |
| + | |
| - | .left-menu, .left-menu a { left: 0px; text-align: left; color:transparent; text-transform: lowercase; }
| + | |
| - |
| + | |
| - | .left-menu:hover { color: white; background-color: #555555 }
| + | |
| - |
| + | |
| - | .right-menu, .right-menu a { right: 0px; text-align: right; color: white; }
| + | |
| - |
| + | |
| - | #menubar ul { color: #555555; list-style: none; }
| + | |
| - |
| + | |
| - | #menubar li { display: inline; position: relative; cursor: pointer; padding-left: 0px; padding-right: 0px; }
| + | |
| - |
| + | |
| - | .left-menu li a { padding: 0px 10px 0px 0px; }
| + | |
| - |
| + | |
| - | .left-menu:hover a { color: white; }
| + | |
| - |
| + | |
| - | .right-menu li a { padding: 0px 15px 0px 0px; color: white; background-color: #606060; }
| + | |
| - |
| + | |
| - | .right-menu li a:hover { color: #aaaaff; text-decoration: underline; }
| + | |
| - |
| + | |
| - | /* footer */
| + | |
| - |
| + | |
| - | #footer-box { margin-left: 10px; margin-top:8em; width: 965px; padding: 5px; background-color: white; margin: 0 auto; }
| + | |
| - |
| + | |
| - | #footer { color: #000000; text-align: center; font-size: 90%;; }
| + | |
| - | | + | |
| - | #footer li { display: inline; margin: 0 1.3em; }
| + | |
| | | | |
| | /* Sponsors box */ | | /* Sponsors box */ |
"
