/* Colors for April ----------------------------- #515151 - Dark Gray #657D70 - Dark Gray/Green #D8F1B2 - Light Green #FEFDAC - Light Yellow #FEFD88 - Darker Yellow #EB8B1D - Orange -----------------------------------------------*/ body { font-family: Arial, Helvetica, sans-serif; font-size: small; color: #E7E7E7; min-width: 750px; margin: 0; padding: 0; background-color: #515151; } #mainContainer { width: 100%; height: 175px; background: url(/images/headers/April.jpg) no-repeat top left; position: absolute; top: 0; left: 0; } a:link, a:visited { color: #E7E7E7; text-decoration: none; } a:hover { text-decoration: underline; color: #fff; } a:active {} a:link img, a:visited img { border: 0; } a:hover img { border: 0; } h2, dt, td.heading { color: #FEFDAC; font-size: 160%; font-weight: normal; } #left dt { color: #D8F1B2; } #middle h2, td.heading { color: #FEFDAC; } #right h2 { color: #EB8B1D; } /*This is for announcements in the new notices section on the home page*/ .announce { color: #FEFD88; font-size: 125%; font-weight: bold; } h3 { color: #FEFDAC; font-size: 125%; } #left dt { margin-top: 15px; border-top: 1px solid #657D70; } #left dt.dept { margin-top: 0; } #left dd.nolink, #left dd a { /* margin-left: 20px; margin-right: 20px; */ } #left dd, #middle dd { margin: 0 0 3px 0; padding: 0; } ul { margin: 0 15px; padding: 0; } #contentContainer { margin-bottom: 20px; width: 100%; } #middle { position: relative; width: auto; min-width: 250px; margin: 150px 250px 20px 250px; padding: 0 10px; z-index: 3; line-height: 1.5em; } /* Hide from IE 5 Mac \*/ #middle { position: relative; top: 150px; margin: 0 250px 20px 250px; } /* End hack */ #left { position:absolute; width: 250px; top: 150px; left: 10px; z-index:2; /* Tantek Celik Hack for IE5/Win*/ voice-family: "\"}\""; voice-family:inherit; width: 230px; } /* Be Nice to Opera ----------- */ body>#left { width: 230px; } #right { position:absolute; width: 250px; top: 150px; right:10px; z-index:1; voice-family: "\"}\""; voice-family:inherit; width: 230px; } /* Again, "Be nice to Opera 5". */ body>#right { width: 230px; } /* Other Styles ---------------- */ #middle a:link, #middle a:visited { text-decoration: underline; } #visitors p { font-weight: bold; font-size: 125%; } #middle table { } #middle table td { vertical-align: text-top; } td.heading { } /* Latest Intranet Notices */ #middle table#events { border-collapse: collapse; line-height: 1.5em } #middle table#events td { border-bottom: 1px dashed #657D70; } #middle table#events th { text-align: left; font-size: 125%; padding: 3px 0; border-bottom: 1px dashed #657D70; color: #FEFDAC; } #middle table#events td { vertical-align: text-top; padding: 5px 0 5px; } #middle table#events td.event { font-weight: bold; width: 200px; color: #fff; } #middle table#events td.event a:link, #middle table#events td.event a:visited{ color: #ccc; } #middle table#events td.event a:hover{ /*color: #ffff66; -Bright Yellow */ color: #fff; } /* Menu ---------------------------------------------------------------- -----------------------------------------------------------------------*/ /* Hide h2 text*/ .hide { visibility: hidden; } /* Left*/ dt.dept { background: url(/images/menu-april/left/departments.gif) no-repeat top left; height: 25px; margin-top: 0; } dt.ulinks { background: url(/images/menu-april/left/ulinks.gif) no-repeat top left; height: 25px; } dt.itnotices { background: url(/images/menu-april/left/it-notices.gif) no-repeat top left; height: 25px; } dt.marcoaink { background: url(/images/menu-april/left/marcoaink.gif) no-repeat top left; height: 25px; } dt.birthday { background: url(/images/menu-april/left/birthdays.gif) no-repeat top left; height: 25px; } /* Center*/ #visitors h2 { background: url(/images/menu-april/center/visitors.gif) no-repeat top left; height: 25px; } #Notices h2 { background: url(/images/menu-april/center/intranet-notices.gif) no-repeat top left; height: 25px; } h2.directory { background: url(/images/menu-april/center/directory.gif) no-repeat top left; height: 25px; } h2.finance { background: url(/images/menu-april/center/finance.gif) no-repeat top left; height: 25px; } h2.hr { background: url(/images/menu-april/center/hr.gif) no-repeat top left; height: 25px; } h2.it{ background: url(/images/menu-april/center/it.gif) no-repeat top left; height: 25px; } h2.production{ background: url(/images/menu-april/center/production.gif) no-repeat top left; height: 25px; } h2.locator{ background: url(/images/menu-april/center/locator.gif) no-repeat top left; height: 25px; } h2.marcoaBirthdays{ background: url(/images/menu-april/center/birthdays.gif) no-repeat top left; height: 25px; } h2.photos{ background: url(/images/menu-april/center/photos.gif) no-repeat top left; height: 25px; } h2.workorder{ background: url(/images/menu-april/center/work-order.gif) no-repeat top left; height: 25px; } h2.gingerbread{ background: url(/images/menu-april/center/gingerbread.gif) no-repeat top left; height: 25px; } h2.xmas{ background: url(/images/menu-april/center/xmas-party.gif) no-repeat top left; height: 25px; } h2.international{ background: url(/images/menu-april/center/international.gif) no-repeat top left; height: 25px; } /* Right - RSS headers*/ h2.fox{ background: url(/images/menu-april/right/rss-fox.gif) no-repeat top left; height: 25px; margin-bottom: -10px; } h2.slash{ background: url(/images/menu-april/right/rss-slash.gif) no-repeat top left; height: 25px; margin-bottom: -10px; margin-top: 25px; } h2.ala{ background: url(/images/menu-april/right/rss-ala.gif) no-repeat top left; height: 25px; margin-bottom: -10px; } h2.nyt{ background: url(/images/menu-april/right/rss-nyt.gif) no-repeat top left; height: 25px; margin-bottom: -10px; } h2.yb{ background: url(/images/menu-april/right/rss-yb.gif) no-repeat top left; height: 25px; margin-bottom: -10px; margin-top: 35px; } h2.quark{ background: url(/images/menu-april/right/rss-quark.gif) no-repeat top left; height: 25px; margin-bottom: -10px; } h2.adobe{ background: url(/images/menu-april/right/rss-adobe.gif) no-repeat top left; height: 25px; margin-bottom: -10px; margin-top: 35px; } h2.rss-hr{ background: url(/images/menu-april/right/rss-hr.gif) no-repeat top left; height: 25px; margin-bottom: -50px; } h2.bday{ background: url(/images/menu-april/right/rss-bday.gif) no-repeat top left; height: 25px; margin-bottom: -10px; } h2.cnet{ background: url(/images/menu-april/right/rss-cnet.gif) no-repeat top left; height: 25px; margin-bottom: -10px; margin-top: 25px; } h2.slash{ background: url(/images/menu-april/right/rss-slashdot.gif) no-repeat top left; height: 25px; margin-bottom: -10px; margin-top: 25px; }