html * {
margin: 0;
padding: 0;
}
body { background: #ebf6ec url("/public/img/bg.jpg") repeat-x; }
/*-- Global ---------- */
body, textarea {
font: 13px/18px Helvetica, Arial, Verdana, Tahoma, sans-serif;
color: #2e2e31;
}
a {
color: #006bb7;
font-weight: bold;
}
a:hover { color: #cd7121; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {
/* font-weight: normal; */
}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0;}
h2#contenttitle {
color: #006bb7;
font-size: 25px;
font-weight: normal;
border-bottom: solid 1px #bad7ec;
margin-bottom: 9px;
}
h3.subhead {
color: #d97e2e;
font-size: 18px;
}
.pics {
width: 480px; height: 255px;
z-index:0;
}
.pics a { display: block; width: 480px; height: 255px; top: 0; left: 0;z-index:0; }
/*-- Clearing Styles & Container --*/
#container {
width: 758px;
margin: 0 auto;
background: #fff;
}
.block {
width: 720px;
display: block;
padding: 0 19px;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 240px;
}
/*-- Header --*/
#header {
height: 80px;
background: #fff url("/public/img/header-bg.gif") no-repeat;
padding-top: 17px;
}
/*-- Logo --*/
#logo {
padding: 0;
}
#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
background: url("/public/img/ppt-logo.gif") no-repeat;
width: 303px;
height: 66px;
}
h1#logo a.spine { background: url("/public/img/ppt-spine-logo.gif") no-repeat; }
h1#logo a.sports { background: url("/public/img/ppt-sports-logo.gif") no-repeat; }
/*-- Main Navigation --*/
#navigation {
background: url("/public/img/nav-bg.gif") no-repeat;
width: 702px;
margin: 0 0 0 19px;
padding: 10px 9px;
height: 26px;
}
/*
ul#mainnav {
margin: 0;
list-style: none;
float: left;
height: 30px;
}
ul#mainnav li {
margin: 0;
float: left;
height: 30px;
background: url("/public/img/mainnav-toplevel-r.gif") right top no-repeat;
list-style: none;
}
ul#mainnav li a {
float: left;
display: block;
color: #fff;
height: 26px;
background: url("/public/img/mainnav-toplevel-l.gif") no-repeat;
text-decoration: none;
padding: 4px 12px 0 8px;
}
*/
ul#mainnav { }
ul#mainnav, ul#mainnav ul {
padding: 0;
margin: 0;
list-style: none;
z-index: 1000;
}
ul#mainnav a {
display: block;
color: #fff;
background: url("/public/img/mainnav-toplevel-l.gif") no-repeat;
padding: 4px 12px 6px 8px;
text-decoration: none;
}
ul#mainnav li {
float: left;
background: url("/public/img/mainnav-toplevel-r.gif") right top no-repeat;
margin: 0;
}
ul#mainnav li ul {
position: absolute;
width: 200px;
left: -999em;
background: #3389c5;
margin: -2px 0 0 -1px;
border-top: solid 1px #006bb7;
border-right: solid 1px #006bb7;
border-left: solid 1px #006bb7;
}
ul#mainnav li ul li a, ul#mainnav li ul li {
background: none;
font-weight: normal;
}
ul#mainnav li ul li {
border-bottom: solid 1px #006bb7;
width: 200px;
}
ul#mainnav li ul li a {
width: 180px;
}
ul#mainnav li ul li a:hover {
background: #006bb7;
}
ul#mainnav li:hover ul ul, ul#mainnav li.sfhover ul ul {
left: -999em;
}
ul#mainnav li:hover ul, ul#mainnav li li:hover ul, ul#mainnav li.sfhover ul, ul#mainnav li li.sfhover ul {
left: auto;
}
ul#mainnav li li:hover ul, ul#mainnav li li.sfhover ul {
margin: -29px 0 0 200px;
}
ul#mainnav li li ul li a {
font-weight: bold;
font-size: 11px;
}
ul#mainnav li ul ul {
/*margin: 0 0 0 10em;*/
}
ul#mainnav-secondary {
float: right;
margin: 0;
list-style: none;
}
ul#mainnav-secondary li {
margin: 3px 0 0 0;
display: inline;
float: left;
text-align: right;
}
ul#mainnav-secondary li a {
color: #fff;
text-decoration: none;
font-size: 11px;
padding: 0 9px 0 9px;
border-right: solid 1px #3389c5;
}
ul#mainnav-secondary li.last a {
border: none;
padding-right: 6px;
}
/* Home Page Layout & Styles ---- */
#home-intro {
padding: 1px 19px;
}
#home-intro-main { width: 480px; }
#home-intro-features {
width: 238px;
padding: 0 0 0 2px;
}
img#home-feature-1 { margin: 0 0 2px 0;}
/* Main Content ---- */
#main-content {
padding: 12px 19px;
}
#sidebar {
padding: 0 30px 0 0;
}
#content {
width: 450px;
}
/* Sidebar ---- */
.sidebar-feature {
background: #eee url("/public/img/sidebar-feature-bg.gif") repeat-y;
}
.sidebar-feature h4 {
background: url("/public/img/sidebar-feature-top.gif") no-repeat;
padding: 15px 16px 9px 16px;
color: #3ca447;
font-size: 16px;
}
.sidebar-feature .sidebar-feature-content {
background: url("/public/img/sidebar-feature-bottom.gif") left bottom no-repeat;
padding: 0 16px;
}
/* Breadcrumb ---- */
ul#breadcrumb {
margin: 0;
list-style: none;
border-bottom: solid 2px #bad7ec;
padding: 0 0 9px 0;
}
ul#breadcrumb li {
display: inline;
margin: 0;
}
ul#breadcrumb li a {
font-size: 10px;
text-decoration: none;
background: url("/public/img/bc-arrow.gif") 100% 50% no-repeat;
padding: 0 7px 0 0;
}
ul#breadcrumb li a.active {
background: none;
font-weight: normal;
color: #2e2e31;
}
/* Subnav ---- */
.subnav {
background: #e5f0f8 url("/public/img/subnav-bottom.gif") left bottom no-repeat;
}
.subnav ul {
background: url("/public/img/subnav-top.gif") no-repeat;
margin: 0;
list-style: none;
padding: 11px;
}
.subnav ul li ul {
background: none;
margin: 0;
list-style: none;
padding: 0 0 0 11px;
}
.subnav ul li {
margin: 0;
border-bottom: solid 1px #a7cce6;
width: 218px;
float: left;
clear: both;
}
.subnav ul li.last { border: none; }
.subnav ul li a {
font-size: 12px;
padding: 4px 0;
text-decoration: none;
display: block;
float: left;
width: 218px;
}
.subnav ul li ul li, .subnav ul li ul li a {
width: 207px;
font-weight: normal;
color: #cd7121;
}
.subnav ul li ul li a:hover {
color: #006bb7;
}
.subnav ul li ul li {
border-top: solid 1px #a7cce6;
border-bottom: none;
}
/* Locations ---- */
.location {
background: #f0f6fb;
width: 450px;
margin: 4px 0 0 0;
}
.location p, #location-info p { padding: 0; }
.location-address {
border-right: solid 1px #fff;
width: 275px;
float: left;
padding: 12px;
}
.location-address h3 {
padding: 0;
color: #006bb7;
font-size: 14px;
}
.location-address h3 a { text-decoration: none; }
.location-links {
width: 126px;
float: left;
padding: 12px;
}
.location-links a {
color: #3ca447;
text-decoration: none;
display: block;
padding: 6px 0 0 10px;
background: url("/public/img/grn-arrow.gif") 0px 10px no-repeat;
}
#location-info {
width: 450px;
background: #f0f6fb;
}
#location-address, #location-hours, #location-contact {
width: 138px;
float: left;
font-size: 10px;
padding: 6px;
}
#location-address {
width: 137px;
border-right: solid 1px #fff;
}
#location-hours {
width: 137px;
border-left: solid 1px #fff;
}
#location-info h3 {
padding: 0 0 3px 0;
color: #3ca447;
font-size: 13px;
}
#staff h4 {
border-bottom: solid 1px #bad7ec;
font-size: 19px;
padding: 18px 0 6px 0;
color: #006bb7;
}
.staff {
border-top: solid 1px #bad7ec;
padding: 8px 0 0 0;
width: 450px;
}
.staff h5 {
color: #006bb7;
font-size: 15px;
}
.staff h6 {
padding: 0 0 6px 0;
font-size: 13px;
}
.staff-photo {
float: left;
width: 85px;
padding: 0 15px 0 0;
}
.staff-info {
width: 350px;
float: left;
}
/* Footer ---- */
#footer {
background: url("/public/img/footer-bg.gif") no-repeat;
padding: 12px 0;
width: 758px;
margin: 0 auto;
text-align: center;
font-size: 10px;
}
#footer a { color: #3ca447; }
#editContent {
background: none;
padding: 12px;
}