
@import 'opez-common.css';

#branding { width: 334px; }
#branding a { height: 119px; width: 334px; background: url(images/hp-logo.png) no-repeat; }
#branding span { background: url(images/hp-title-tailored-super.png) no-repeat right bottom; height: 16px; width: 182px; margin-right: 16px; }

.masthead.home { background: url(images/banners/home.jpg) no-repeat 0 0; height: 150px; padding: 279px 0 0 0; }

.masthead .blurb_outer { background:url(images/hp-ul-background.gif) no-repeat 0 0; height: 164px; margin: 0 0 0 -53px; position: relative; width: 860px; }
.masthead .blurb { float: right; height: 104px; width: 807px; }
.masthead .blurb h1 { color: #ffffff; font-size: 140%; margin: 35px 0 0 78px; width: 600px; font-weight: normal; }
.masthead .blurb span.cufon-canvas { margin-bottom: 8px; }

.masthead ul { margin-left: 0; }
.masthead ul,
.masthead ul li,
.masthead ul li a { background: none; height: 46px; line-height: 46px; }


.contentcontainer { background: url(images/hp-contentcontainer-bg.gif) repeat-y 0 0; float: left; font-size: 95%; line-height: normal; position: relative; width: 726px; }

.contentcontainer .left-col,
.contentcontainer .center-col,
.contentcontainer .right-col { padding: 0 10px 25px 0; width: 212px; }

.contentcontainer .left-col { float: left; margin: 0 30px 0 0; }
.contentcontainer .center-col { float: left; }
.contentcontainer .right-col { float: right; }

.contentcontainer a.arrow,
.contentcontainer a.arrow,
.contentcontainer a.arrow { bottom: 6px; position: absolute;  }

a#moreblurb {left: 0;}
a#morenews {left: 252px;}
a#moreevents {left: 503px;}

.contentcontainer .left-col h3,
.contentcontainer .center-col h3,
.contentcontainer .right-col h3 { color: #bcab78; font-size: 140%; height: 35px; margin: 0 0 5px 0; }

.contentcontainer .left-col p,
.contentcontainer .center-col p,
.contentcontainer .right-col p {margin: 0 0 12px 0;}

.contentcontainer .center-col a { font-weight: bold; }
.contentcontainer .center-col a:hover { color: #bcab78; }
.contentcontainer .center-col a span.news-teaser { display: block; font-weight: normal; color: #555; }

.contentcontainer .right-col a span.date { color: #bcab78; font-weight: bold; padding-right: 2px; }
.contentcontainer .right-col a:hover { color: #000; text-decoration: none; }