/* A color palette #336699 Slate blue (lighter #76a6d2)) #339999 Aqua #339966 Forest #339966 Kelly #333399 Royal blue #4785c2 Moderate blue #d1a375 Sandstone #669933 Algae green #663399 Purple #75A3D1 Sky blue #C28547 Dark tan #999933 Pea Green #993399 Magenta #993366 Cranberry #993333 Brick red #996633 Brown Color Selections Primary Background - tannish (wheat) Header for each page (was #01afff) Slate Blue Table Backgrounds - (was wheat) Pea Green Link linst - (was teal) Cranberry */ /* core support */ body { margin:0px; padding:0px; font:0.9em verdana,tahoma,sans-serif; line-height:1.3em; color: black; background: wheat; } p { margin:0px; padding-top:5px; padding-bottom: 5px; text-align:justify; } h3 { font:bold 0.8em verdana, tahoma, sans-serif;text-transform:uppercase;margin:0px;padding:0px; color: black; } /* Support for acronyms and other annotations */ acronym { text-decoration:underline; border: 1px;} } // Major sections -- fixed positions /* // Microsoft IE does not understand min-width so a javascript hack is used instead // per http://perishablepress.com/press/2007/01/16/maximum-and-minimum-height-and-width-in-internet-explorer/ */ #container { zindex:0; position:absolute; left:0px; top:0px; margin:0px; padding:0px;min-width:725px; } // Used to prevent the page from being made too narrow #minarea { z-index:0; position:absolute; left:0px; top:0px; margin:0px; padding:0px; width:700px; } #intro { background: #76a6d2; position:absolute; left: 220px; top: 0px; min-width: 540px; height: 320px; float:right; margin: 0px; } * html div#intro { width: expression ( document.body.clientWidth < 619 ? "620px" : "auto" ); /* min-width for IE */ } #introVBandOverlap { z-index:1; position:absolute; top: 0px; right: 0px; width: 100px; height: 320px; margin: 0px;} #introVBand { z-index:1; position:relative; top: 0px; width: 100px; height: 310px; margin: 0px; margin-left: 6px; float: right;} /* Linklist height wants to be 340px, but adding 100 for the specialalert */ #linkList { z-index:1; position:absolute;left:0px;top:440px;width:175px;font-size:0.8em;padding-left:10px;float:left; } /* SupportingText height wants to be 350px, but adding 100 for specialalert */ #supportingText { zindex:5; position:absolute; left:185px; top:450px; min-width: 580px; float: right; padding:10px; margin-bottom: 40px; text-indent: 1cm; text-align: justify; } #WTABLogo { z-index:1; position: absolute; left: 0px; top: 0px; width: 220px; height: 250px; font: verdana, tahoma, sans-serif; color: black; margin: 0px;} #WTABLocation { z-index:1; position: absolute; left: 0px; top: 241px; width: 220px; height: 79px; font: .8em verdana, tahoma, sans-serif; color: black; background: #76a6d2; } #specialalert { z-index:1; position: absolute; top:320px; left: 0px; height: 100px; width: 100%; text-align: center; font: italic bold .8em verdana, tahoma; background: yellow; text-align: center; } #footer { position:absolute; left: 0px; bottom: 0; font: .5em; text-transform:uppercase; text-align: center; margin: 0px; padding-bottom: 6px;} /* Intro settings */ #pageHeader { padding-top:0px;} #pageHeader h1 { font: bold 1.5em verdana, tahoma, sans-serif; color: wheat; text-align: center; padding: 0px; margin-top: 10px; margin-bottom: 0;} #pageHeader h2 { font: italic bold .8em verdana, tahoma, sans-serif; text-align: center; color: wheat; margin-top: 0;} #quickSummary { margin-left: 80px; text-align: right; margin-right:10px; margin-top:5px; color: wheat; letter-spacing: 2px;line-height: .9;} #quickSummary p { text-align:right; font: bold 1.0em; color: black; } #preamble { padding:10px;padding-top:0px;margin:0px;clear:left; color: wheat; } #preamble p { line-height: 1.0; font: italic 1.0em; color: black; padding-bottom: 2px;} #preamble h3 { width:278px;height:36px; padding-top: 10px;} /*#band p { background-image:url(images/WowTakeABow_Logo_Black_small_02272004.jpg); background-repeat:repeat-x;}*/ #band p { background: url(images/WowTakeABow_Logo_Black_small_02272004.jpg) repeat-x;} /* Supporting Text -- most of the content */ #supportingText h1 { font: bold 1.2em verdana, tahoma, sans-serif; text-align: center; padding: 0px;} #supportingText h2 { font: bold .9em verdana, tahoma, sans-serif; text-align: center; padding-top: 7px;} #supportingText h3 { font: italic bold .7em verdana, tahoma, sans-serif; text-align: center; padding: 5px; margin-top: 10px;} #supportingText p.excerpt { border: 2px solid #0066ff; background-color: lightblue; padding: 5px; margin-left:20px; margin-right:20px; margin-top:8px;margin-bottom:8px; } #supportingText table { margin:0px; padding:0px; font:0.8em verdana,tahoma,sans-serif; line-height:1.3em; color: black; background: #999933; text-align: left; } #supportingText table th { background: #75a3d1; } #supportingText p.pressrelease { border: 2px solid #0066ff; background-color: pink; padding: 5px; margin-left:20px; margin-right:20px; margin-top:8px;margin-bottom:8px; } /* Linklist area */ #linkList h3 { font: 1.2em; padding: 10px; } #specialalert h1 { font: bold .9em; } #specialalert p { font: italic bold .8em; } /* #linkList h3.services { width:139px; height:39px; } #linkList h3.services span { display:none; } #linkList h3.select { width:139px; height:39px; } #linkList h3.select span { display:none; } #linkList h3.resource { width:139px; height:39px; } #linkList h3.resources span { display:none; } */ #linkList ul { margin:0px; padding:0px;} #linkList li { list-style-type:none; display: block; padding: 1px; margin: 0px; } #linkList li a { color: #993366; font: bold 1.2em ; } #supportingText table.pkit { border: 1px solid ; padding: 2px; margin: 2px; width: 90%; table-layout:fixed; } #supportingText table.pkit colgroup col.cg1 { width: 20%; font: bold; background: coral;} #supportingText table.pkit colgroup col.cg2 { width: 80%; background: indianred;} #supportingText table.pkit tr td { font: verdana, tahoma, sans-serif; padding: 3px; margin: 4px;} /* Support for uniform photo bars */ /*.pix { float: left; width: 100px; border: 1px; margin: 0 10px 10px 0; }*/ .pix { border: 2px; margin: 0 10px 10px 0; } /* extra stuff */ /*)#extraDiv1 { z-index:1;position: absolute; left: 0px; top: 0px; width: 168px; background:url(images/Logo.jpg) no-repeat top left; }*/ //#WTABLogo img { border: 0px; } /* Miscellaneous tricks*/ img.left { border: solid 1px; padding: 0px; margin: 0 7px 2px 0; display: inline; } img.right { border: solid 1px;padding: 0px; margin: 0 0 2px 10px; display: inline; } img.center { border: solid 1px;display: block; margin-left: auto; margin-right: auto; } .right { float: right; } .left { float: left; } div.pictureArea {position:relative; margin-left:auto; margin-right:auto;}