/* Created by Keith Donegan of Code-Sucks.com E-Mail: Keithdonegan@gmail.com You can do whatever you want with these layouts, but it would be greatly appreciated if you gave a link back to http://www.code-sucks.com */ h1 { color: #367323; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: bold; line-height: 14px; padding-top: 6px; padding-left: 12px } h2 { color: #367323; font-size: 12px; font-family: FontName, Verdana, Arial, Helvetica; font-style: normal; font-weight: bold; line-height: 12px; padding-left: 20px } h3 { color: #378424; font-size: 13px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: bold; line-height: 15px } h4 { color: #367323; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: normal } /*--- Used in comment templates to format text used in the comment form. ---*/ H5 { font-family: verdana,trebuchet,sans-serif; font-size: 11px; color: #666666; margin-top: 2px; margin-bottom: 2px; font-weight: normal; } h6 { color: #000; font-size: 9px; font-family: Verdana, Arial, Helvetica; line-height: 12px } .dkgrnsubhead { color: #367323; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: bold; line-height: 14px; padding-top: 6px; padding-left: 12px } .dkgrnsubheadlg { color: #367323; font-size: 14px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: bold; line-height: 14px; padding-top: 6px; padding-left: 12px; } .dkgrnsubheadlger { color: #367323; font-size: 16px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: bold; line-height: 14px; padding-top: 6px; padding-left: 12px; } .dkbluesubhead { color: #09009c; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: bold; line-height: 14px; padding-top: 6px; padding-left: 12px } .dkgrnsubhead1 { color: #09009c; font-size: 14px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: bold; line-height: 16px; padding-top: 6px; padding-left: 12px } .ltgrnsubheadlarge { color: #a4b97a; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: bold; line-height: 14px; padding-top: 6px; padding-left: 12px } .whitesubhead { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica; font-style: normal; font-weight: bold; line-height: 15px } body { color: #808080; font-size: 11px; font-family: Verdana, Arial, Helvetica; background-image: url("http://onaonline.com/icon/background.gif"); background-repeat: repeat; text-align: center } p { color: #333333; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px } .p2 { color: #89a988; font-size: 12px; font-family: Verdana, Arial, Helvetica; line-height: 18px; } .pltgrn { color: #a4b97a; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 14px } .pdkgrn { color: #000; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px } .pblue { color: #09009c; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px } .pwhite { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px } .footer-white { color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px; margin-top: 10px } .footer-grn { color: #82a378; font-size: 0.1%; font-family: Verdana, Arial, Helvetica; line-height: 0.1%; margin-top: 10px } ul { font-size: 11px; font-family: Verdana, Arial, Helvetica; text-align: left } li { color: #808080; font-size: 11px; font-family: Verdana, Arial, Helvetica; text-align: left; margin-right: 6px } table { color: #82a378; font-size: 11px; font-family: Verdana, Arial, Helvetica } .tabletext1 { color: #7e9258; font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: 700; line-height: 16px; padding: 10px 20px 5px } a:link { color: #000; text-decoration: none } a:hover { color: #000; text-decoration: underline } a:visited { color: #000; text-decoration: none } a:active { color: #000; text-decoration: inherit } .credits { color: #150079; font-size: 9px; font-family: Verdana, Arial, Helvetica; line-height: 13px; padding: 10px 30px } .upperpadding { background-color: white; padding-top: 6px } .iframeborder { background-color: white; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; border-top: solid white; border-right: 6px solid white; border-bottom: 2px solid white; border-left: 6px solid white } .bluesubheadplain { color: #11008a; font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 14px; padding-right: 20px; padding-left: 20px } .indentparagraph { color: #808080; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica; padding-right: 20px } .indentparagraphleft { color: #000; font-size: 10px; line-height: 11px; font-family: Verdana, Arial, Helvetica; padding-left: 20px } .quote { color: #001; font-size: 11px; line-height: 18px; font-family: Verdana, Arial, Helvetica } .quote1 { color: #001; font-size: 11px; line-height: 14px; font-family: Verdana, Arial, Helvetica } .caption { color: #919fc5; font-size: 10px; line-height: 14px; font-family: Verdana, Arial, Helvetica; padding-right: 4px } .caption1 { color: #808080; font-size: 10px; line-height: 14px; font-family: Verdana, Arial, Helvetica; padding: 6px } .sectionlinks { color: #000; font-size: 9px; line-height: 10px; font-family: Verdana, Arial, Helvetica; text-align: center; padding-top: 12px } .copyright { color: #000; font-size: 8px; line-height: 9px; font-family: Verdana, Arial, Helvetica; text-align: center; padding-top: 12px } .dottedtableupper { background-color: white; border-top: 1px dotted #917930 } .dottedtableupper1 { border-top: 1px dotted #82a378; border-right: 1px dotted #82a378 } .blueborderright { border-right: 1px solid #150079 } .blueborderleft { border-left: 1px solid #150079 } .bluebordersurround { border: solid 1px #11008a } .dottedtableupperred { border-top: 1px dotted gray; border-right: 8px solid #db2925 } .dottedtableright { border-right: 1px dotted black } .dottedtablerightbronze { border-right: 1px dotted #c60 } .dottedtablerightbronzefill { background-color: #ffca8f; border-right: 1px dotted #c60 } * html .dottedtableright { background: url("icon/cs-dottedbronze.gif") repeat-y; padding-bottom: 2px; border-top: medium none } * html .dottedtablerightbronze { background: url("icon/cs-dotted.gif") repeat-y } * html .dottedtablerightbronzefill { background: #ffca8f url("icon/cs-dotted.gif") repeat-y } * html .dottedtableupper1 { background: url("icon/cs-dotted.gif") repeat-x; padding-bottom: 2px; border-top: medium none } * html .dottedtableupperred { background: url("icon/cs-dotted.gif") repeat-x; padding-bottom: 2px; border-top: medium none } .dottedtablelower { border-top: 1px dotted #001 } * html .dottedtablelower { background: url("icon/cs-dotted.gif") repeat-x; border-top: medium none } .finelinetableburgundy { padding: 66px 50px 20px 100px; border-right: 1px solid #6c2948; border-bottom: 4px solid #6c2948 } .finelinetableburgundy1 { padding: 66px 0 20px 100px; border-right: 1px solid #6c2948; border-bottom: 4px solid #6c2948 } .finelinetableblue { border-top: 1pt solid #919fc5; border-right: 1pt solid #f66 } .finelinetableblue1 { border-top: 1pt solid #919fc5; border-right: 1pt solid #f66; border-bottom: 1pt solid #919fc5 } .pullquote1 { color: #aaa; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; background-color: #ffc; text-align: center; margin: 20px; padding: 6px; border-top: 4px solid #6969cc; border-bottom: 4px solid #6969cc } .pullquote2 { color: #aaa; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; background-color: #fff; text-align: center; margin: 20px; padding: 6px; border-top: 4px solid #01aef0; border-bottom: 4px solid #01aef0 } #wrapper { margin: 0 auto; width: 922px; text-align: center } #header-intro { color: #333; margin-bottom: 5px; position: relative; z-index: 500; width: 922px; height: 692px; float: left; border: solid 1px #ffff82 } #header { color: #333; margin-bottom: 5px; width: 922px; height: 200px; float: left; border: solid 1px #ccc } #navigation { color: #333; background: #82a378; margin: 0 0 5px; padding: 2px 10px; position: relative; z-index: 1000; width: 902px; float: left; border: solid 1px #ccc; visibility: visible; } #navigation-intro { color: #333; background-color: #82a378; background-image: none; background-position: 0 0; margin: 0 0 5px; padding: 2px 10px; position: relative; z-index: 800; width: 902px; height: 20px; border: solid 1px #ccc } #leftcolumn { color: #333; background: #f2f2e6; padding: 0px; z-index: 500; width: 660px; height: auto; float: left; border: none; margin-top: 0; margin-right: 1px; margin-bottom: 2px; margin-left: 2; } #leftcolumn_rma { color: #333; background: #f2f2e6; margin: 0 5px 5px 0; padding: 10px; z-index: 500; width: 900px; height: auto; float: left; border: solid 1px #ccc; } #rightcolumn { color: #333; background: #a4b97a; display: inline; margin: 0 0 5px; padding: 10px; z-index: 500; width: 195px; height: auto; float: right; border: solid 1px #ccc } #footer { color: #333; background: #82a378; width: 922px; height: 40px; clear: both; border: solid 1px #ccc } /*--- LEFT SIDE BAR ---*/ #menu { width: 175px; float: left; font: 11px/12px verdana,trebuchet,sans-serif; padding-right: 10px; text-align: right; color: #333; padding-bottom: 30px; border-right: 1px dotted #000; } /*--- MAIN PAGE CONTENT ---*/ #content { font-color:#000; text-align: left; margin-bottom: 60px; margin-left: 0; padding-bottom: 30px; padding-left: 20px; width: 470px; float: left; voice-family: inherit } body>#content { width: 450px } /*--- "member" links: login, register, calendar, etc. ---*/ .loginLinks, .loginLinks a { color: #000000; font-family: verdana,trebuchet,sans-serif; font-size: 11px; } .loginLinks a:link { color: #000; font-weight: normal; } .loginLinks a:visited { color: #000; font-weight: normal; } .loginLinks a:active { color: #000; font-weight: bold;} .loginLinks a:hover { color: #000; font-weight: normal; } /*--- Dotted line between menu items in sidebar ---*/ .menuSpacer { border-bottom: 1px dotted #000; margin-bottom: 15px; } /*--- Weblog entry formatting. ---*/ .weblog { font-family: verdana,trebuchet,sans-serif; font-size: 11px; color: #333333; font-weight: normal; } /*--- Name of author in weblog entries ---*/ .author { font-family: verdana,trebuchet,sans-serif; font-size: 11px; color: #000000; font-weight: normal; } /*-- Default form field formatting. --*/ form { margin-top: 0px; } /*-- Input field formatting. --*/ .input { border-top: 1px solid #000000; border-left: 1px solid #000000; background-color: #fff; font-family: Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; font-size: 11px; height: 1.6em; padding: .3em 0 0 2px; margin-top: 3px; margin-bottom: 3px; } /*-- Input text-area formatting --*/ .textarea { border-top: 1px solid #000000; border-left: 1px solid #000000; background-color: #fff; font-family: Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; font-size: 11px; margin-top: 3px; margin-bottom: 3px; } /*-- Submit button formatting. --*/ .button { background-color: #fff; font-family: Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; font-size: 11px; font-weight: normal; text-transform: uppercase; color: #000; } /*-- Pull-down menus. --*/ .pulldown { background-color: #fff; font-family: Verdana, Geneva, Trebuchet MS, Arial, Sans-serif; font-size: 11px; font-weight: normal; text-transform: uppercase; color: #000; } /* THE FOLLOWING CSS IS USED WITH THE MINI-CALENDAR */ /* Calendar header text */ .header { font-family: verdana,trebuchet,sans-serif; font-size: 10px; color: #333333; font-weight: bold; } /* Navigational links in the header of mini-calendar */ .navlinks, .navlinks a:link, .navlinks a:active, .navlinks a:visited, .navlinks a:hover{ color: #000; font-family: verdana,trebuchet,sans-serif; font-size: 10px; font-weight: bold; } .navlinks a:link { color: #ffffff; text-decoration: none;} .navlinks a:visited { color: #ffffff; text-decoration: none;} .navlinks a:active { color: #333333; text-decoration: none;} .navlinks a:hover { color: #000000; text-decoration: underline;} /* Days of the week text */ .weekdays { font-family: verdana,trebuchet,sans-serif; font-size: 9px; color: #666666; font-weight: bold; } /* Days of the month text and links */ .monthdays, .monthdays a:link, .monthdays a:active, .monthdays a:visited, .monthdays a:hover { font-family: verdana,trebuchet,sans-serif; font-size: 9px; color: #666666; } .monthdays a:link { color: #89a988; font-weight: bold; text-decoration: underline } .monthdays a:visited { color: #89a988; font-weight: bold; text-decoration: underline } .monthdays a:active { color: #333333; text-decoration: underline;font-weight: bold;} .monthdays a:hover { color: #cccccc; text-decoration: none;font-weight: bold;} .sideboxhead { color: #82a377; font-size: 12px; font-weight: bold; border-top: thin solid #000000; border-right: thin solid #000000; border-bottom: none; border-left: thin solid #000000 } .sidebox { border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: none; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000000; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000;}