/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html-------------------------------------------------------------- */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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; }body { line-height: 1; }h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; }ol, ul { list-style: none; }blockquote { quotes: none; }blockquote:before, blockquote:after { content: ''; content: none; }del { text-decoration: line-through; }/* tables still need 'cellspacing="0"' in the markup */table { border-collapse: collapse; border-spacing: 0; }a img { border: none; }/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }.clearfix {	display: inline-block; }* html .clearfix { height: 1%; }.clearfix { display: block; }/*  Sticky footer, courtesy of http://ryanfait.com/  */* { margin: 0; }HTML, BODY { height: 100%; }#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -80px; }#footer, .push { height: 30px; padding-top: 50px; clear: both; }/*  B E G I N  T R E E V I S I O N S  B L O C K  E L E M E N T S  */#wrapper { }#content { clear: both; padding: 30px 0 0; }#bg { position: fixed; z-index: -10; }/*  T Y P O G R A P H I C  E L E M E N T S */A { outline: none; }H1#logo, SPAN#logo { display: block; text-align: center; padding-top: 10px; }#content H1 { font: bold 32px 'Courier New', Courier, serif; text-transform: uppercase; color: #fff; line-height: 1.5em; margin: 28px 0 1em 20px; }#content H1 B { background: #f90; padding: 3px 4px; }#footer P { text-align: center; color: #fff; font: bold 13px 'Courier New', Courier, serif; }#footer P B { background: #000; padding: 3px 4px; }/*  P A G E  E L E M E N T S  *//** Menu */#menu { margin: 20px 0 0 20px; }#menu LI { text-decoration: none; color: #000; font-family: 'Courier New', Courier, serif; display: inline-block; float: left; margin-right: 10px; font-size: 18px; }#menu LI A { display: block; border: 1px solid #000; padding: 5px; background: #000; }#menu LI A:link, #menu LI A:visited { color: #fff; text-decoration: none; }#menu LI A:hover, #menu LI.hovered A { background: #f90; }#menu.newvisions LI LI#newvisions A, #menu.oldvisions LI LI#oldvisions A, #menu.ogtv LI LI#ogtv A, #menu.bedpan LI LI#bedpan A, #menu.allinone LI LI#allinone A { color: #fff; }#menu LI UL { display: none; position: absolute; background: #999; border: 1px solid #000; border-right-width: 3px; border-bottom-width: 3px; z-index: 9999; }#menu LI LI { clear: both; margin-right: 0; font-size: 16px; width: 12em; }#menu LI LI A, #menu LI.hovered LI A { background: #999; border: none; padding: 4px 5px; }#menu LI LI A:link, #menu LI LI A:visited { color: #000; }#menu LI LI A:hover { color: #fff; background: #999; }#menu LI:hover UL { display: block; }/** Photo box */.phindex { display: block; clear: both; padding: 0 20px; } .phindex LI { display: inline; margin: 4px 8px 4px 0; } .phindex LI A IMG { border: 1px solid #bbb; margin-bottom: 2px; } .phindex LI A:hover IMG { border: 1px solid #333; }/** Video */.video { display: block; text-align: center; padding: 0 20px; margin-bottom: 35px; }