/* Tags */ * {margin: 0; padding: 0;} body { margin: 0; padding: 0; background: #fff; font: 0.85em/1.5em Arial, sans-serif; color: #636568; } h1, h2, h3 { font-family: Arial, sans-serif; font-weight: normal; color: #0065B5; line-height: 1em; margin: 0; padding: 0; } h1 { font-size: 1.8em; font-weight: bold; } h2 { font-size: 1.1em; color: #0065B5; } h3 { font-size: 1.4em; color: #636568; } p { line-height: 1.5em; margin: 0.5em 0 1em 0; } a { color: #0065B5; text-decoration: none; } /* Main Divs */ /* The frame can be set to center the page with auto margins or set to a fixed width to spread the page */ #frame { width: 900px; margin-left: auto ; margin-right: auto ; } .masthead { font-size: 0.9em; font-weight:600; color: #ffffff; } .masthead a:link., .masthead a:visited, .masthead a:active { color: #ffffff; } .masthead a:hover{ color: #ffffff; text-decoration:underline; } #billboard { } #footer { width: 900px; height: 99px; background-image:url(../images/footer_bg.gif)} #footer a{ color: #ffffff; text-decoration: none; } #footercontent { margin-left:200px; margin-right: 20px; padding-top:20px; margin-bottom:auto; font-size: 0.7em; line-height: 1.3em; font-weight:normal; text-align:justify; color: #ffffff; } #footercontent strong { font-size: 12px; } #mainbody { background-color:#D7E7F4; margin: 10px 0px 0px 0px; padding: 10px; } #subtitle { color: #0065B5; text-align: center; font-weight: bold; font-size: 1.3em; margin: 10px 0 10px 0; } #leftcol, #rightcol { font-size: 0.9em; } #leftcol { width: 140px; float: left; padding: 0; } #content { font-family: Arial, sans-serif; padding: 0; margin-left: 190px; text-align: center; vertical-align: top; } #content h2, #content h3 { padding: 0.25em 0 .75em; } #contentbody { font-size: 0.85em; line-height: 1.5em; font-family: Arial, sans-serif; color: #636568; background-color: #ffffff; text-align: left; margin: 0px auto 0px auto; padding: 0px; width: 559px; } #content ul, #content li{ line-height: 1.5em; margin: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; color: #43525D; } #content li{ background:none; list-style:circle; list-style-position: inside; list-style-type:disc; margin: 5px 5px 5px 20px; } #search { padding: 8px 0 8px 0; font-size: 1.0em; font-weight:bold; color: #636568; text-align: center; } #search input { width: 80px; } .location { font-family: Arial, sans-serif; font-size:0.9em; font-weight: normal; color: #ffffff; line-height: 1.2em; margin: 0 8px 0px 8px; padding: 0; } .location a:link, .location a:visited, .location a:hover, .location a:active { color: #ffffff; } .locationaddresses { margin:20px 10px 10px 20px; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#ffffff; } .locationdirections{ font-family: Arial, sans-serif; font-size:0.9em; font-weight: normal; color: #ffffff; line-height: 1.2em; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; } .locationdirections a:link, .location a:visited, .location a:hover, .location a:active { color: #ffffff; } /* Column Layouts */ /* Three Columns */ body.threecolumns #rightcol { width: 20%; float: right; padding: 0 2%; } body.threecolumns #content { margin-right: 25%; } /* Two Columns */ /* Hide right column */ body.twocolumns #rightcol { display: none; } /* Extend content to frame's right margin */ body.twocolumns #content { margin-right: 2%; } /* One Column */ /* Hide left column */ body.onecolumn #leftcol { display: none; } /* Hide right column */ body.onecolumn #rightcol { display: none; } /* Extend content to frame's left and right margin */ body.onecolumn #content { margin-left: 0%; margin-right: 0%; } /* This rule simply demonstrates how you can use a id instead of its class to manupulate visibility of elements */ body#contact #footer { display: none; } /* Content Section Container */ .contentsectioncontainer { text-align: left; background-color: #ffffff; padding: 15px; } /* White Ronded Corners */ .bottomleft {background: 0 100% no-repeat #FFFFFF; width: 559px; text-align: left;} .bottomright {background: 100% 100% no-repeat} .topleft {background: url(../images/cornertopleft.gif) 0 0 no-repeat} .topright {background: url(../images/cornertopright.gif) 100% 0 no-repeat; padding:15px} .middle {background-color: #ffffff; padding: 8px;} .sidenavtopleft {background: url(../images/cornertopleft.gif) 0 0 no-repeat #FFFFFF; width: 180px; text-align: left;} .sidenavtopright {background: url(../images/cornertopright.gif) 100% 0 no-repeat;} /* Forms */ /* Navigation */ #navigation { white-space:nowrap; width: 900px; background-color: #CFD0D2; } #navigationside { white-space:nowrap; width: 180px; background-color: #CFD0D2; } /* Other */ .hanging-indent { text-indent: -15px; padding-left: 25px; } .hide, .print-logo, .close-button{ display:none; } .show {display: inherit;} .left{ float:left; } .right{ float:right; } .clear{ clear:both; height:0px; font-size:0px; line-height:0px; }