body
{
width: 100%;
color: #171717;
background: #b2c1cb url(/images/bgbw.jpg) repeat-x center top;
font-family: arial, verdana, sans-serif;
font-size: 62.5%;
text-align: center;
padding: 0;
margin: 0 auto 0 auto;
}
body.home
{
background: #fff url(/images/bgcolour.jpg) repeat-x center top;
}
body.contact
{
background: #b2c1cb url(/images/bgcolour.jpg) repeat-x center top;
}
html
{
min-height: 100%;
margin-bottom: 1px;
overflow: -moz-scrollbars-vertical;
}
img, object, embed
{
border: 0px none;
display: block;
outline: none;
margin: 0;
padding: 0;
}
form, section, article, nav, aside, footer, menu
{
margin: 0;
padding: 0;
}
div.loading
{
background: url(/images/loading.gif) no-repeat 10px 10px;
}
img.float_right
{
float: right;
padding: 0 0 5px 10px;
}
img.float_left
{
float: left;
padding: 0 10px 5px 0;
}

a:link, a:visited
{
outline: none;
color: #6298c7;
text-decoration: underline;
}
a:hover, a:active, a.active:visited, a.active:link
{
outline: none;
color: #000;
text-decoration: underline;
}
hr
{
clear: left;
width: 100%;
height: 1px;
color: #57320f;
border: 0px none;
border-bottom: 1px dotted #57320f;
padding: 10px 0 0 0;
margin: 0 0 10px 0;
line-height: 1em;
}

input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: arial, verdana, sans-serif;
padding: 3px;
border: 0 none;
color: #fff;
}
select
{
padding: 2px;
}

h2, h3, h4
{
padding: 0;
margin: 1em 0 .6em 0;
display: block;
font-size: 1.5em;
line-height: 1.1em;
color: #002935;
}
h2.nomargin{margin-top: 0;}
h3{font-size: 1.4em;}
h4{font-size: 1.3em;}

p
{
padding: 0;
margin: 0 0 .6em 0;
font-size: 1.2em;
line-height: 1.3em;
}
p small
{
font-size: .9em;
}
p.intro
{
float: left;
width: 100%;
font-size: 1.5em;
line-height: 1.4em;
}
p.quote
{
color: #bd0000;
font-size: 1.4em;
}

ul, ol
{
margin: 0 0 1.2em 0;
padding: 0 0 0 20px;
}
ol
{
padding: 0 0 0 30px;
}
ul li, ol li
{
font-size: 1.2em;
line-height: 1.4em;
}
li li, ul li p, ol li p, ul li h1, ol li h1, ul li h2, ol li h2, ul li h3, ol li h3, ul li h4, ol li h4
{
font-size: 1em;
margin: 0;
}

div.header .logo, div.header p.speights, div.home p.engage, div.home h2.crc, div.eosouter ul.follow li, div.footer ul li a span, div.content div.inner div.team h2.team
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
}
div.header .logo a, div.header p.speights a, div.home h2.crc a, div.eosouter ul.follow li a
{
float: left;
display: block;
text-decoration: none;
}
div.header .logo, div.header .logo a
{
width: 361px;
height: 103px;
background: url(/images/logo.gif) no-repeat;
}
div.header p.speights
{
float: right;
margin: 8px 0 0 0;
}
div.header p.speights, div.header p.speights a
{
width: 158px;
height: 88px;
background: url(/images/speights.gif) no-repeat;
}
div.header .logo img
{
display: none;
}
div.header ul.top
{
float: right;
list-style-type: none;
padding: 0 78px 0 0;
margin: 28px 0 0 0;
}
div.header ul.top li
{
text-align: right;
font-weight: bold;
line-height: 2.7em;
}
div.header ul.top li.crc
{
padding: 0 0 0 23px;
background: url(/images/crc.gif) no-repeat center left;
}
div.header ul.top li a:link, div.header ul.top li a:visited
{
color: #fff;
text-decoration: none;
}
div.header ul.top li a:hover, div.header ul.top li a:active,
div.header ul.top li a.active:link, div.header ul.top li a.active:visited
{
color: #fff;
text-decoration: underline;
}

div.homeouter, div.bwouter, div.contactouter
{
width: 100%;
float: left;
min-height: 574px;
text-align: center;
margin: 0 auto 0 auto;
background: url(/images/colour.jpg) no-repeat center top;
}
div.bwouter
{
padding: 0 0 30px 0;
background: url(/images/bw.jpg) no-repeat center top;
}


div.eosouter
{
width: 100%;
float: left;
text-align: center;
margin: 0 auto 0 auto;
padding: 25px 0 20px 0;
background: #b2c1cb;
}
div.wakarugby
{
width: 900px;
margin: auto;
text-align: left;
}
div.header
{
float: left;
width: 900px;
height: 111px;
padding: 10px 0 0 0;
}
div.page
{
float: left;
width: 900px;
position: relative;
z-index: 100;
background: url(/images/page.png) repeat-y;
}

div.home
{
float: left;
width: 381px;
padding: 43px 0 0 0;
}
div.home p.engage
{
width: 381px;
height: 130px;
margin: 0 0 26px 0;
background: url(/images/engage.gif) no-repeat;
}
div.home h2.crc, div.home h2.crc a
{
width: 341px;
height: 22px;
background: url(/images/crchome.gif) no-repeat;
}
div.home h2.crc
{
margin: 0 0 10px 0;
}
div.home div.text
{
float: left;
width: 381px;
border-top: 1px solid #4b6474;
border-bottom: 1px solid #4b6474;
}
div.home div.text div.textinner
{
float: left;
width: 341px;
padding: 15px 20px;
margin: 1px 0 1px 0;
background: url(/images/home.png);
}
div.home div.text p
{
float: left;
width: 341px;
color: #fff;
font-size: 1.1em;
}
div.home div.text p a:link, div.home div.text p a:visited
{
color: #6298c7;
}
div.home div.text p a:hover, div.home div.text p a:active
{
color: #fff;
}

div.home div.text h3
{
float: left;
width: 341px;
margin-top: 0;
}
div.home div.text h3 a:link, div.home div.text h3 a:visited
{
color: #fff;
}
div.home div.text h3 a:hover, div.home div.text h3 a:active
{
color: #6298c7;
}

div.eosouter div.left
{
float: left;
width: 514px;
}
div.eosouter div.right
{
float: right;
width: 287px;
margin: 7px 0 0 0;
border-top: 1px solid #fff;
}
div.eosouter div.right h2
{
font-size: 1.2em;
}
div.eosouter div.right h2 span
{
color: #282828;
}
div.eosouter div.right p
{
font-size: 1.1em;
}
div.eosouter ul.follow
{
position: relative;
z-index: 10;
float: left;
width: 89px;
height: 41px;
margin: -14px 0 0 0;
padding: 0;
list-style-type: none;
}
div.eosouter ul.follow li, div.eosouter ul.follow li a
{
width: 77px;
height: 41px;
background: url(/images/follow.gif) no-repeat;
}

h1.sifr, p.sifr, h1.sifrsmall, p.sifrsmall, h2.sifr, h1.sifrwhite
{
margin: 0;
padding: 0;
font-weight: normal;
line-height: 1.1em;
text-transform: uppercase;
width: 100%;
color: #000;
font-size: 3.5em;
height: 54px;
}
h1.sifrwhite
{
color: #fff;
}
h1.sifrsmall, p.sifrsmall, h2.sifr
{
font-size: 2.6em;
height: 40px;
}

div.contact
{
float: left;
width: 840px;
padding: 30px;
min-height: 354px;
color: #fff;
background: url(/images/contact.png);
}
div.contact div.left
{
float: left;
width: 400px;
}
div.contact div.left h2, div.contact div.form h2
{
margin-top: 0;
color: #fff;
}





div.content
{
float: left;
width: 840px;
padding: 30px;
min-height: 354px;
background: #d9e5ee;
}
div.content div.inner
{
width: 677px;
float: right;
}
div.content div.inner div.white
{
width: 617px;
padding: 20px 30px;
float: left;
background: #fff;
}
div.content div.dynamic
{
width: 100%;
float: left;
margin: 15px 0 0 0;
padding: 20px 0 0 0;
border-top: 1px solid #2c4c6c;
}
div.content div.dynamic div.comment
{
width: 820px;
float: left;
margin: 5px 0 0 0;
padding: 10px;
background: #afc5d5;
}
div.content div.dynamic h2, div.content div.dynamic h3
{
font-size: 1.4em;
margin: 0 0 .4em 0;
}
div.content div.dynamic img.image
{
float: left;
padding: 0 17px 5px 0;
}
div.content div.dynamic p.meta
{
border-top: 1px dotted #afc5d5;
font-size: 1.1em;
width: 100%;
float: left;
padding: 8px 0 0 0;
margin: 8px 0 0 0;
}
div.content div.dynamic div.comment p.meta
{
border-top: 1px dotted #fff;
}

div.content p.sponsor
{
float: left;
width: 100%;
position: relative;
z-index: 10;
margin: -54px 0 8px 0;
color: #2c4c6c;
text-align: right;
}
div.content p.sponsor img
{
float: right;
padding: 0 0 0 8px;
}

div.content div.inner div.team
{
width: 677px;
float: left;
color: #fff;
background: #3b658e url(/images/team.png) repeat-x bottom left;
}
div.content div.inner div.image
{
width: 677px;
float: left;
overflow: hidden;
}
div.content div.inner div.image p
{
margin: 0;
}
div.content div.inner div.team h2.team
{
width: 100%;
height: 12px;
margin: 0 0 18px 0;
background: url(/images/team.gif) no-repeat;
}
div.content div.inner div.team p
{
width: 100%;
float: left;
}
div.content div.inner div.team div.players
{
width: 633px;
float: left;
padding: 20px 14px 20px 30px;
}

div.content div.inner div.team div.players ul.players
{
width: 633px;
float: left;
padding: 0;
margin: 0;
list-style-type: none;
}
div.content div.inner div.team div.players ul.players li
{
float: left;
width: 199px;
height: 26px;
line-height: 1.1em;
padding: 0 12px 4px 0;
}
div.content div.inner div.team div.players ul.players li a
{
float: left;
width: 169px;
min-height: 20px;
padding: 6px 8px 0 22px;
background: url(/images/player.png) no-repeat;
}
div.content div.inner div.team div.players ul.players li a:link, div.content div.inner div.team div.players ul.players li a:visited
{
color: #fff;
text-decoration: none;
}
div.content div.inner div.team div.players ul.players li a:hover, div.content div.inner div.team div.players ul.players li a:active
{
color: #fff;
text-decoration: none;
background-position: bottom left;
}

div.content div.inner div.team div.details
{
width: 623px;
float: left;
padding: 20px 27px 10px 27px;
background: #fff url(/images/details.png) repeat-x;
}
div.content div.inner div.team div.details table, div.content div.inner div.white table
{
float: left;
width: 100%;
margin: 0 0 10px 0;
}
div.content div.inner div.team div.details table th, div.content div.inner div.team div.details table td,
div.content div.inner div.white table th, div.content div.inner div.white table td
{
font-size: 1.1em;
vertical-align: top;
}
div.content div.inner div.team div.details table th, div.content div.inner div.white table th
{
color: #2c4c6c;
font-weight: bold;
}
div.content div.inner div.team div.details table td, div.content div.inner div.white table td
{
color: #171717;
}


div.content div.inner table.games
{
width: 100%;
float: left;
}
div.content div.inner table.games th, div.content div.inner table.games td
{
font-size: 1.1em;
padding: 6px;
color: #2c4c6c;
background: #fff;
text-align: center;
vertical-align: top;
border-bottom: 1px solid #d9e5ee;
}
div.content div.inner table.games tr.nextgame td
{
color: #fff;
background: #6298c7;
}
div.content div.inner table.games td.nextgame
{
width: 15px;
}
div.content div.inner table.games th.date
{
text-align: left;
width: 50px;
}
div.content div.inner table.games th, div.content div.inner table.games td.th
{
color: #fff;
font-weight: bold;
padding: 6px;
background: #2c4c6c;
}
div.content div.inner table.games th.left, div.content div.inner table.games td.left
{
text-align: left;
}
div.content div.inner table.games th.right, div.content div.inner table.games td.right
{
text-align: right;
}
div.content div.inner table.games td.report
{
font-size: 1em;
text-align: left;
background: #eeeeee;
padding: 20px 30px;
}
div.content div.inner table.games td.report h2
{
margin-top: 0;
}
div.content div.inner table.games td.report img
{
float: left;
padding: 0 15px 10px 0;
}


div.content div.inner div.left
{
float: left;
width: 325px;
}
div.content div.inner div.right
{
float: right;
width: 325px;
}
div.content div.inner div.location
{
float: left;
width: 615px;
height: 450px;
border: 1px solid #ccc;
background: #f7f9fa;
margin: 0 0 10px 0;
}

div.content table.tariffs
{
width: 100%;
float: left;
margin: 0 0 10px 0;
padding: 0;
table-layout: fixed;
}
div.content table.tariffs tr th
{
background: #333;
color: #fff;
font-weight: normal;
text-align: center;
font-size: 1.1em;
padding: 9px;
}
div.content table.tariffs tr td
{
font-size: 1.1em;
padding: 9px;
text-align: center;
background: #f0efe1;
border-top: 1px solid #dfdecd;
color: #222;
}
div.content table.tariffs tr.alt td
{
background: #fff;
}


div.content ul.aux
{
width: 520px;
margin: -38px 0 0 0;
padding: 0;
list-style-type: none;
float: right;
z-index: 10;
position: relative;
}
div.content ul.aux li
{
float: right;
padding: 0 0 0 12px;
font-size: 1.3em;
}
div.gallery, div.galleryinner
{
float: right;
width: 658px;
height: 678px;
}
div.gallery img
{
float: left;
margin: 0 0 8px 0;
}
div.gallery p
{
margin: 0;
}
div.gallery p.image
{
float: left;
width: 658px;
}
ul.gallery
{
width: 165px;
margin: 0;
padding: 0;
list-style-type: none;
float: left;
background: url(/images/gallery.gif);
min-height: 440px;
}
ul.gallery li
{
float: left;
padding: 0 2px 2px 0;
}






div.content ul.links
{
float: left;
width: 738px;
margin: 0 -1px 0 0;
padding: 0;
list-style-type: none;
}
div.content ul.links li
{
float: left;
width: 236px;
padding: 0 10px 0 0;
margin: 1em 0 .4em 0;
}
div.content ul.links li a:link, div.content ul.links li a:visited
{
color: #865500;
text-decoration: none;
}
div.content ul.links li a strong
{
color: #222;
}
div.content ul.links li a:hover, div.content ul.links li a:active,
div.content ul.links li a:hover strong, div.content ul.links li a:active strong
{
text-decoration: underline;
color: #3e3e3e;
}


/* ######## Form Stuff ######## */

div.form
{
float: right;
width: 416px;
}
div.formleft
{
float: left;
}
div.form div.left
{
float: left;
width: 200px;
}
div.form div.right
{
float: right;
width: 200px;
}
div.form p.field
{
width: 100%;
float: left;
margin: 0 0 6px 0;
padding: 0;
}
div.form p.submit
{
float: left;
width: 100%;
margin: 0;
}
form.loading
{
background: url(/images/loading.gif) no-repeat top right;
}
div.form p.submit input{vertical-align: middle;}
div.form p.submit input.submit
{
float: right;
}
div.form p.field input.input, div.form p.field textarea, div.form p.field select
{
margin: 2px 0 0 0;
background: #537598;
border: 1px solid #537598;
width: 192px;
}
div.form p.field textarea
{
width: 408px;
height: 100px;
}
div.form p.field input.alert, div.form p.field select.alert, div.form p.field textarea.alert
{
border: 1px solid #b70000;
}
div.form form
{
float: left;
width: 100%;
}

div.form p.field select
{
width: 200px;
}
div.form p.field select.auto
{
width: auto;
padding: 1px;
}
div.form span.star
{
color: #b70000;
font-weight: bold;
}
div.form p.field input#verify
{
width: 98px;
}
div.form p.field img
{
display: inline;
vertical-align: middle;
}

div.form div.status
{
background: #b70000;
border: 1px solid #b70000;
width: 414px;
margin: 0 0 10px 0;
float: left;
}
div.form div.status p
{
width: 404px;
float: left;
padding: 3px 5px;
margin: 0;
color: #fff;
font-weight: bold;
}
div.form div.status ul
{
width: 384px;
float: left;
padding: 3px 5px 3px 25px;
background: #fff;
color: #b70000;
}
div.form div.status ul
{
margin: 0;
}
div.form p.field span.small
{
line-height: 1em;
font-size: .9em;
}
div.form form
{
float: left;
width: 100%;
}
/* ######## END Form Stuff ######## */


div.footerouter
{
width: 100%;
float: left;
text-align: center;
margin: 0 auto 0 auto;
background: #fff url(/images/footer.gif) repeat-x;
}
div.footer
{
float: left;
width: 900px;
padding: 10px 0 6px 0;
color: #444;
}
div.footer ul
{
float: left;
width: 900px;
margin: 0;
height: 30px;
padding: 0;
list-style-type: none;
}
div.footer ul li
{
padding: 0;
float: left;
margin: 0;
font-size: 1.1em;
line-height: 1.2em;
}
div.footer ul.links li
{
border-left: 1px solid #afafaf;
padding: 0 10px 0 10px;
}
div.footer ul.logos
{
height: auto;
width: 929px;
margin: 0 -29px 0 0;
}
div.footer ul.logos li
{
padding: 0 29px 10px 0;
}
div.footer ul li.visit, div.footer ul li.links, div.footer ul li.copy
{
padding-left: 0;
border-left: 0 none;
}
div.footer ul li.swordfox
{
padding-right: 0;
}
div.footer ul li.swordfox, div.footer ul li.links, div.footer ul li.copy
{
float: right;
}
div.footer ul li.twitter, div.footer ul li.facebook
{
float: right;
line-height: 13px;
border-left: 0 none;
}
div.footer ul li.twitter a
{
padding: 0 68px 0 0;
}
div.footer ul li.twitter, div.footer ul li.twitter a
{
background: url(/images/twitter.gif) no-repeat top right;
}
div.footer ul li.facebook
{
padding: 0 0 0 25px;
}
div.footer ul li.facebook a
{
padding: 0 66px 0 0;
}
div.footer ul li.facebook, div.footer ul li.facebook a
{
background: url(/images/facebook.gif) no-repeat top right;
}
div.footer ul li a:link, div.footer ul li a:visited
{
color: #002935;
text-decoration: underline;
}
div.footer ul li a:hover, div.footer ul li a:active
{
color: #6298c7;
text-decoration: underline;
}

/* Popup */
body.popup
{
background: #fff;
}
div.popup
{
float: left;
width: 425px;
text-align: left;
padding: 7px 0 7px 7px;
}
div.popup img
{
float: left;
}
div.popup div.inner
{
float: right;
width: 260px;
padding: 0;
}
div.popup h2 span
{
font-size: .9em;
font-weight: normal;
}
div.popup p
{
font-size: 1.1em;
line-height: 1.2em;
}
div.popup ul li, div.popup ol li
{
font-size: 1.1em;
line-height: 1.3em;
}
div.popup li li
{
font-size: 1em;
}