/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
object {display: block;}

/* typography  */
body {font-size:75%;color:#3b3b3b;background:#0057a8 url(../gfx/body_bg.png) no-repeat center 140px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#000;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-family:"Helvetica Black", Helvetica, Arial, sans-serif;font-size:30px;color: #b4b4b4; font-weight: bold;}
h3 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-size:22px;color: #3b3b3b; font-weight: bold; margin: 20px 0 10px 0;}
h4 {font-size:18px;line-height:1.25em;font-weight: bold;}
h5 {font-size:18px;font-weight:bold;margin-bottom:0.5em;color: #727272;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1em;line-height: 22px;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#009ee0;}
a {color:#0057a8;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold; font-size: 18px;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;color:#0057a8;background: none;}
th, td {}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* bits */
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

.reset,
.reset * {margin: 0; padding: 0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb; background: #e2e2e2;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:175px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;} 
.success a {color:#264409;}

.container {width: 980px; text-align: left; margin: 0 auto;}



#countdown {text-align: left; background: #d8e5f5 url(../gfx/home_countdown_text.png) no-repeat 100% center; clear: both; padding: 10px 10px 10px 18px; margin-bottom: 18px; }
#countdown img {float: none;}


#banner {height: 140px; position: relative;}
#banner h1 {margin-left: 10px;}
#banner h1 a {background: url(../gfx/rwc-logo.png) no-repeat center left; text-indent: -3000px; display: block; width: 137px; height: 140px;}

#banner h2 {}
#banner h2 a {background: url(../gfx/nz-first-logo.png) no-repeat center right; text-indent: -3000px; width: 181px; height: 140px; display: block; position: absolute; top: 0; right: 20px;}

#banner #countdown-timer-wrapper {position: absolute; top: 45px; left: 225px;}

#home-hero {width: 980px; height: 345px; display: block;}
#home-hero #home-hero-overlay {width: 980px; height: 345px; background: url(../gfx/hero_overlay.png) no-repeat 0 0; display: block;}
#home-hero p {display: none;}

body.home {padding-top: 25px; background:#0057a8 url(../gfx/body_bg.png) no-repeat center 30px; }

body.home .container {position: relative;}
body.home #top-nav { }
body.home #top-nav ul li#tab-about a {background-image: url(../gfx/btn-about-us-home.gif);}
body.home #top-nav ul li#tab-visit a {background: url(../gfx/btn-visit-north-home.gif);}

body.home #main-content-wrapper  { clear: both;}
body.home #top-nav {background:  url(../gfx/home-top-nav-bg.png) no-repeat left bottom; height: 67px;}
body.home #home-teasers {background: url(../gfx/home-teaser-wrapper-bg.png) repeat-y 0 0; margin-left: 18px; text-shadow: 1px 1px 0px #fff; margin-bottom: 25px;}
body.home #home-teasers div.home-teaser {float: left; width: 328px;    }
body.home #home-teasers div.home-teaser h3 {margin: 18px 18px 5px 18px;}
body.home #home-teasers div.home-teaser h3 a {color: #0057a8; text-decoration: none; display: block;}
body.home #home-teasers div.home-teaser p {margin: 5px 35px 20px 18px; font-weight: bold;}
body.home #home-teasers div.home-teaser ul {list-style-type: none; margin-left: 18px;}
body.home #home-teasers div.home-teaser ul li {margin-bottom: 5px;}
body.home #home-teasers div#business-ready-teaser {margin-left: 18px;}
body.home #home-teasers div.inset {background: url(../gfx/home-teaser-wrapper-inset.jpg) no-repeat left bottom; margin: 0; padding: 0; padding-bottom: 18px;}

body.home #social-media,
body.home #latest-news {padding: 18px 0; width: 328px; float: left;}
body.home #social-media *,
body.home #latest-news * {margin: 0; }
body.home #social-media h4,
body.home #latest-news h4 {color: #b4b4b4; margin-bottom: 10px;}
body.home #social-media ul,
body.home #latest-news ul {list-style-type: none;}
body.home #social-media ul li {float: left; margin-right: 10px;}
body.home #social-media ul li.email-newsletters {margin-left: 10px; padding-top: 10px;}

body.home #latest-news {margin-left: 18px; width: 310px;}
body.home #latest-news ul li a {display: block; padding-left: 15px; background: url(../gfx/subnav-link-icon.png) no-repeat center left;}



#top-nav {}
#top-nav ul {list-style-type: none;}
#top-nav ul li {float: left;}
#top-nav ul li a {background-repeat: no-repeat; background-position: 0 0;}

#top-nav ul li#tab-game-on {width: 101px;}
#top-nav ul li#tab-about {width: 93px;} 
#top-nav ul li#tab-news {width: 74px;}
#top-nav ul li#tab-rugby-north {width: 206px;}
#top-nav ul li#tab-business-ready {width: 164px;}
#top-nav ul li#tab-contact {width: 132px;}
#top-nav ul li#tab-visit {width: 210px;}

#top-nav ul li#tab-game-on a {background: url(../gfx/btn-game-on.gif);}
#top-nav ul li#tab-about a {background: url(../gfx/btn-about-us.gif);}
#top-nav ul li#tab-news a {background: url(../gfx/btn-news.gif);}
#top-nav ul li#tab-rugby-north a {background: url(../gfx/btn-rugby-in-north.gif);}
#top-nav ul li#tab-business-ready a {background: url(../gfx/btn-business-ready.gif);}
#top-nav ul li#tab-contact a {background: url(../gfx/btn-contact-us.gif);}
#top-nav ul li#tab-visit a {background: url(../gfx/btn-visit-north.gif); color: #0096d6;}

#top-nav ul li a {display: block; height: 54px; text-align: center; color: #b1c8e8;}

#top-nav ul li#tab-game-on a:hover,
#top-nav ul li#tab-about a:hover,
#top-nav ul li#tab-news a:hover,
#top-nav ul li#tab-rugby-north a:hover,
#top-nav ul li#tab-business-ready a:hover,
#top-nav ul li#tab-contact a:hover,
#top-nav ul li#tab-visit a:hover {background-position: 0 -54px; text-decoration: underline;}

#top-nav ul li#tab-game-on a.active,
#top-nav ul li#tab-about a.active,
#top-nav ul li#tab-news a.active,
#top-nav ul li#tab-rugby-north a.active,
#top-nav ul li#tab-business-ready a.active,
#top-nav ul li#tab-contact a.active,
#top-nav ul li#tab-visit a.active {background-position: 0 -54px;}

#hero-header {width: 980px; height: 225px; clear: left;}
#hero-header img {}

#main-content-wrapper {background: #fff url(../gfx/main-content-bg.gif) repeat-y top left; position: relative;}

#main-content {width: 710px; float: left; padding-bottom: 50px;}
#main-content h1 {padding-top: 20px;}
#main-content .inset {padding: 0 20px 10px 20px;}
#main-content a {text-decoration: underline;}
#main-content p {margin-right: 10%;}
#main-content p.crumbs {font-size: 11px; color: #8b8b8b; margin-top: 15px;}
#main-content p.crumbs a {color: #323232; font-weight: bold;}


#main-content table.search-results td {border-bottom: 1px solid #b4b4b4; padding: 12px 0 12px 0;}
#main-content table.search-results th {border-bottom: 1px solid #b4b4b4; padding: 12px 0 12px 0;}

.home .intro {padding-top: 10px;}
.intro p {font-size: 20px; line-height: 26px; color: #000; width: 90%;}

.news p.meta, 
#event-teaser p.meta,
.event-teaser p.meta {font-size: 14px; font-weight: bold;}

#event-teaser p,
.event-teaser p {width: 90%; margin-bottom: 20px;}

#event-teaser h3 a,
.event-teaser h3 a {text-decoration: none;}

#event-teaser .img-wrapper,
.event-teaser .img-wrapper {float: left; width: 120px; padding: 0; margin: 3px 0 20px 0; background: url(../gfx/intros-image_bg.png) no-repeat 100px 0 ;}

#event-teaser h4,
.event-teaser h4 {color: #b4b4b4; margin: 15px 0 15px 0;}

#event-teaser table.event-details,
.event-teaser table.event-details {width: 350px;}

#event-teaser table.event-details td,
.event-teaser table.event-details td,
#event-teaser table.event-details th,
.event-teaser table.event-details th {border-bottom: 1px solid #b4b4b4; padding: 12px 0 12px 0;width: 140px; vertical-align: top;}

.splitter .first-col {float: left; width: 300px; margin-right: 20px;}
.splitter .second-col {float: left; width: 300px;}

span.page-image-right,
span.page-image-left {float: right; background: #dbdbdb; width: 220px; padding: 10px 10px 5px 10px; margin: 0 0 10px 15px;}
span.page-image-left {float: left; margin: 0 15px 10px 0;}
span.page-image-right *,
span.page-image-left * {margin: 0; padding: 0; }
.image-caption {display: block; font-size: 10px; font-style: italic; line-height: 12px;}

span.page-image-right.landscape, 
span.page-image-left.landscape {width: 280px;}

#main-content .news h3 a {text-decoration: none;}
#main-content .news { padding: 0 0 20px 0; }
#main-content .first {background: url(../gfx/main-content-transparency.png) no-repeat top left; padding-top: 25px; margin-left: -20px; padding-left: 20px;}

#teaser-container {background: url(../gfx/main-content-transparency.png) no-repeat top left;}
#teaser-container h2 {padding: 20px 0;}
#teaser-container ul.intros,
#teaser-container ul.intros * {margin: 0; padding:0;}
#teaser-container ul.intros {list-style-type: none;}
#teaser-container ul.intros li {float: left; width: 50%; padding-bottom: 30px;}
#teaser-container ul.intros li.alternate-li {float: none; clear: both; height: 2px; width: 100%; margin: 0 0 25px 0; padding: 0; border-top: 1px solid #dbdbdb; }
#teaser-container ul.intros li .img-wrapper {float: left; width: 120px; padding: 0; margin-top: 3px; background: url(../gfx/intros-image_bg.png) no-repeat 100px 0 ;}
#teaser-container ul.intros li h4 {margin-bottom: 8px; padding-top: 0; width: 190px;   margin-left: 120px; }
#teaser-container ul.intros li h4 a {color: #0057a8; text-decoration: none; display: block;}
#teaser-container ul.intros li h4 a img { margin-right: -20px;}
#teaser-container ul.intros li p {font-size: 12px;  width: 190px; border: none;  margin-left: 120px;} 

#sidebar {width: 270px; float: left;}
#sidebar table.search input {margin: 12px 0 0 25px;}
#sidebar table.search input.submit {margin: 0; padding: 12px 10px 0 0}
#sidebar h2 {margin: 40px 30px 30px 30px;}
#sidebar h2 a {background: url(../gfx/land-rugby-logo.jpg) no-repeat top left; width: 209px; height: 144px; display: block; text-indent: -3000px;}

#sidebar .related-item {margin: 0 0 25px 30px;}
#sidebar .related-item h5 {font-size: 18px;}
#sidebar .related-item a {font-weight: bold;}

#sidebar .browse-filter {}
#sidebar .browse-filter h4 {margin: 0 0 10px 30px; color: #727272; font-size: 14px;}
#sidebar .browse-filter ul {list-style-type: none;}
#sidebar .browse-filter ul li {padding: 4px 15px;}
#sidebar .browse-filter ul li a {font-weight: bold; font-size: 11px; background: display: block; color: #000;}
#sidebar .browse-filter ul li a:hover {color:#009ee0;}
#sidebar .browse-filter ul li a.active {color:#009ee0;}

#sub-nav h5 {background: url(../gfx/subnav-heading-icon.png) no-repeat center left; margin-left: 30px;}
#sub-nav h5 a {color: #727272; padding-left: 25px;}
#sub-nav ul {list-style-type: none;}
#sub-nav ul li {background: url(../gfx/subnav-border.png) no-repeat bottom left;}
#sub-nav ul li a {font-weight: bold; font-size: 14px; margin-left: 12px; padding: 7px 15px;background: url(../gfx/subnav-link-icon.png) no-repeat center left; display: block;}
#sub-nav ul ul li {border: none; background: none;}
#sub-nav ul ul li a {font-size: 11px; font-weight: bold; padding: 0 0 8px 0; color: #000; background: none;}
#sub-nav ul ul li a:hover,
#sub-nav ul li a.active,
#sub-nav ul ul li a.active {color:#009ee0;}

.sidebar-feature {background: #e3e3e3 url(../gfx/sidebar-feature_bg.png) repeat-y 0 0; width: 270px; border: 1px solid #b9b9b9; border-left: none; border-right: none; margin-bottom: 18px;}
.sidebar-feature p {width: 220px;}
.sidebar-feature h3 {font-size:20px;color: #0057a8; font-weight: bold;}

#newsletter-wrapper,
#fb-tw-wrapper,
#featured-event {margin: 15px 0 0 30px;}

#newsletter-wrapper h3 a {background: url(../gfx/newsletter-icon.gif) no-repeat center left; padding-left: 48px; height: 30px; width: 38px;}

#twitter,
#facebook {width: 100px; float: left; margin-bottom: 20px}

#featured-event h5 {margin-bottom: 2px;}
#featured-event h5 a {font-size: 14px; font-weight: bold; color: #323232;}
#featured-event h5 a:hover {color:#009ee0;}
#featured-event p.meta {font-style: italic; font-size: 10px; line-height: 14px;}
.featured-event-teaser {}
.featured-event-teaser img {margin: 5px 15px 15px 0; float: left;}
.featured-event-teaser p {margin-bottom: 20px;}


p#back-top {clear: both; background: url(../gfx/btn-back-to-top.png) no-repeat bottom left; padding: 0; margin: 0; position: absolute; bottom: -9px; left: 20px; width: 129px; height: 39px;}
p#back-top a {background: #0057a8 url(../gfx/back-top-arrow.png) no-repeat 8px 9px; margin-right: 18px; color: #fff; padding: 8px 0 10px 32px; font-weight: bold; display: block;}

#footer { background: #b1c8e8 url(../gfx/footer-bg.gif) repeat-x top left;}

#footer-details-left {padding-top: 35px; float: left;}
#footer-details-left p {color: #546884; margin-left: 20px; font-size: 11px;}
#footer-details-left p.copyright {margin-left: 30px;}
#footer-details-left p a {margin: 0 10px 0 10px;}


#nz-rwc {float: right; margin: 50px 30px 0 0;}
#nz-rwc a {font-size: 13px; color: #000; }
#nz-rwc a span{font-size: 10px; color: #6a809f;}

#footer-end {background: url(../gfx/footer-corners.png) no-repeat left bottom; padding-bottom: 89px;}


