@import "reset.css"; @import "base.css"; @import "fonts.css"; body, html {color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif} html {min-height: 101%;} body { background-color:#F8E1BF; } h1, h2, h3, h4 {letter-spacing:1px;} h1 {font-size:160%; text-transform:uppercase; font-family:"Trebuchet MS", Helvetica, sans-serif; font-weight: bold; letter-spacing:5px;padding-bottom:10px; margin:0px;} h1.banner {text-transform:none; font-family:Verdana, Geneva, sans-serif; letter-spacing:1px;color:#000;text-align:center;font-size:130%; margin-bottom:20px; line-height:160%; background:#FFD7A1} h1.banner em {font-weight:bold} h2 {font-size:120%;color:#FE9a15;} h3 {font-size:120%; font-style:italic; background-color:#F8E1BF; padding:3px 4px; color:#000} em strong, strong em {font-weight:bold; font-style:italic} .bigLink {background-color:#FE9A15;color:#fff;font-size:110%; font-style:italic; padding:3px 4px; width:510px ; border:1px solid #000;box-shadow:0 4px 8px #333;-moz-box-shadow:0 4px 8px #333;-webkit-box-shadow:0 4px 8px #333; margin-bottom:20px} .bigLink a {color:#fff; text-decoration:none} .bigLink a:hover {color:#000; text-decoration:none} a {color:#000000; text-decoration:underline} a:hover {color:#FE9A15; text-decoration:underline} a:focus {outline: none} .clear {clear:both} .clearHide {clear:both; height:0; max-height:0;} .small {font-size:77%} .bulletIndent {text-indent:10px;} .imgLeft {float:left; padding:0 10px 10px 0} .imgRight {float:right; padding:0 0 10px 10px} .imgCenter {text-align:center; margin:10px 0;} .imgCenter img {border:1px solid #000;box-shadow:0 4px 8px #333;-moz-box-shadow:0 4px 8px #333;-webkit-box-shadow:0 4px 8px #333;} .highlight {color:red} /* --------------------------------------------------*/ #wrapper {margin:0 auto;border-left:1px solid #FE9A15; background-color:#FFFFFF; min-width: 1020px; max-width: 1260px; /* width:1010px; */ width:expression(document.body.clientWidth < 1012? "1020px" : document.body.clientWidth > 1262? "1260px" : "auto"); } #header {height:252px; border-bottom:1px solid #FE9A15; background-color:#FFFFFF;} #header table {margin:0; padding:0; width:100%} #header td {border:none; margin:0; padding:0; text-align:center; vertical-align:top} #header td.left {width:168px} #header td.right {width:336px; padding-left:42px;} .headLeftImg {border-right:1px solid #FE9A15} #container {border-left:1px solid #FE9A15; border-right:1px solid #FE9A15; background-color:#FFFFFF;margin-left: 168px;} #containerInner {padding:20px 20px 10px 20px} #container p { letter-spacing:.5px; line-height:150%;font-size:93%} #container ol,ul {letter-spacing:.5px; line-height:150%;font-size:93%;} #footer {border:1px solid; border-color: #FE9A15 #FE9A15 #FE9A15 #FFD7A1; background-color:#FFD7A1;height:30px; padding-top:6px; font-size:77%; color:#000000; text-align:center; } #left { width:168px; float:left;} #leftContact {padding:40px 5px 0 0; font-size:80%; text-align:right;} #leftContact a {color:#000000; text-decoration:underline} #leftContact a:hover { text-decoration:none} /* --------------------------------------------------*/ #leftNav {color:#ffffff;font-weight:bold;text-align:right;margin:0; padding:0;} #leftNav a {display: block;padding: 2px;border: 1px solid; border-color: #ddd #FE9A15 #000 #ddd; border-right:none;background-color: #ffd7a1; font-size:85%;font-weight: bold;color:#000000;text-decoration:none; line-height:30px; text-transform:uppercase} #leftNav a:hover {background-color: #FE9A15;color:#ffffff;} #home #leftNav .home a, #about #leftNav .about a, #news #leftNav .news a, #calendar #leftNav .calendar a, #qanda #leftNav .qanda a, #endorsements #leftNav .endorsements a, #contribute #leftNav .contribute a, #endorse #leftNav .endorse a, #volunteer #leftNav .volunteer a, #coffee #leftNav .coffee a, #contact #leftNav .contact a {background-color: #FE9A15;color:#ffffff;cursor:default; } /* --------------------------------------------------*/ /*#newsSection {float:right; padding:20px; margin-left:20px; width:240px; background-color:#FE9A15; text-align:center; font-size:90%; letter-spacing:normal; line-height:normal} #newsSection img {margin-bottom:20px}*/ #newsSection {float:right; padding:20px; margin-left:20px; width:240px; background-color:#FE9A15; text-align:center; font-size:90%; font-weight:bold; color:#000 } #cal {height:400px; overflow:auto; text-align:left; background-color:#FFF; padding:0 5px 0 10px} #cal p {font-size:85%} #cal strong {color:#FE9A15} #newsSection a:hover { color:#fff} #newsSection #cal a:hover {color:#FE9A15; text-decoration:underline} #newsSection h2 {letter-spacing:2px; color:#000} #newsSection h1 {color:#fff; font-size:170%;} #newsSection hr { margin:10px 0; border:1px dashed #fff; height:1px;} /*
--------------------------------------------------*/ .tdr {text-align:right;} .tdl {text-align:left; } input { font-family: Verdana, Geneva, sans-serif; background-color:#eee; border:1px solid #ddd; width:250px; padding:.5em .3em; font-size:14px} .button { margin:3em 0;background-color:#FE9A15; border:1px solid black; cursor:pointer; color:#fff; font-weight:bold;box-shadow:0 4px 8px #333;-moz-box-shadow:0 4px 8px #333;-webkit-box-shadow:0 4px 8px #333;-webkit-border-radius:5px;-khtml-border-radius:5px; -moz-border-radius:5px;border-radius:5px;} textarea {font-family:"Courier New", Courier, monospace; font-size:100%; background-color:#DCDDD5; border:1px solid #000000; width:250px;} .asterisk {color:#934232; font-size:77%} label {font-size:14px; font-weight:bold} input.checkbox {width:auto} /* --------------------------------------------------*/ .inpErr {background-color:#bc2d33; color:#ffffff} .inpOK {background-color:white; color:#000000} .errorDiv {color:#bc2d33; font-weight:bold; padding:5px 0 0 0; } .noerror {font-weight:normal; margin:0; color:#565655;} /* --------------------------------------------------*/ a.pdf {background: url(../images/imagesCMS/pdf.png) no-repeat left center;padding-left: 20px;line-height: 16px; } a.txt {background: url(../images/imagesCMS/txt.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.zip { background: url(../images/imagesCMS/zip.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.email {background: url(../images/imagesCMS/email.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.external {background: url(../images/imagesCMS/ext_link.png) no-repeat left center;padding-left: 20px;line-height: 16px;} a.rssfeed {background:url(../images/imagesCMS/rss48.png) no-repeat left center; padding-left:52px; line-height:48px}