/* Conversion chart for pixels (px) vs points (pt) - pixels are preferred Rough guide - maybe needs adjustments pgtitle 21px == 16pt votitle 17px == 15pt sectitle 16px == 14pt subsectitle 15px == 13pt vosubtitle 13px == 12pt normal 13px == 12pt smaller 12px == 11pt small 11px == 9pt height seems the same, but 11px displays characters a little closer together than 9pt xsmall 10px == 8pt tiny 9px == 7pt */ BODY.homepg { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; background-color: #304883; } BODY.planning { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; /* not for printing background-color: #ccffff; */ } BODY.inside { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; /* not for printing background-image : url("images/idsidebg.jpg"); background-repeat : repeat-y; background-color: #ccffff; margin-top: 0px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; */ /* Hack for IE5 which doesn't handle left and right margins set to 'auto'. * Side effect: need to explicitly set 'text-align' elsewhere to override this value in */ text-align:center; } #idpgtop {display: none;} #idpgleft {display: none;} /* 'inside' pages: creating top, left, and main body panels */ #idpgbody { /* not for printing font-family: Verdana, Geneva, sans-serif; font-size: 14px; padding-left: 242px; padding-right: 50px; padding-top: 10px; z-index: 5; */ /* counteract the effects of text-align:center in the BODY, which we needed to do to fix IE4,5,6 DIV-centering problem */ text-align: left; } /* print link handling: dkgray and bold the link */ #idpgbody a { color: #333; background: transparent; font-weight: bold; text-decoration: none; } /* option to cause href to be printed in parens after text */ a.printhref:after { content: " (" attr(href) ") "; text-decoration: underline; font-size: 80%; } .noprint {display: none;} a.sidemenu { position:absolute; left:52px; font: normal small-caps 500 12px sans-serif; text-decoration: none; } a.sidemenu:link {color: #FFFFFF} a.sidemenu:visited {color: #CCCCFF} a.sidemenu:hover {color: #ffffff; font-weight:bold} a.sidemenu:active {color: #FFFFFF} TD.usetopbg { background-image : url("images/idtopbg.jpg"); background-repeat : repeat-x; } /* inside idpgtop panel */ #itm1 { top:80px } /* inside idpgleft panel */ #itm2 { top:36px } #itm3 { top:107px } #itm4 { top:180px } #itm5 { top:251px } #itm6 { top:326px } #itm7 { top:397px } #itm8 { top:469px } #itm9 { top:540px } #itm10 { top:612px } #itm11 { top:684px } #itm12 { top:758px } #itm13 { top:830px } /* font classes */ .pgtitle { color: #800080; font-size: 16pt; font-weight: bold; } .sectitle { color: #800080; font-size: 12pt; font-weight: bold; } .secsubtitle { color: #800080; font-size: 11pt; font-weight: normal; /* padding-left: 40px; */ } .yellowbg { background-color: #FFFF00; } INPUT.btn { color: #000; font-family:'trebuchet ms',helvetica,sans-serif; font-size:84%; font-weight:bold; border:1px solid; border-top-color:#999; border-left-color:#999; border-right-color:#666; border-bottom-color:#666; background-color:#ccf; /* gradient background shading works only for IE5+ */ filter:progid:DXImageTransform.Microsoft.Gradient( GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffaaaaff'); } INPUT.btnhov /* btn hover */ { border-top-color:#c63; border-left-color:#c63; border-right-color:#930; border-bottom-color:#930; } /* CSS Buttons - alternative to buttons Usage: Button 1 */ a.btn { text-decoration: none; } /* not for printing a.btn:link, a.btn:visited { margin: 2px 5px 2px 5px; padding: 3px; border-top: 2px solid #cccccc; border-bottom: 2px solid black; border-left: 2px solid #cccccc; border-right: 2px solid black; background: #ddddff; text-align: center; color: #000000; } a.btn:hover { background: #ccccff; } a.btn:active { border-bottom: 2px solid #eeeeee; border-top: 2px solid black; border-right: 2px solid #eeeeee; border-left: 2px solid black; } */ /* end CSS buttons */ UL { list-style-type: square; } UL.tight { list-style-type: disc; font-size: 9pt; line-height: 130%; /* "need both margin-left and padding-left for this to work across all browsers" */ margin-left: 15px; padding-left: 15px; } a:link {color: #3333ff} /* unvisited link (blue) */ a:visited {color: #990099} /* visited link (purple) */ a:hover {color: #3366FF} /* mouse over link */ a:active {color: #330066} /* selected link */ TABLE.centered,TABLE.centerbox,TABLE.lightbox { margin-left: auto; margin-right: auto; font-weight: normal; font-size : 10pt; } TABLE.centerbox { /* not for printing background-color : #cccccc; border:1px solid black; */ } TABLE.lightbox { /* not for printing background-color : #99ffff; border:1px solid black; */ } TABLE.whitebox { /* not for printingbackground-color : #eeffff; border:1px solid #304883; */ } TABLE.fullwideborderbox { /* not for printing background-color : #f5f5f5; border:1px solid black; */ /* can't get inside borders for some reason border-collapse: separate; border-spacing: 2pt; */ /* hack for IE5.5 which doesn't include border in its width calculation: pre IE6 browsers ignore second width line Problem: IE6 still cuts off if width>= 95% */ width: 90%; width/**/:/**/ 90%; } TABLE.fullborderbox { font-weight: normal; font-size : 9pt; /* hack for IE5.5 which doesn't include border in its width calculation: pre IE6 browsers ignore second width line. Problem: IE6 still cuts off if width>= 95% */ width: 85%; width/**/:/**/ 90%; } TABLE.fullembeddedborderbox { margin-left: auto; margin-right: auto; border:1px solid black; /* not for printing--> background-color : #f5f5f5; */ font-weight: normal; font-size : 9pt; width: 100%; } IMG.framed { border-style: outset; border-color: #3333FF; border-width: 2px; } .pindent { padding-left: 40px; } .smindent { padding-left: 20px; } .smalltext { font-size: 9pt; line-height: 120%; } .xsmalltext { font-size: 8pt; line-height: 120%; } .tinytext { font-size: 7pt; line-height: 120%; } .frm { font-size: 11px; font-family: sans-serif; } /* gallery - duplicated from cccstyle.css */ table.album { /* not for printing border:2px green ridge; border-spacing: 2px 2px; border-collapse: collapse; background-color: #FFFFF0; */ } td.album { padding: 2px 4px 2px 4px; /* top, right, bottom, left */ -moz-border-radius: 0px 0px 0px 0px; font-size:8pt; } a.tn:link img {border: 1px solid #C0C0C0; } a.tn:visited img {border: 1px solid #C0C0C0; } a.tn:hover img {border: 1px solid black; } a.tn:active img {border: 1px solid #C0C0C0; } IMG.seltn { border:2px #000080 solid; } IMG.mainimg { border:1px #808080 ridge; } .captext { font-size: 8pt; line-height: 120%; } #pictxt { font-size:8pt; line-height: 80%; } /* used by planning pages, e.g. volunteer.php and volist.php */ TABLE.maintbl { /* not for printing border:2px solid black; background-color : #cccccc; */ font-weight: normal; font-size : 12px; } TABLE.graybox { /* not for printing background-color : #cacaca; */ } TR.colhdr { /* not for printing background-color : #999999; */ } TR.ltrow { /* not for printing background-color : #eeeeee; */ } TR.dkrow { /* not for printing background-color : #d3d3d3; */ } .ctrCol { text-align: center; } .leftCol { text-align: left; } .fms { font-weight: normal; font-size : 12px; } .fml { font-weight: bold; font-size : 12px; } .fnum { font-weight: normal; font-size : 12px; text-align: right; } /* used by planscript.js */ #fixedtipdiv{ position:absolute; padding: 2px; border:1px solid black; font:normal 12px Verdana; line-height:18px; z-index:100; }