/* = = = = = = = = = = = = = = = = = = = = = Global Page Styles = = = = = = = = = = = = = = = = = = = = = = */ body { font-size: small; /* set base for all other font-size rules */ font-family: Verdana, Verdana, Geneva, sans-serif; font-weight: normal; width: 90%; margin: 0px auto; min-width: 1000px; background-image: url(images/gradientfromtop.gif); background-repeat: repeat-x; } body#help { font-size: small; /* set base for all other font-size rules */ font-family: Verdana, Verdana, Geneva, sans-serif; font-weight: normal; width: 100%; margin: 0px auto; min-width: 300px; } /* = = = = = = = = = = = = = = = = = = = = = = Header = = = = = = = = = = = = = = = = = = = = = = = */ .header { margin-bottom: 15px; padding: 0px; } /* = = = = = = = = = = = = = = = = = = = = = = Nav = = = = = = = = = = = = = = = = = = = = = = = */ td.navBackground { background-color: #737373; width: 100px; } /* = = = = = = = = = = = = = = = = = = = = = = Wrappers = = = = = = = = = = = = = = = = = = = = = = = */ .headerWrapper { width: 100%; margin: 0px auto; min-width: 1000px; } .menuwrapper { width: 100%; border: 1px solid #c6c6c6; /* lt med grey */ height: 21px; color: #999; /* med grey */ font-size: 9pt; background-image: url(images/menu_grad_bkgrd.jpg); background-repeat: repeat-x; margin: 0px auto; display: block; clear: both; min-width: 1000px; z-index: 10; box-shadow:0px 2px 3px #808080; -moz-box-shadow:0px 2px 3px #808080; -webkit-box-shadow:0px 2px 3px #808080; } .menuwrapper p { padding: 0px 20px 0px 20px; vertical-align: 35%; text-align: center; display: inline; } .footerwrapper { width: 100%; border: 1px solid #c6c6c6; /* lt med grey */ height: 21px; color: #999; /* med grey */ font-size: 9pt; background-image: url(images/menu_grad_bkgrd.jpg); background-repeat: repeat-x; margin: 0px auto; display: block; clear: both; min-width: 1000px; z-index: 10; box-shadow:0px 2px 3px #808080; -moz-box-shadow:0px 2px 3px #808080; -webkit-box-shadow:0px 2px 3px #808080; } /* = = = = = = = = = = = = = = = = = = = = = = Text = = = = = = = = = = = = = = = = = = = = = = = */ a {text-decoration:none;} .regtext {color:#000000;font-size:10pt;} .my8pt {color:#000000;font-size:8pt;} /* news articals */ .plaintext {color:#0A479A; font-size:8pt;} a.plaintext:link{color:#0A479A;} a.plaintext:visited{color:#000000;} a.plaintext:hover{color:#3D3D3D;} a.plaintext:active{color:#000000;} /* pcdudes ad */ .greytext {color:#737373; font-size:8pt;} a.greytext:link, a.greytext:visited {color:#737373;} a.greytext:hover{color:#3D3D3D;} a.greytext:active{color:#737373;} /* small links by arrows */ .kiLink {font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#6599cb; text-decoration:none;} a.kiLink:link {color:#6599cb;} /* ki blue */ a.kiLink:visited {color:#6599cb;} /* ki blue */ a.kiLink:hover, a.kiLink:active {color:#df191b;} /* ki red */ /* news articals on sub pages */ .kiBigLink {font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#0A479A; text-decoration:none;} a.kiBigLink:link {color:#0A479A;} a.kiBigLink:visited {color:#000000;} a.kiBigLink:hover {color:#3D3D3D;} a.kiBigLink:active {color:#000000;} .kiHeader{color:#696969; font-family:Arial, Helvetica, sans-serif; font-size:12pt;} a.kiHeader:link, a.kiHeader:visited{color:#696969;} a.kiHeader:hover{color:#3D3D3D;} a.kiHeader:active{color:#696969;} .kiBlkLink {color:#333333; font-size:12px;} a.kiBlkLink:link, a.kiBlkLink:visited{color:#333333;} a.kiBlkLink:hover, a.kiBlkLink:active {color:#df191b;} .kiCalLink {color:#333333; font-size:12px;} a.kiCalLink:link, a.kiCalLink:visited{color:#333333;} a.kiCalLink:hover, a.kiCalLink:active{color:#df191b;} /* small links in footer */ .footerLink {font-size:10px; color:#666666; text-decoration:none;} /* was 6599cb */ a.footerLink:link, a.footerLink:visited {color:#6599cb;} /* ki blue */ a.footerLink:hover, a.footerLink:active {color:#df191b;} /* ki red */ /* ALERTS */ .kiAlert, .kiAlert:link, .kiAlert:visited, .kiAlert:hover, .kiAlert:active {color:#df191b; font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold;} .kiAlertBox {background-color:#df191b;color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10pt; font-weight: bold;line-height: 18pt;} .kiBigAlert, .kiBigAlert:link, .kiBigAlert:visited, .kiBigAlert:hover, .kiBigAlert:active {color:#df191b; font-size:12pt; font-weight: bold;} h2.kiBlkHeadLink, h2.kiBlkHeadLink a, h2.kiBlkHeadLink a:visited, h2.kiBlkHeadLink a:hover, h2.kiBlkHeadLink a:active {font-family:Arial, Helvetica, sans-serif;font-size:14pt;color:#333333;font-weight:bold; display:inline;} .kiBlkHeadLink, .kiBlkHeadLink a, .kiBlkHeadLink a:visited, .kiBlkHeadLink a:hover, .kiBlkHeadLink a:active {font-family:Arial, Helvetica, sans-serif;font-size:14pt;color:#333333;font-weight:bold; display:inline;} .kiHeader{color:#696969; font-family:Arial, Helvetica, sans-serif; font-size:12pt;} .kiText{color:#0A479A; font-size:9pt;} .kiBlkText{color:#3D3D3D;font-size:9pt;} .kiBlkText li {list-style-image: url('http://www.katotest.com/images/redStar.png'); padding-bottom: 5px;}/* list on business_signup.php */ .kiSubText{color:#666666;font-size:8pt;} div.big a, div.big a:visited, div.big a:hover, div.big a:active{ font-family: ‘Arial Black’, Arial Black, Gadget, sans-serif; /* ************* WAS: (pre H1 switch) ************** font-size: 36pt; margin-top: 0px; margin-bottom: 0px; display: inline; vertical-align: bottom; text-align: justify; line-height: .025em; */ font-size: 36pt; margin-top: 0px; margin-bottom: 0px; display: inline; vertical-align: bottom; text-align: justify; /*sub;*/ line-height: 28pt; text-shadow:0px 2px 3px #808080; -moz-text-shadow:0px 2px 3px #808080; -webkit-text-shadow:0px 2px 3px #808080; } a#red, a#red:visited, a#red:hover, a#red:active{ color: #df191b; /*Red */ } a#black, a#black:visited, a#black:hover, a#black:active{ color: #333333; } h2#tagline a, h2#tagline a:visited, h2#tagline a:hover, h2#tagline a:active { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; color: #333333; text-align: center; vertical-align: top; font-weight: bold; font-variant: small-caps; white-space: nowrap; display: inline; /* line-height: 0em; */ line-height: 16pt; } /* this is the same as h2 of the same name, I figured we should switch to the h1 for seo. */ h1.mainBoxHeadline, h1.mainBoxHeadline a, h1.mainBoxHeadline a:visited, h1.mainBoxHeadline a:hover, h1.mainBoxHeadline a:active { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; color: #df191b; font-weight: bold; margin: 0px; display: inline; text-shadow: 0px 2px 3px #b2b2b2; -moz-text-shadow: 0px 2px 3px #b2b2b2; -webkit-text-shadow: 0px 2px 3px #b2b2b2; } p.mockH1 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; color: #df191b; font-weight: bold; margin: 0px; display: inline; text-shadow: 0px 2px 3px #b2b2b2; -moz-text-shadow: 0px 2px 3px #b2b2b2; -webkit-text-shadow: 0px 2px 3px #b2b2b2; } h2 { /* large titles and old business directory title */ font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #333333;/* dk grey */ font-weight: bold; margin: 0px; display: inline; } h2.red { color: #df191b; /* red */ } h2.mainBoxHeadline, h2.mainBoxHeadline a, h2.mainBoxHeadline a:visited, h2.mainBoxHeadline a:hover, h2.mainBoxHeadline a:active { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; /* color: #df191b; OLD */ color: #B3C7A9; /* this is to tell what has to be switched */ font-weight: bold; margin: 0px; display: inline; text-shadow: 0px 2px 3px #b2b2b2; -moz-text-shadow: 0px 2px 3px #b2b2b2; -webkit-text-shadow: 0px 2px 3px #b2b2b2; } h3 { /* Directory Heading */ font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #333333;/* dk grey */ font-weight: bold; margin: 0px; } /* = = = = = = = = = = = = = = = = = = = = = = odd ball styles = = = = = = = = = = = = = = = = = = = = = = = */ .hoverRow {background: #EEEEEE;} .centerThis {margin: 0px auto;} /*used on admin.php and more */ .dirIndent {padding-left: 10px;} /*used on directory header */ .halfBR {line-height: .5em;} .quarterBR {line-height: .15em;} a.kiLink img {border: none;} /* plus btn */ .ltHR {width:100%;background-color:#e5e5e5;color:#e5e5e5;height:1px; border-width: 0px;style: solid;} .ltrHR {width: 100%;background-color: #cccccc;color: #cccccc; height: 1px; border-width: 0px; style: solid;} .box3d {box-shadow:0px 2px 3px #808080; -moz-box-shadow:0px 2px 3px #808080; -webkit-box-shadow:0px 2px 3px #808080;} .greyBk {background-color: #EBEBEB; } /* = = = = = = = = = = = = = = = = = = = = = = *note: school closing canbe found on 'closings.css' = = = = = = = = = = = = = = = = = = = = = = = */ /* = = = = = = = = = = = = = = = = = = = = = = weather = = = = = = = = = = = = = = = = = = = = = = = */ span.ampm { font-size: 8pt; display: block; color: #999999; line-height: 2px; vertical-align: bottom; position: relative; top: 6px; } td.boxAM { background-color: #ffffff; font-size: 8pt; padding-bottom: 4px; color: #999999; } td.boxPM { background-color: #f0f2f2; font-size: 8pt; padding-bottom: 4px; color: #999999; } /* = = = = = = = = = = = = = = = = = = = = = = Buttons = = = = = = = = = = = = = = = = = = = = = = = */ a.kiBtn { background: transparent url('images/btnBackA.png') no-repeat scroll top right; color: #FFF; font-weight:bold; display: block; float: left; font: normal 10px arial, sans-serif; height: 20px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */ text-decoration: none; box-shadow:0px 2px 3px #808080; -moz-box-shadow:0px 2px 3px #808080; -webkit-box-shadow:0px 2px 3px #808080; } a.kiBtn span { background: transparent url('images/btnBackSpan.png') no-repeat; display: block; font-weight:bold; line-height: 10px; padding: 5px 0 5px 18px; } a.kiBtn:active { background-position: bottom right; color: #FFF; outline: none; /* hide dotted outline in Firefox */ } a.kiBtn:active span { background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ } .otherSites { margin-top: 0px; margin-bottom: 10px; } .otherSites p { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; /* was b9b9b9 med grey */ font-weight: bold; display: inline; text-align: right; } .otherSites a, .otherSites a:visited, .otherSites a:active { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #df191b; text-align: right; font-weight: bold; display: inline; text-decoration: none; } .otherSites a:hover { color: #0058ee; text-decoration: underline; } .searchBox, .searchBox:focus { width: 100%; border: 1px solid #c6c6c6; height: 21px; /* 21*/ font-family: Verdana, Verdana, Geneva, sans-serif; color: #999; font-size: 9pt; vertical-align: 35%; background-image: url(images/search_grad_bkgrd.gif); background-repeat: repeat-x; display: inline; position: relative; z-index: 90; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } .searchBtn { width: 80px; border: 1px solid #c6c6c6; /* #c6c6c6 lt med grey */ height: 25px; font-family: Verdana, Verdana, Geneva, sans-serif; color: #737373; /* #999; med grey */ font-size: 9pt; background-image: url(images/menu_grad_bkgrd.jpg); background-repeat: repeat-x; display: inline; vertical-align: middle; text-align: center; position: relative; } .greybutton{ cursor: pointer; border: outset 1px #ccc; background: #999; color: #666; font-weight: bold; padding: 1px 2px; background: url(images/greybtnbg.gif) repeat-x left top; } .redbutton{ cursor: pointer; border: outset 1px #970303; background: #999; color: #ffffff; padding: 1px 2px; background: url(images/redbtnbg.gif) repeat-x left top; } /* = = = = = = = = = = = = = = = = = = = = = = btn switch from href to form input 031012 = = = = = = = = = = = = = = = = = = = = = = = */ input.testBtn { cursor: pointer; border: outset 1px #970303; background: #999; color: #ffffff; padding: 1px 20px; background: url(images/redbtnbg.gif) repeat-x left top; margin: 0px 0px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow:0px 2px 3px #808080, inset 0 4px 6px rgba(255,255,255,.4); -moz-box-shadow:0px 2px 3px #808080, inset 0 4px 6px rgba(255,255,255,.4); -webkit-box-shadow:0px 2px 3px #808080, inset 0 4px 6px rgba(255,255,255,.4); } input.testBtn:hover { text-decoration: underline; box-shadow:0px 1px 1px #808080, inset 0 4px 6px rgba(255,255,255,.2); -moz-box-shadow:0px 1px 1px #808080, inset 0 4px 6px rgba(255,255,255,.2); -webkit-box-shadow:0px 1px 1px #808080, inset 0 4px 6px rgba(255,255,255,.2); } input#addMeInput { padding: 0px 0px; width: 24px; text-align: center; font-size: 20px; line-height: 0px; height: 24px; } input#addMeInput:hover { text-decoration: none; } input::-moz-focus-inner /*Remove button padding in FF*/ { border: 0; padding: 0; } /* = = = = = = = = = = = = = = = = = = = = = = Directory List = = = = = = = = = = = = = = = = = = = = = = = */ #directoryList_menu{ font-family: ‘Arial’, Arial, Gadget, sans-serif; /* Font for main menu items */ font-weight: bold; width: 200px;/* Width of main menu */ margin-top: 0px; z-index: -1; } #directoryList_menu li{ /* Main menu
  • */ list-style-type: none; margin: 0px; /* No margin - needed for Opera */ color: #000; border-bottom: 1px solid #e5e5e5; /* lt grey */ line-height: 20px; vertical-align: middle; margin: 0px; padding: 0px; z-index: -1; } #directoryList_menu ul{ margin: 0px; /* No