/*------------------------------------------------------------------------------ kickin' it Ofstead style ------------------------------------------------------------------------------*/ body { margin: 0; padding: 0; color: #444; font-family: Arial, verdana, sans-serif; font-size: 12px; background: #39352d url('/back.gif') repeat; text-align: center; } p{ margin: 0 0 15px 0; font-size: 14px; } h1{ font-family: Arial, verdana, sans-serif; font-weight: bold; color: #000000; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; margin: 0 0 18px 0; } h2{ font-family: Arial, verdana, sans-serif; font-weight: bold; font-size: 14px; margin: 0 0 10px 0; color: #0068b3; text-align: center; } h2 span{ color: #E50000; } h2 a:visited{ color: #0068b3; } h3{ font-family: Arial, verdana, sans-serif; font-weight: normal; font-size: 14px; margin-bottom: -15px; width: 455px; } h4{ margin-bottom: 0; } img{ border: 0; } /*------------------------------------------------------------------------------ layout ------------------------------------------------------------------------------*/ #wrapper{ padding: 5px; background: #fff; text-align: left; margin:0px auto; width: 777px; } #empty {} #header{ width: 767px; height: 80px; position: relative; clear: both; vertical-align: top; } #header img{ position: absolute; top: 50%; right: 0; margin-top: -35px; } #content{ width: 767px; clear: both; border-top: 5px solid #b9b09d; background: url('/content_back.gif') repeat-y; float: left; } #primary{ font-family: Arial, verdana, sans-serif; font-size: 14px; padding: 30px 0px 10px 70px; line-height: 120%; float: left; } #empty {} #primary a{ font-size: 15px; } #primary p{ width: 420px; } #primary .intro{ font-family: Arial, verdana, sans-serif; font-size: 15px; line-height: 150%; margin-bottom: 10px; width: 420px; } #secondary{ font-family: Arial, verdana, sans-serif; font-size: 14px; float: right; padding: 30px 7px 10px 0; width: 150px; margin-right: 25px; text-align: right; line-height: 120%; } #empty {} #secondary p{ margin-top: 10px; } #footer{ clear: both; width: 767px; border-top: 5px solid #b9b09d; margin: 0 0 1px 0; font-size: 12px; } #footer a{ color: #0068b3; } #footer a:hover{ color: #000; text-decoration: none; } #footer .contact{ float: right; width: 207px; margin-right: 30px; text-align: right; } #footer .copyright{ margin-left: 70px; padding-top: 0px; } .sans{ font-size: 11px; font-family: Arial, verdana, sans-serif; } .col1{ float: left; width: 220px; font-family: Arial, verdana, sans-serif; font-size: 15px; } .col1 .pad{ padding-right: 10px; } /*------------------------------------------------------------------------------ navigation ------------------------------------------------------------------------------*/ a{ color: #0068b3; text-decoration: none; } a:visited{ color: #7da0d2; text-decoration: none; } a:hover{ color: #006600; text-decoration: none; } #navigation{ position: relative; margin: 5px 0; background: url('/nav_back.gif') repeat-y; font-size: 14px; font-weight: bold; width: 767px; height: 120px; } #navigation.tertiary{ background: url('/nav_back_tertiary.gif') repeat-y; } #navigation ul, #navigation li{ list-style: none; padding: 0; } #primary_nav{ position: absolute; right: 15px; text-align: right; width: 249px; padding: 7px 0 !important; padding: 3px 0; line-height: 20px; font-family: times new roman, garamond, bodini; } #primary_nav a{ color: #0068b3; padding-right:15px; } #primary_nav img{ margin: 0 0 5px 0; } #primary_nav a:hover{ color: #000000; text-decoration: none; } #primary_nav li { line-height: 120%; } #primary_nav li.active a { color: #000000; text-decoration: none; } #secondary_col_A{ position: absolute; left: 55px; width: 400px; padding: 0 0 10px 0; line-height: 20px; font-family: times new roman, garamond, bodini; color: #ffffff; } #secondary_col_A p{ padding: 15px 0 0 15px; font-size: 18px; } html*#secondary_col_A A{ display: inline; padding: 5px 0 5px 15px; } #secondary_col_A A{ padding-left: 15px; color: #E5E3D2; } #secondary_col_A A:hover, #secondary_col_A li.active a { color: #fff; background: url('/pointer.gif') no-repeat 0 center; text-decoration: none; } /*------------------------------------------------------------------------------ lists ------------------------------------------------------------------------------*/ ul, li{ margin-left: 15px; padding-left: 0; font-size: 15px; line-height: 130%; } ul.long{ width: 455px; } /*------------------------------------------------------------------------------ misc ------------------------------------------------------------------------------*/ .clear{ clear: both; height: 1px; } .quote{ text-align: justify; margin-left: 30px; padding-left: 0; margin-right: 0; font-family: Arial, verdana, sans-serif; font-size: 14px; width: 380px; } .quote p{ margin: 15px 0 0 0; font-size: 14px; line-height: 110%; } .footnote{ font-family: Arial, verdana, sans-serif; font-size: 10px; color: #B2B2B2; } .footnote a, #primary .footnote a{ font-size: 10px; color: #B2B2B2; text-decoration: underline; } .rquote { background-image: url('/images/rquote_middle.gif'); width: 178px !important; width: 200px; padding-bottom: 5px !important; padding: 5px 15px 10px 7px; margin-top: -7px !important; margin-top: 0; } .bquote { background-image: url('/images/bquote_middle.gif'); width: 405px !important; width: 430px; padding-bottom: 5px !important; padding: 0px 18px 10px 7px; margin-top: -7px !important; margin-top: 0; } .rquote, .bquote { color: #E5E3D2; font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; text-align: left; }