/* Harvey County Historical Website CSS By Joel Gaeddert Flint Hills Design www.FlintHillsDesign.com March 09 Green: 1c3a17 Blue: 00334d */ /*============== Browser reset as recommended by Eric Meyer ========== */ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1.25em; color: black; background:#ffffff; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } /* =========================== End of Reset ==============================*/ body { background-color:#a7946b; background-image:url(images/HCHS_Background.gif); background-attachment:fixed; background-position:top center; background-repeat:no-repeat; padding:3em 0; } #Wrapper { border:0px solid black; width:960px; margin-left:auto; margin-right:auto; } .Left_Nav_Column { width:175px; vertical-align:top; padding:0; background:white;float:left;border:1px solid #1c3a17;} .RightColumn { background-color:none; float:right; width:780px;} .TopDivider { height:10px; background:#00334d; } .LeftTopDivider { height:12px; background:#072a3e; } /* ---------------- HCHS Menu ---------------------------------------------*/ #LeftLogo { height:100px; background:#1c3a17; color:white; text-align:center; valign:center;} .ButtonContainer { vertical-align:top; } .ButtonList { font: bold 12px Arial, Helvetica, sans-serif; } .ButtonList li { list-style: none; margin:0; border-bottom:1px solid #666666; text-align: left; background:#1c3a17; } .ButtonList li a { display: block; padding:4px; /*background: #73796E;*/ background:#1c3a17; text-decoration: none; margin-left:8px; } .ButtonList li a:link { color: white; } .ButtonList li a:visited { color: white; } .ButtonList li a:hover { color: #333; background: white; } #LeftColAdmission { color:white; font: 11px Arial, Helvetica, sans-serif; background:#1c3a17; padding-left:12px;} #HeaderBar { height:100px; padding:0 0 0 24px; margin:0; vertical-align:top; background-color:white; color:#1c3a17; border:1px solid #1c3a17; line-height:130px; } #Content { min-height:400px; background-color:white;padding:0; color:#333333; margin:0; vertical-align:top; border:1px solid #1c3a17; position:relative; } #Content p { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; line-height:1.4em; } #Content_Text, #Content_Text_Contact { padding:18px 24px; position:relative; } #Content_Text_Spaced p { padding-bottom:.5em; line-height:1.2em; } #Content_Text_Spaced h3 { padding:1em 0 0 0; } #Content_Text ul { padding-top:2px; margin-left:1.5em; } #Content_Text li { list-style-type:disc; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-bottom:1em; line-height:1.2em; } #Content_Text ul.Services li { padding-bottom:.4em; } #Content_Text a { color:#333; } #Content_Text a:link, #Content_Text a:visited { color:#333; text-decoration:none; } #Content_Text a:hover { color:black; text-decoration:underline; } #Content_Pictures { padding:0; text-align:right; vertical-align:bottom; line-height:0px; margin-bottom:0; zoom:1; } #Content_Pictures img { display:block; } #Content_Text_Contact a { color:#333; text-decoration:none; } #Content_Text_Contact a:link { color:#333; } #Content_Text_Contact a:visited { color:#333; } #Content_Text_Contact a:hover { color:#333; text-decoration:underline; } #Footer { background-color:#a7946b; border:0; padding:0; color:#00334d; margin:0; vertical-align:top; font:11px Arial, Helvetica, sans-serif; text-align:right; line-height:14px; font-size:11px; } #Footer p { padding-top:.25em; } #Footer_Left { float:left; } #Footer_Right { float:right; } h1 { color:#00334d; font-family:Arial, Helvetica, sans-serif; font-size:28px; font-weight:bold; } h2, h2 a, h2 a:link, h2 a:visited { color:#00334d; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; } h2 a:hover { color:#990000; } h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:left; } h4 { color:#00334d;font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:left; } em { font-style:italic; } #Calendar .Month { font-size:16px; display:block; background:#a7946b; padding:1px 0 1px 6px; margin:1.5em 0 0 0; color:white; font-weight: bold; } #Calendar .Year { font-size:24px; display:block; background:#a7946b; padding:1px 0 1px 6px; margin:1.5em 0 0 0; color:white; font-weight: bold; } #Calendar .Date { font-size:14px; font-weight:bold;} #Calendar .Event { font-size:11px; font-weight:normal; padding-top:.75em; line-height:1.2em; padding-left:6px; } #Calendar .Event strong { font-weight:bold; } #Content_Text_Contact { height:494px; } #GoogleMap { float:right; border-left:2px solid #333333; height:580px; } #LinkList a { color:#333333; text-decoration:none; } #LinkList a:link { color:#333; } #LinkList a:visited { color:#333; } #LinkList a:hover { text-decoration:underline; } .Spacer { clear:both; } .Clearer { clear:both; } hr.LeftColumn { color:#666666; border:1px solid; margin-right:10px;} .Download { font-size:9px; color:#999999;} img.FloatLeftHomepage { float:left; border: 1px solid black; padding: 0px; margin:0 20px 20px 0; } img.FloatLeft { float:left; border: 1px solid black; padding: 0px; margin:10px; } img.FloatRight { float:right; border: 1px solid black; padding: 0px; margin:10px; } img.BottomRight { position:absolute; right:0; bottom:0; } strong { font-weight:bold; } blockquote { margin-left:1em; } hr .HCHS_Divider { color:#999999; height:1px; } #NewsletterHomepage { background:#eee; position:relative; padding:10px; height:260px;} #NewsletterHomepage img { } .RightText {float:right; color:#00334d; font-weight:bold; } .HomePageGrid { height:150px; width: 550px; float:left; } .HomePageImage { float:right; }