@import url("960.css");

html, body { margin: 0; padding: 0; background: #fff; height:100% }

body { font-family:"ITC Avant Garde Gothic Std Demi Condensed", Arial, Helvetica, sans-serif; font-size: 1em; }
a { text-decoration: none; outline: none; font-weight: bold; color: #f90; }
a:hover { color: #fff; }
p, ul, ol, table, li { font-size: 0.8em; line-height: 1.6em; margin: 0 0 10px 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { line-height: 1.4em; }
h1 { font-size: 3.5em; padding: 0 0 10px 0; letter-spacing: -0.05em; }

h1#logo { margin: 10px 0 0 0; padding: 0; }
h1#logo a { width: 960px; height: 98px; display: block; position: relative; cursor: pointer; color: #fff; }
h1#logo a:hover { border-bottom: none 0px; color: #fff; }

#header { background: top left url(../img/headerBG.jpg) no-repeat #000; height: 150px; overflow: hidden; }
#header .container_12 {  }

#navBar { height: 24px; margin-top:19px; }
#navBar ul { font-size: 0.9em; }
#navBar li { float: left; margin: 0 23px 0 0; padding: 0; font-size: 1.3em; }
#navBar li a { color: #fff; height: 24px; display: block; text-indent: 3px; }
#navBar li a:hover { color: #ff6820 }

#navBar li#navBarHome a { width: 71px; position: relative; }
#navBar li#navBarHome a span { position: absolute; width: 71px; height: 24px; left: 0; top: 0; background: url(../img/navbar_01.png) no-repeat left -24px; z-index: 10; }
#navBar li#navBarHome a:hover span { background-position: left 0; }

#navBar li#navBarNews a { width: 72px; position: relative; }
#navBar li#navBarNews a span { position: absolute; width: 72px; height: 24px; left: 0; top: 0; background: url(../img/navbar_09.png) no-repeat left -24px; z-index: 10; }
#navBar li#navBarNews a:hover span { background-position: left 0; }

#navBar li#navBarAbout a { width: 83px; position: relative; }
#navBar li#navBarAbout a span { position: absolute; width: 83px; height: 24px; left: 0; top: 0; background: url(../img/navbar_02.png) no-repeat left -24px; z-index: 10; }
#navBar li#navBarAbout a:hover span { background-position: left 0; }

#navBar li#navBarTeams a { width: 84px; position: relative; }
#navBar li#navBarTeams a span { position: absolute; width: 84px; height: 24px; left: 0; top: 0; background: url(../img/navbar_03.png) no-repeat left -24px; z-index: 10; }
#navBar li#navBarTeams a:hover span { background-position: left 0; }

#navBar li#navBarSponsors a { width: 136px; position: relative; }
#navBar li#navBarSponsors a span { position: absolute; width: 136px; height: 24px; left: 0; top: 0; background: url(../img/navbar_04.png) no-repeat left -24px; z-index: 10; }
#navBar li#navBarSponsors a:hover span { background-position: left 0; }

#navBar li#navBarTheClub a { width: 119px; position: relative; }
#navBar li#navBarTheClub a span { position: absolute; width: 119px; height: 24px; left: 0; top: 0; background: url(../img/navbar_05.png) no-repeat left -24px; z-index: 10; }
#navBar li#navBarTheClub a:hover span { background-position: left 0; }

#navBar li#navBarGallery a { width: 108px; position: relative; }
#navBar li#navBarGallery a span { position: absolute; width: 108px; height: 24px; left: 0; top: 0; background: url(../img/navbar_06.png) no-repeat left -24px; z-index: 10; }
#navBar li#navBarGallery a:hover span { background-position: left 0; }

#navBar li#navBarStore a { width: 77px; position: relative; }
#navBar li#navBarStore a span { position: absolute; width: 77px; height: 24px; left: 0; top: 0; background: url(../img/navbar_07.png) no-repeat left -24px; z-index: 10; }
#navBar li#navBarStore a:hover span { background-position: left 0; }

#navBar li#navBarContact a { width: 100px; position: relative; }
#navBar li#navBarContact a span { position: absolute; width: 100px; height: 32px; left: 0; top: 0; background: url(../img/navbar_08.png) no-repeat left -32px; z-index: 10; }
#navBar li#navBarContact a:hover span { background-position: left -1px; }

#home #navBar li#navBarHome a span, #newsPage #navBar li#navBarNews a span, #about #navBar li#navBarAbout a span, #teams #navBar li#navBarTeams a span, #sponsors #navBar li#navBarSponsors a span, #theClub #navBar li#navBarTheClub a span, #gallery #navBar li#navBarGallery a span, #store #navBar li#navBarStore a span, #contact #navBar li#navBarContact a span { background-position: left 0; color: #fff; }

#content { background: top left url(../img/mainBG.png) repeat-x #fff; /*border-bottom: 1px solid #666;*/ min-height: 500px; }

.homeTop { background:url(../img/homeBG.png) no-repeat; }
.aboutTop { background:url(../img/aboutBG.png) no-repeat; }
.newsTop { background:url(../img/newsTop.png) no-repeat; }
.sponsorsTop { background:url(../img/sponsorsBG.png) no-repeat; }
.teamsTop { background:url(../img/aboutBG.png) no-repeat; }
.clubTop { background:url(../img/theClubBG.png) no-repeat; }
.storeTop { background:url(../img/storeBG.png) no-repeat; }
.homeTop, .aboutTop, .newsTop, .sponsorsTop, .teamsTop, .clubTop, .storeTop { height:20px; margin-bottom:0px; margin-top: 20px; }

/*.middleContent ol, .middleContent li, .middleContent p, .middleContent td { color: #aaa; }*/
.middleContent { color: #aaa; background: #000; margin-bottom:0px; }
.middleContent img { border: 1px solid #aaa; padding: 2px; }
/*.middleContent td { vertical-align:top; padding:3px; }
.middleContent table { border: none; }*/
.bottomContent { background:url(../img/paneBG.png) no-repeat; height:20px; margin-top:-5px; margin-bottom:20px; }
/*.tabbedBottomContent { background:url(../img/paneBG.png) no-repeat; height:20px; margin-top:-27px; margin-bottom:20px; }*/

#sponsorList { text-align:center; }
#sponsorList img { margin:2px; padding:2px; /*border:1px solid #aaa;*/ }

div.panes div { font-size: 0.8em; }
div.panes div a img { border: none; }
/*div.panes div a { color: #f90; }
div.panes div a:hover { color: #fff; }*/

.teamDetails { height: auto; }
.memberList { position:relative; width:250px; height: auto; float:left; border:1px solid #666; }
.memberDetails { position:relative; width:550px; height: auto; float:right; border:1px solid #666; }

.gallery {margin-top:20px;}

.textInput, .button, select, textarea { color:#111; text-align: left; border: 1px solid #ccc; padding: 5px; background-color: #fff;}
.textInput, .button, select { font-size: 0.9em; }
textarea { font-size: 1.2em; }
.greyText { font-style:italic; color: #999; }
a.button { background: #f90; padding: 7px 18px; color: #eee !important; font-weight: bold; border: 0px none; }
a.button:hover { color: white !important; background: #f90; }

#footer { background: top left url(../img/footerBG.png) repeat-x #efefef; border-top: 1px solid #666; font-size: 0.7em; padding-top:5px; }
#footer p { color: #666; }
#footer a { color: #f90; }
#footer a:hover { color: #000; }

.footerWrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -65px; }
.fixedFooter, .footerPush { height: 65px; }

/* Team members popup styles */ 
div.overlay { /* growing background image */ 
    background-image:url(../img/white.png); /* dimensions after the growing animation finishes  */ 
    width:600px; height:470px; /* initially overlay is hidden */ 
    display:none; /* some padding to layout nested elements nicely  */ 
    padding:55px; }
/* default close button positioned on upper right corner */ 
div.overlay div.close { background-image:url(../img/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; }
/* black */ 
div.overlay.black { background:url(../img/transparent.png) no-repeat !important; color:#fff; }
/* petrol */ 
div.overlay.petrol { background:url(../img/petrol.png) no-repeat !important; color:#fff; }
div.black h2, div.petrol h2 { color:#ddd; }