/* Timothy framework - www.timothyframework.com */ /* this work is licensed under the MIT license - http://www.opensource.org/licenses/ */ /* color legend */ /* reset */ html, body { margin: 0; padding: 0; border: 0; background: transparent; font-size:10px; } div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li, table, tr, th, td, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } img { margin:0; padding:0; border:0; } table, tr, th, td, tbody, tfoot, thead { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } table { border-collapse: collapse; border-spacing: 0; } input, select, textarea, form, fieldset { margin: 0; padding: 0; border: 0; } article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; } h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; font-style:normal; line-height: 100%; text-indent: 0; text-decoration:none; text-align:left; color: #FFFFFF; /*000; changing this made no visible difference */ } ol, ul, { list-style: none; } input#submit.submit { text-align:center; } /* global*/ html { } body { background-color:white} /*#CCCCCC; } */ /* headings */ h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #000; } \ h1 { font-size:24px; } h2 { font-size:20px; } h3 { font-size:16px; } h4 { font-size:14px; } h5 { font-size:14px; } h6 { font-size:14px; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { marging: 0; } /* text elements */ p { color: #000; font-size:14px; line-height:150%; } p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; } p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; } a { } a:link { color: #00f; } a:visited { color: #00f; } a:active { color: #000; } a:focus { color: #666; } a:hover { color: #f00; } blockquote { color: #000; font-size:14px; } strong { font-weight: bold; } em { font-style: italic; } /* images */ /* lists */ ul { } ol { list-style-type:decimal; } ul li { color:#000; font-size:14px; } ol li { color:#000; font-size:14px; } dl { } dt { } dd { } /* tables */ table { width:100%; } tr { } .odd { background-color:#eee; } .even { background-color:#fff; } th { font-weight: bold; } thead, th { background: #ccc; } tbody { } th,td,caption { } caption { } tfoot { } .tfooter { background-color:#ccc; text-align:center; font-style:italic } caption { background: #efefef; } /* miscellaneous */ sup, sub { line-height: 0; } abbr,acronym {border-bottom: 1px dotted #666; } address { } del { background:#ffcece; color:#f00; } code, pre { background-color:#ff9; padding:2px 0px; margin:4px 25px; font-family:"Courier New", Courier, monospace; font-size: 12px; } /* containers */ #wrapper { width: 100%; margin:0px auto; background-color:#; } #top { background-color:#000000; width:100%; padding:20px 0px; overflow:hidden; } #logo { margin: 0 0 0 10px; float:left; } #social-media { float:right; margin: 0 10px 0 0; } #social-media p { color:#ffffff; font-size: 14px; margin:4px 10px 4px 0px; } #social-media img { width:30px; height:30px; padding: 3px; } #social-media ul li { display:inline; } #banner { } #subbanner { width:100%; background-color:#3366FF; padding: 15px 0px; overflow:hidden; } #subbanner h3 { color:#ffffff; font-size:16px; font-weight: bold; text-align:center; line-height:180%; } #topnav { background-color:#333333; clear:both; text-align:center; } #topnav ul li { display:inline; display:inline-block; padding-left:10px; padding-right:10px;} #topnav ul { width:100%; float:left; margin:0px; background-color:#000000; /*3366FF this made a difference*/ border-bottom: 3px #ffffff solid;border-top: 1px #ffffff solid; display:inline-block; } /*cccccc this made a difference */ #topnav ul li a { float:left; padding:10px 20px; border-left: 1px #ffffff solid; display:inline-block; } #topnav a:link { color: #ffffff; } #topnav a:visited { color: #ffffff; } #topnav a:active { color: #ffffff; } #topnav a:hover { color: #ffffff; background-color:#0033CC; } /* #0066FF */ #topnav a:focus { color: #ffffff; } #content-wrapper { } #leftnav { } #leftside { } #rightside { margin-left: 72%; padding:20px; } /* float:right; */ #rightside h2 { margin: 20px 0px 10px 0px; } #rightside p { margin: 10px 0; line-height:160%; font-size: 14px; } #contact-form { text-align: center; } #content { float:left; width: 70%; padding:20px; } #content ul { padding: 16px; margin-left: 30%; font-size: 14px; } #content ul li { padding: 3px; font-size: 14px; } #content h1 { margin: 0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0; } #content p { margin: 16px 0; line-height: 160%; font-size: 14px; } #content h2 { margin: 20px 0 0 0; } #content img { padding: 8px; border: 1px #888888 solid; margin:8px; } #contenthomepage { float:left; width: 70%; padding:20px; } #contenthomepage h1 { margin: 0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0; text-align: center; } #contenthomepage h2 { margin: 20px 0 0 0; text-align: center; } #contenthomepage p { margin: 16px 0; line-height: 160%; text-align:center; font-size: 14px; } #contenthomepage img { padding: 8px; border: 1px #888888 solid; margin:8px; margin-top: 25px; text-align:center; text-align: inherit; } .tab { text-indent: 40px; } #footer { clear:both; background-color: #000000; padding:10px 0; } #footer p { text-align:center; color:#ffffff; } #footer siteseal {text-align: center; } #box1 { } #box2 { } #box3 { } #box4 { } #box5 { } #box6 { } /* layout extra */ /* navigation extra */ /* forms */ form { text-align:left; margin:50px; margin-left: 20%; } label, submit, input, textarea { border:0; padding:0; margin:0; background:none; } label { float:left; width:150px; text-align:right; display:block; margin-top: 7px; } input, textarea { border:2px #3366FF solid; margin-left:10px; padding:5px; background-color:#FFFFFF; } input { width:280px; margin-bottom: 16px; } textarea { width: 280px; height: 150px; } select { } .submit { width: 90px; height: 25px; margin-left:160px; margin-top: 12px; font-size:12px; background-color: #3366FF; color: #FFFFFF; } #contact-form ol { list-style-type: none; } /* miscellaneous */ .copyright-text { font-size: 80%; font-style: italic; color: #333; } .footer-text { font-size: 80%; font-style: normal; color: #666; } .title { font-size: 18px; font-weight: bold; color: #333; } .subtitle { font-size: 14px; font-style: italic; color: #333; } .artist { font-size: 16px; font-weight: bold; color: #333; } .author { font-size: 14px; font-weight: bold; color: #555; } .editor { font-size: 14px; font-style: italic; color: #555; } .pub-date { font-size: 10px; font-style: italic; color: #555; } .article-date { font-size: 10px; font-style: italic; color: #555; } .location { font-size: 10px; font-style: italic; color: #555; } .float-right { float: right; } .float-left { float: left; } .clear { clear:both; } .hide { display:none; } .block { display:block; } .inline { display:inline; } .first { font-weight: bold; } .last { font-weight: bold; } .left { font-weight: bold; text-align: left; } .right { font-weight: bold; text-align: right; } .added { background: #D7D7FF; } .removed { background: #ffcece; color: #f00; } .changed { background: #ffb; } /* success, info, notice and error/alert boxes - from blueprint css framework */ .error, .alert, .notice, .success, .info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; } .error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; } .notice { background: #fff6bf; color: #514721; border-color: #ffd324; } .success { background: #e6efc2; color: #264409; border-color: #c6d880; } .info { background: #d5edf8; color: #205791; border-color: #92cae4; } .error a { color: #8a1f11; } .alert a { color: #8a1f11; } .notice a { color: #514721; } .success a { color: #264409; } .info a { color: #205791; }