/* LIVE VERSION */ /* Colours used: Green: #07000 Orange: #FFDD6D;( was #FFCC00) Gray text: #525252 Gray shading: #cacaca */ /* beige: #F5F5DC /* was new-std.css */ /* First, include all reset css code, then define the global styles */ /* **************** BEGIN RESET OF ALL CSS STYLES *************************** Sourced from Eric Meyer Link: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ Purpose is to reset all CSS properties to enable simpler cross-browser compatibility by forcing designer to set all desired attributes manually in the CSS Should import this css to all active html pages ***************************************************************************** */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* ********************************** END OF RESET CSS CODE ******************************** */ /* DESCRIBE GLOBAL STYLE ****************************************************************************** */ body /* basic font, etc. unless overridden in sections below */ { width: 90%; /* prev 800px */ /* live was 100% */ margin: 0; padding:0; margin-left: 0px; /* ***WAS 10PX */ /* for narrower version, add this: */ margin-left: 5%; background: #006699; /* #eee; */ /* active font: */ font-family: Tahoma, Verdana, "Trebuchet MS", Arial, Helvetica; font-size: 12px; /* alternate fonts - if desired, copy to replace "active" line above font-family: Century Gothic, Trebuchet MS, Tahoma, Tahoma, Arial, Helvetica; font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica; font-family: Verdana, Trebuchet MS, Arial, Helvetica; font-family: Tahoma, Verdana, Trebuchet MS, Arial, Helvetica; font-family: Arial, Helvetica; font-family: Georgia; */ /* font size options - can apply instead of PX value above; note that percentages don't translate well in FF */ /* font-size: 80%; */ /* For this font: Use this size-see above: Cent gothic 80% (13px) Tahoma 80% Trebuchet MS 85% Verdana 75% Arial 80% */ font-weight: normal; /* was 300; */ color: #666; /* was #525252; */ min-height: 100%; /* req'd so nav left & right will go full height of body element */ height: 100%; /* req'd so nav left & right will go full height of body element */ /* background: purple; */ /* for testing only */ line-height: 150%; } body b {font-weight: 600;} body p {margin-top: 0px; margin-bottom: 15px;} .sigline p {margin-top: 0px; margin-bottom: 0px;} /* for signature area on articles */ p.contact { font-size: 20px;} /* contact us page */ .reset { font-size: 110%; padding-right: 10%; margin-right: 0%; background:yellow; /* for testing only */ margin-left: 0; } /* Headline font / border changes - also for entire sheet ******************************************** */ /* margins TOP....RT..BOT..LEFT */ /* All lefts h1-5 were 10 */ /* Backups Mar 1/11: */ /*h2 { margin: 10px 0px 06px 0px; font-size: 133%; color: #007000; font-weight: 500; line-height: 120%; } */ /*h1 { margin: 0px 0px 0px 0px; font-size: 175%; color: #007000; font-weight: 500; line-height: 120%; border-bottom: solid 2px #cacaca; } */ h1 { margin: 0px 0px 00px 0px; font-size: 150%; color: #007000; font-weight: 500; line-height: 120%; border-bottom: solid 2px #cacaca; } h2 { margin: 24px 0px 02px 0px; font-size: 133%; color: #007000; font-weight: 500; line-height: 120%; } h2.first {margin-bottom: 20px; } h3 { margin: 0px 0px 20px 0px; font-size: 133%; color: #999; font-weight: 500; line-height: 120%; } /* backup: h3 { margin: 04px 0px 10px 0px; font-size: 133%; color: #007000; font-weight: 500; line-height: 120%; } */ h4 { margin: 0px 0px 0px 0px; font-size: 175%; color: #007000; font-weight: 500; line-height: 120%; border-bottom: solid 2px #cacaca; width: 89%; } h5 { margin: 2px 0px 2px 0px; font-size: 100%; color: #525252; font-weight: 600; line-height: 100%; text-decoration: none;} /* use for bottom nav bar */ h6 { margin: 15px 0px -5px 0px; font-size: 85%; color: #007000; font-weight: 500; line-height: 200%; text-align: center; border-top: solid 1px #cacaca } /* use for hdr in footer only */ /* h4 { margin: 15px 0px 0px 10px; font-size: 110%; color: #007000; font-weight: 400; line-height: 100%; } */ /* table header defaults cascade to any tbl definitions: */ th { font-size: 133%; color: #007000; font-weight: 500; /* same as basic H2 */ background: #efefef; margin: 0px; padding: 8px; padding-left: 16px; border-bottom: 3px solid #007000; } /* for breadcrumb sections at top of center col */ .bc, .bc a {font-size: 90%; color: #ccc; line-height: 90%; margin-top: -15px; padding-bottom: 5px; margin-bottom: 5px; text-decoration: none; } .bc a:hover {background: none;} /* new - include other types of sections, should be inheritable */ .regtext { font-size: 100%; padding-right: 0%; /* was 10% */ margin-right: 0%; /* was 10% */ margin-left: 0; } /* basic link style, entire body section unless over-ridden in other class/div - green, underline, with orange bg on hover */ body a { text-decoration: underline; color: #007000; font-weight: 500; } body a:hover { text-decoration: none; color: #007000; background: #FFDD6D; } /* was #ffcc00 */ /* class for single orange border around section - indent a little, make < full width, std text formatting otherwise */ /* note orangebox was width: 90%, but removed Dec09 */ .orangebox { border: solid 1px #FFDD6D; padding: 10px; padding-bottom: 6px; background: #fafafa; margin-top: 5px; margin-bottom: 5px;} /* margin: 5px added Aug09 - could be removed if needed */ .orangebox p { margin-top: 4px; margin-bottom: 4px; padding: .5em;} .orangebox h2 { padding: 0em 0.5em; font-size: 120%; margin-top: 6px;} .orangebox_header { margin-bottom: -5px; border-bottom: none;} /* following is orange box as above except with beige bg, lines between para's, and 70% width */ .orgbox_beige_70 { border: solid 1px #FFDD6D; width: 70%; background: #F5F5DC; margin: 10px;} .orgbox_beige_70 p { border-top: 1px solid #cacaca; margin-left: 4px; padding: 6px; padding-top: 12px; width: 95%;} .orgbox_beige_70 h2 { background: #efefef; margin: 0px; margin-bottom: -1px; padding-left: 16px; padding-bottom: 6px; padding-top: 8px; } .codebit { border: solid 1px #FFDD6D; width: 85%; padding: 6px; padding-bottom: 6px; background: #fafafa; margin: 5px; margin-left: 5%; margin-right: 5%;} .codebit p { font-family: "Courier New"; font-weight: 400; color: black; margin-top: 0px; margin-bottom: 0px; padding: 0em;} /* Testimonial layout Dec 3/09 *********************************************************************/ /* does not use graphics; tmopen/tmclose are opening/closing quotes; tmtext is content of testimonial (tmtext2 is 2nd/subsequent paras), tmattrib is who gave it note the col1_center .tmbox is for testimonials in main body; nav_)right .tmbox in right nav bar in docs, use div tmbox, then p for tmopen, tmtext / tmtext2, tmattrib and tmclose; finally, close div in tmopen/tmclose, use Left Double Quotation Mark “ Right Double Quotation Mark ” can use in left nav, main body */ .tmbox { width: 85%; margin-top: 20px; background: #f2f2f2; border: 1px solid #e6e6e6; padding: 3px; padding-top: 16px; padding-bottom: 4px; } .col1_center .tmbox { width: 60%; margin-left: 17%; background: #F5F5DC;} .nav_right .tmbox { width: 85%; margin: 5%; } .nav_left .tmbox { padding-top: 0px; } p.tmopen, p.tmclose, .nav_left p.tmopen, .nav_left p.tmclose {color: #D9D9D9; font-family: Times; font-weight: 900; font-size: 45px; } p.tmopen, .nav_left p.tmopen { line-height: 12px; margin: 0px; } p.tmclose, .nav_left p.tmclose { text-align: right; line-height: 10%; margin: -8px 1px 0px 0px;} p.tmtext, p.tmtext2, .nav_left p.tmtext, .nav_left p.tmtext2 { font-size: 11px; line-height: 14px; color: #a0a0a0; margin: -20px 04px 15px 04px; } p.tmtext { text-indent: 24px; } p.tmtext2 { margin-top: -10px;} p.tmattrib, .nav_left p.tmattrib { font-size: 10px; line-height: 11px; color: #959595; text-align: right; margin: -18px 20px 08px 18px; padding: 6px; } /* Overrides for kplive testimonial layout */ .nav_left p.tmtext { margin-top: -36px; } .nav_left p.tmclose { margin-top: -24px; } .col1_center p.tmclose { margin-top: -8px; } /* End testimonial layout ************************************************************************/ /* Mar16/10 - contact info for print only - can use on all pages; supress on screen */ .printcontact {padding-left: 0px;color: #007000;} .printcontact p {padding: 0px; padding-left: 35%; line-height: 100%; } .printcontact h2 {text-align: center; padding-bottom: 15px; margin-top: 0px;} .printcontact h6 {margin-right: -10px; } /* redirect pages */ .redir {background: #efefef; border: 1px solid #525252; padding: 30px; margin: 15%; margin-top: 50px; margin-bottom: 50px;text-align: center;} /* override hover rules for tags inside headings h1, h2 etc., when used for bookmarks */ h2 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none; } h2 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { background: none; } html { height: 100%; width: 100%;} table {margin-left: 1px;} /* makes all tables show left border in FF */ .linkprev { float: left; } .linknext { float: right; } .linkprev, .linknext, .linkprev a, .linknext a, .linkprev a:hover, .linknext a:hover { font-size: 11px; color: #007000; font-weight: 500; display: block; text-align: center; text-decoration: none; /* margin: 4px; */ } .linkprev { background: url("../images/link_prev.jpg"); } .linknext { background: url("../images/link_next.jpg"); } .linkprev a:hover { background: url("../images/link_prev_hover.jpg"); } .linknext a:hover { background: url("../images/link_next_hover.jpg"); } .linkprev, .linknext, .linkprev a:hover, .linknext a:hover { background-repeat: no-repeat; background-position: left top; margin-top: 0; margin-left:0px; margin-right: 0px; height: 20px; width: 100px; } /* .linkprev, .linkprev a, .linkprev a:hover { margin-left: 4px; } */ /* .linkprev a:hover, .linknext a:hover { text-align: center; padding-top: 4px; padding-bottom: 0px; height: 20px;} */ /* .linkprev a {padding-left: 6px; } */ /* .linkprev a:hover {padding-left: 3px; } */ .linkprev { padding-left: 2px; margin-top: -4px; padding-top: 4px; } .linkprev a:hover {padding-left: 0px; margin-top: -4px; padding-top: 4px; } .linknext { padding-right: 2px; margin-top: -4px; padding-top: 4px; } .linknext a:hover {margin-top: -4px; padding-top: 4px;} /* from cssplay.co.uk, their blockquote setup is as follows: #left_column blockquote {padding:10px;} #left_column p.cite {color:#004488; display:list-item; padding:0 5px 0 0; list-style-image: url(../graphic/open_quotes.gif); background: url(../graphic/close_quotes.gif) bottom right no-repeat;} #left_column blockquote[cite]:after {content: "Quote taken from: " attr(cite); display: block; font-size:0.9em; color:#0088cc; text-align:right;} */ /* and here's their html for a blockquote:

Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.

*/ /* SETUP SECTION FOR ALL TEXT IN BODY (not sure if this needs to be here or not, so leave for now **** */ /* SETS UP DIV, BUT NO DESCRIPTION REQ'D */ div#full_pg { clear:both; /* FF-fix: last char was ":" */ float: left; height: 100%; width: 100%; } /* IS req'd for left/right nav divs to go full height of doc; put everything but header/footer in it */ /* *********************************************** END OF FILE **************************************** */