/* CSS Document */ /* Normaliizes margin, padding */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;} /* Normalizes font-siz for headers */ h1, h2, h3, h4, h5, h6 { font-size: 100%} /* Removes list-style from lists*/ ol, ul { list-style: none;} /* Normalizes font-style and font-weight to normal */ address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal} /* Collapses borders on tables */ table { border-collapse: collapse; border-spacing: 0;} /* Removes border from fieldset and img */ fieldset, img { border: 0;} /* Left-aligns text in caption and th */ caption, th { text-align: left;} /* Removes quotaton marks from q */ q:before, q:after { content :'';} /* Centered, fixed-pixel-width layout */ html { text-align: center;} /* Apply relative position to to establish it as positioning context for other positioned elements. */ body { position: relative; width: 770px; margin: 0px auto 0 auto; text-align: left; } /* BRANDING */ div#branding { position: relative; width: 100%; height: 100px; background: url(images/logo.gif) no-repeat top center;} .invisible { text-indent: -9999px; } /* MAIN CONTENT */ div#content { position: relative; width: 100%; } /* If content_main is the tallest, it's position is relative and content_right's is absolute. Also make sure in the .html that content_main's div has class="pc cc_tallest" and content_right's div has class= "sc". If content_right becomes the tallest, switch it around. */ div#content_main { position: relative; left: 0%; width: 70%; padding: 1em 0; } div#content_main_1, div#content_main_2 { padding: 0 15px 0 36px; } div#resources #content_main_1 { position: relative; } div#content_main_1_left p, div#content_main_1_right p { padding: 5px 0; } div#content_main_1_left { position: absolute; left: 0%; width: 45%; padding-top: 20px; padding-left: 26px; margin-left: 10px; } div#content_main_1_right { position: relative; left: 50%; width: 45%; padding-top: 20px; padding-left: 5%; } div#content_main p { padding: 10px 0; } .image_float_right { float: right; padding: 10px 5px 5px 5px; } .image_center { left: auto; right: auto; } .padding_bottom { padding-bottom: 20px; } .pad_bot_75 { padding-bottom: 75px; } div#content_right { position: absolute; left: 70%; width: 30%; padding: 1em 0; } div#content_right p { padding: 10px 0; } div#content_right ul { list-style: circle; margin-left: 15px; } div#content_right_1, div#content_right_2, div#content_right_3 { padding-right: 35px; padding-left: 15px; } div#content_right_1 { padding-bottom: 5px; } div#branding, div#nav_main, div#site_info { width: 100%; } #what_we_offer { list-style:url(images/star.gif) outside; padding: 15px 0 25px 25px; } #what_we_offer li { padding-bottom: 5px; } /* =si_clear_children (Inman Position Clear)*/ .pc,.sc { position: absolute; top: 0; left: 0;} clear_children,.cc_tallest { position: relative;} /*\*/* html .clear_children { display: inline;}/**/ .cc_tallest:after {content: '';} /*PREVENTS A REDRAW BUG IN SAFARI*/ .extra_bottom_margin { margin-bottom: 150px; } .center { text-align: center; } .indent { padding-left: 20px; } .padding_right { padding-right: 5px; } .padding_left { padding-left: 5px; } /* NAVIGATION */ div#nav_main { position: relative; } ul#nav_features { margin: auto; width: 723px; padding: 5px 0 4px 0px; list-style-type: none; background-color: #873b94; border-bottom: 1px solid #369a52; border-top: 1px solid #369a52; } ul#nav_features li { display: inline; } ul#nav_features, #nav_home li{ padding-left: 25px; } ul#nav_features li a{ padding: 5px 10px; } #nav_features a:link, #nav_features a:visited { color: #fff; background-color: #036; text-decoration: none; } #nav_features a:hover { color: #333333; background-color: #efcde2; text-decoration: none; } #tv { padding-right: 5px; } /*FOOTER*/ div#footer { position: relative; width: 750px; margin: auto; border-bottom: 2px solid #999999; } div#site_info { position: relative; padding: 5px 0 5px 25px; } /*E-MAIL FORM*/ form { padding-top: 15px; } #contact td { vertical-align: top; padding-right: 10px; padding-top: 2px; } .first { text-align: right; } .second { text-align: left; } /*DUES TABLE*/ #dues { width: 66%; margin: auto; border: thin solid #000; caption-side: bottom; } #dues td, th { border: thin dotted #666666; padding: 1px 10px; } #dues th { background-color: #369a52; color: #ffffff; font-weight: bold; } #dues caption { text-align: center; font-style: italic; padding: 5px; } .cellcolor { background-color: #cee7c8; } .left_align { text-align: left; } .center_align { text-align: center; } .right_align { text-align: right; }