@import url("reset.css");

/* -------- AFC Henley ---------- **/
/* ----------------- by AW ---------------- */

/* ----------------- General Styles ---------------- */
* { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; line-height: 140%; color: #000000;}
body {background: #f2eeee url(../img/bg/body-bg.gif) top left repeat-x; }

hr { text-align: right; width: 100%;  height: 1px; color: #b7c0c9; border: none; margin-bottom: 15px; clear: both;} /* For Internet Explorer */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #b7c0c9; border: none; } /* For Gecko-based browsers */
html>body hr { margin-right: 0; width: 100%; height: 1px; background-color: #b7c0c9; border: 0px solid #b7c0c9; } /* For Opera and Gecko-based browsers */

#wrapper {width: 950px; margin-left: auto; margin-right:auto; overflow: hidden; padding-left: 0px; padding-right: 0px; font-size: 80%; background-color: #ffffff;}
/* ----------------- General Styles End ---------------- */

/* ----------------- Header ---------------- */
#header {height:298px; width: 950px; overflow:hidden; position: relative; background: url(../img/bg/header.jpg) top left no-repeat;}
/*#header ul.nav {margin-top: 32px; height: 46px; width: 979px; float:left; background: url(../img/nav/nav-bg.gif) left top repeat-x; border-right: solid 1px #282828;}
#header ul.nav li {float: left; height: 46px; }
#header ul.nav li.first a {color: #9ba759; background: none; padding: 17px 18px 0px 18px; height: 29px; display: block; text-decoration: none; font-weight: bold; font-size: 100%; text-align:center; }
#header ul.nav li.first a:hover {color: #abb37d;}
#header ul.nav li a {color: #9ba759; background: url(../img/nav/navitem-bg.gif) top left no-repeat; padding: 17px 18px 0px 18px; height: 29px; display: block; text-decoration: none; font-weight: bold; font-size: 100%; text-align:center; }
#header ul.nav li a:hover {color: #df0202;}
#header ul.nav li a.selected {color: #df0202;}*/
#header a.logo {float:left; margin-top:25px; margin-left:40px; width: 135px; height: 135px; padding: 0px; display: block; text-indent: -9999px; background: url(../img/logo.gif) top left no-repeat;}
/* ----------------- Header End ---------------- */


/*----------------- Main Content End---------------- */

#leftcol {float: left; width: 222px; background-color: #ffffff; margin-bottom: 20px;}
#leftcol ul.nav {width: 222px;}
#leftcol ul.nav li {height: 28px; margin-top: 2px; }
#leftcol ul.nav li a {color: #ffffff; background: #000000 url(../img/bg/navitem-bg.gif) top right no-repeat; padding: 6px 0px 0px 25px; height: 22px; display: block; text-decoration: none; font-weight: bold; font-size: 100%; }
#leftcol ul.nav li a:hover {color: #ffffff; background-color: #df0202;}
#leftcol ul.nav li a.selected {color: #df0202; background-color: #000000;}
#leftcol a.club {display: block; text-indent: -9999px; background: #ffffff url(../img/FA-LogoLarge.jpg) bottom left no-repeat; width: 222px; height: 176px; }

#middlecol {float:left; width: 673px; background-color: #ffffff; padding: 0px 28px 10px 27px; overflow:hidden;}
body.home #middlecol {float:left; width: 473px; background-color: #ffffff; padding: 0px 0px 10px 27px; overflow:hidden;}
#middlecol h1 {clear:right; font-size: 180%; color: #df0202; margin-top: 25px; font-weight: normal; border-bottom: solid 1px #cccccc; padding-bottom: 10px;}
#middlecol h1.stop-press {clear:right; font-size: 180%; color: #df0202; margin-top: 25px; font-weight: bold; border-bottom: none; padding-bottom: 10px; text-align: center; background-color: #fdeded;}
#middlecol p {margin-top: 2px; margin-bottom: 10px;}
#middlecol h2 {font-size: 110%; color: #df0202; font-weight: bold; margin-top: 15px;}
#middlecol p a {display: inline; color: #df0202; font-weight: bold;}
#middlecol a {font-size: 100%; color: #df0202; font-weight: bold;}
body.home #middlecol a {font-size: 120%; color: #df0202; font-weight: bold;}
#middlecol ul {margin-top:10px;}
#middlecol ul li {background: #ffffff url(../img/bg/redbullet.gif) top left no-repeat; padding: 0px 0px 10px 20px; display: block; text-decoration: none; font-size: 100%; }
#middlecol span.red {color: #df0202; font-weight: bold;}

#imgright {width: 102px; float: right;}
#imgright h3 {padding-top: 5px; font-size: 85%; text-align: center;}
#imgright p {margin-top: 0px; padding-top: 0px; font-size: 85%; text-align: center; font-style: italic;}
#imgright img {margin-top: 15px; padding: 3px 3px 3px 3px; border: solid 1px #cccccc; }

#middlecol table {margin-top:10px; margin-bottom:10px; border: solid 1px #cccccc; font-size: 90%; } 
#middlecol th {color: #ffffff; background-color: #df0202; border: solid 1px #cccccc; vertical-align: middle; padding: 0px 5px 0px 5px; }
#middlecol tr {border: solid 1px #cccccc; height: 25px; }
#middlecol tr.break {height: 1px; }
#middlecol tr.break td {height: 1px; padding: 0px 0px 0px 0px;}
#middlecol td.break {border-left: solid 1px #ffffff; border-right: solid 1px #ffffff; height: 1px; }
#middlecol tr td {border: solid 1px #cccccc; vertical-align: middle; padding: 0px 5px 0px 5px; }
#middlecol ol {margin-left: 27px; margin-top: 10px; font-size: 90%; list-style: decimal; }
#middlecol ol li {padding: 0px 0px 10px 0px; }
#middlecol ol.constitution li {font-weight: bold;}
#middlecol ol.constitution ol.alphaletters {list-style: lower-alpha; font-size: 100%;}
#middlecol ol.constitution ol {list-style: none; font-size: 100%;}
#middlecol ol.constitution ol li {font-weight: normal;}
#middlecol ol.constitution ol.alphaletters li ol {list-style: lower-roman;}


/* ------------------ Right Col ------------- */
#rightcol {min-height: 427px; float: right; margin-left: 28px; margin-right: 1px; margin-top: 24px; padding-bottom: 10px; width: 199px; background: url(../img/bg/latestnews-bg.gif) left top repeat-x; }
#rightcol h2 {padding-left: 10px; padding-top: 2px; font-size: 120%; color: #ffffff; font-weight: bold;}
#rightcol ul.latestnews {width: 175px; margin-left: 12px; margin-right: 12px;}
#rightcol ul.latestnews li.divider {border-top: solid 1px #cccccc;}
#rightcol ul.latestnews li p {font-size: 100%; color: #000000; padding-top: 10px; padding-bottom: 19px;}
#rightcol ul.latestnews li a {display: block; font-size: 120%; color: #df0202;  padding-top: 25px; font-weight: bold;}
/* ------------------ Right Col End ------------- */

/* ------------------ Footer ------------- */
#footer {clear: both; width: 950px; height: 37px; background: #000000 url(../img/bg/footer-bg.gif) left top repeat-x;}
#footer p {float: left; font-size: 100%; color: #ffffff; padding-top: 8px; padding-left: 25px;}
#footer p.connexion {float:right; text-align:right; padding-top: 8px; padding-right: 25px;}
#footer p.connexion a {color: #df0202; text-decoration: underline; font-weight: bold;}
#footer p.connexion a:hover {color: #ffffff; text-decoration: none; }
/* ------------------ Footer End ------------- */