/* css style sheet for Reigate Squash Club*/
/* created by Isabelle Jackson - http://www.isabellejackson.co.uk - October 2008 */

/*
================= Colours ============================
LIGHT GREY: #EFEFEF
SILVER: #cccccc
DARK TEAL: #317082 (menu font, footer font, wrapper border)
Very light teal (for news box background): #F5FDFD


*/


html {width:100%;font-size:101%;}
body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; margin: 0 auto; padding: 0; color:Black; background-color: #fff;}
.clear {clear:both; height: 0;}
img {border:none; margin: 8px;}

.collection {margin: 1px;}

a {text-decoration: none; color: #317082; font-weight: bolder;}
a:hover {color: Red;}

.floatLeft{float: left;}
.floatRight{float: right;}
/* --------------------------------wrappers --------------------------------- */ 
#wrapper {margin: 0 auto; padding: 0; border: 1px solid #317082; background-color: White; width: 900px;}
#header {width: 900px; margin: 0 0 10px 0; padding: 0;}
#mainTextArea {float: left; padding: 0; width: 100%; margin: 0; background-color: White;}

#footer {width: 900px; height: 80px; margin: 0; background-image: url(../images/footer_bg.jpg); padding: 0; background-position: bottom; background-repeat: repeat-x; background-color: #fff; text-align: right; color: #317082; font-size: .8em; border-top: 1px solid white;}

#centreContent {width: 62%; margin: 0 10px; float: left; padding: 0;}
#rightContent {width: 18%; float: right; margin: 0; padding: 0; border-left: 1px solid #ececec;}

#bookButton {margin: 10px 30px;}
#bookButton a, #bookButton a: active, #bookButton a:visited {margin: 0; padding: 0; border: none; background-image: url(../images/bookOnlineOff.png); background-position: top left; background-repeat: no-repeat;}
#bookButton a:hover {background-image: url(../images/bookOnlineOn.png); background-position: top left; background-repeat: no-repeat;}

#newsBox {margin: 0 5px 50px 10px; padding: 0; float: right; text-align: center;}

/*====== For navigation, see discrete stylesheet from DHTML Goodies==========*/

p {padding: 6px; font-size: .9em; line-height: 1.4em;}

.copyright {padding:5px; margin: 55px 0 8px 0;}

.comment {font-size: .8em; font-style: italic;}

.warning {color: #990000; font-style: italic;}

.topOfPage {text-align: right; clear: both; font-variant: small-caps; font-size: .9em;}

h1, h2 {margin: 0; padding: 0;}

h3 {font-style: italic; color: #696969; padding: 3px 5px; font-weight: lighter; font-size: 1.4em;}
h3.teams {background-color: #F5FDFD; color: #515151;}

.columnHead {border: 1px solid #ececec; margin-top: 0; padding: 15px 0; text-align: center; background-color: #F5FDFD; color: #515151;}

h4 {font-style: italic; font-size: 1.2em; font-weight: lighter; color: #317082;}

.pageHeading {font-size: 1.8em; padding: 0 10px 30px 10px; font-weight: lighter;}

.contact {list-style: none; line-height: 1.6em; font-size: .9em;}

ol {font-size: .9em; line-height: 1.8em; margin: 10px 10px 10px 40px;}

.listing {font-size: .9em; line-height: 1.8em; list-style: circle; list-style-position: inside; margin: 10px 10px 10px 40px;}

.bold {font-weight: bold;}

#insert {background-color: #F5FDFD; border: 1px solid #317082; margin: 10px; padding: 10px; width: auto;}

/*--------- Table to display the order of challenge for the leagues -----------*/
.challenge {padding: 5px; margin: 10px auto; width: auto; border: 1px solid #317082; text-align: right; font-size: .9em;}
.dark {background-color: #d6e6eb;}

/*-----------------------------------------------------------------------------*/

hr {width: 75%; height: 1px; color: #317082; text-align: left;}