/* Reset CSS * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */ 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: "" ""; } /* http://matthewjamestaylor.com/blog/perfect-2-column-right-menu.htm */ /* Header styles */ #header { clear:both; float:left; width:100%; } /* column container */ .colmask { position:relative; /* This fixes the IE7 overflow hidden bug */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ } /* common column settings */ .colright, .colmid, .colleft { float:left; width:100%; position:relative; } .col1, .col2, .col3 { float:left; position:relative; padding:0 0 1em 0; overflow:hidden; } /* 2 Column (right menu) settings */ .rightmenu { background:#f0f0f8; /* right column background colour */ } .rightmenu .colleft { right:25%; /* right column width */ background:#fff; /* left column background colour */ } .rightmenu .col1 { width:71%; /* left column content width (left column width minus left and right padding) */ left:27%; /* (right column width) plus (left column left padding) */ } .rightmenu .col2 { width:21%; /* right column content width (right column width minus left and right padding) */ left:31%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */ } /* Footer styles */ #footer { clear:both; float:left; width:75%; border-top:1px solid #000; } /* Header Menu */ #header ul { background-color: transparent; clear:left; float:left; width:100%; list-style:none; margin:10px 0 0 0; padding:0; } #header ul li { display:inline; list-style:none; margin:0; padding:0; } #header ul li a { display:block; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; margin:0 0 0 1px; padding:3px 10px; text-align:center; background:#e0e0ef; color:#33f; text-decoration:none; position:relative; left:15px; line-height:1.3em; } #header ul li a:hover { background:#369; color:#fff; } #header ul li a.active, #header ul li a.active:hover { color:#fff; background:#000; font-weight:bold; } #header ul li a span { display:block; } /* Site Customizations */ em { font-style: italic } h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 2; } h1 { font-size: 1.6em } h2 { font-size: 1.44em } h3 { font-size: 1.2em } h4, h5, h6 { font-size: 1.1em } strong { font-weight: bold } ul, ol { font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.8; } ul.recent li { line-height: 1.2; } ul.recent li a { color:#33f; display: block; text-decoration: none; width: 100%; padding: 4px; } ul.recent li a:hover { background-color: white; } ul.recent li a:hover { background:#369; color:#fff; } ul.recent li a.active, ul.recent ul li a.active:hover { color:#fff; background:#000; font-weight:bold; } ol { list-style-type: decimal; list-style-position: inside; margin: 0 5%; } ul { list-style-type: disc; list-style-position: outside; } li { margin-left: 10%; } td, th { background-color: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.2; padding: 2px; } thead th { background-color: #ccc; color: #000; border-bottom: solid 3px #000; font-weight: bold; text-align: center; vertical-align: bottom; } tfoot td { border-top: solid 2px #000; border-bottom: solid 3px #000; padding: 4px 2px; text-align: left; } table caption { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; margin: 2% 5%; } td { text-align: right; vertical-align: middle; } td.low { text-align: right; width: 80px; } td.hi { text-align: left; width: 80px; } td.mid { text-align: center; width: 20px; } td.label { text-align: left; } td.neg { color: #d22; } #header { background-color: #f0f0f8; border-bottom: solid thin #000; } #footer p, address { font-family: Arial, Helvetica, sans-serif; font-size: .8em; line-height: 1.5; margin: 1% 5%; } .col1 h1 { font-size: 1.6em; } .col1 p, blockquote p { font-family: "Times New Roman", Times, serif; } .col1 p { font-size: 1.2em; line-height: 1.2; margin: 1% 1% 3% 1%; } .col1 blockquote p { margin: 5% 10%; font-size: 1.2em; line-height: 1.2; font-style: italic; } .col1 p.dateline { font-size: 1em; line-height: 1em; font-style: italic; } .blurb h2 a { text-decoration: none } .blurb h2 a:link { color: #000 } .blurb h2 a:visited { color: #717 } .blurb h2 a:hover { color: #116 } .blurb h2 a:active { color: #711 } div.youtube { margin: 0 auto; width: 440px; } .col2 ul { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.8; list-style-type: none; list-style-position: outside; margin: 0 5%; } .col2 ul li { margin:0; } .hidden { display:none } #search { background-color: #f0f0f8; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; height: 70px; overflow: hidden; position: absolute; right:0; top:20px; } #search input#query { border: inset 1px #ddd; background-color: #fed; color: #000; padding: 2px;} #search input#submit { border: outset 1px #11f; background-color: #ddd; color: #000;} #search fieldset { display: inline; border: none; } #search form { text-align: right; vertical-align: bottom; } #linkunit { position:fixed; bottom:16px; right:16px; border: solid thin #000; }