/* 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, dl { margin: 0; padding: 0; list-style: none;} blockquote { font-style: italic; } /* 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 th */ th { text-align: left;} /* Removes quotaton marks from q */ q:before, q:after { content :'';} /*Transparent borders for Opera 7 and below */ fieldset { border: solid 0 transparent; } /* 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: 20px auto 0 auto; text-align: left; } html { background: transparent; } body { background: transparent; } div#footer { background-color: transparent; } #rescource_list { border-bottom: solid 1px #666666; padding-bottom: 20px; list-style: circle inside; } body { font: 12pt/20pt "Times New Roman", times, serif; color: #666666; } h2 { font-size: 150%; color: #666666; padding: 1px 0 2px 3px; } h3 { font-size: 130%; color: #666666; padding: 1px 0 2px 3px; } h4 { font-size: 120%; color: #666666; } .green { background: transparent; border-top: none; } div#site_info { font-size: 90%; color: #666666; } .bold { font-weight: bold; } a { text-decoration: none; color: #666666 } #girls { background: transparent; color: #666666; padding: 10px 15px; font-size: 120%; font-style: oblique; text-align: center; } .eighty_percent { font-size: 80%; } #resources #rescource_list li { font-size: 120%; } /*E-MAIL FORM*/ form { padding-top: 15px; } th { text-align: right; vertical-align: top; padding-right: 10px; padding-top: 2px; } td { vertical-align: top; padding-bottom: 15px; } /* BRANDING */ div#branding { display: none; } .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 { display: none; } .image_center { display: none; left: auto; right: auto; } .padding_bottom { padding-bottom: 20px; } 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 { display: none; } ul#nav_features { display: none; } ul#nav_features li { display: none; } ul#nav_features, #nav_home li{ display: none; } ul#nav_features li a{ display: none; } #nav_features a:link, #nav_features a:visited { display: none; } #nav_features a:hover { display: none; } #tv { display: none; } /*FOOTER*/ div#footer { position: relative; width: 750px; margin: auto; border-bottom: none; } 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; } td#first { text-align: right; } td#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: transparent; color: #666666; font-weight: bold; } #dues caption { text-align: center; font-style: italic; padding: 5px; } .cellcolor { background-color: transparent; } .left_align { text-align: left; } .center_align { text-align: center; } .right_align { text-align: right; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { font: normal 12pt "Times New Roman", Times, serif; color: #333333; background: url(none); font: normal 12pt "Times New Roman", Times, serif; }