/*-------- CSS for BHBA -------- */ /* Zero down margin and padding on all elements */ * { margin: 0; padding: 0; } body {font: 62.5%/1.6 Verdana, sans-serif, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode"; background: url(../images/mainBackground.gif); background-repeat: repeat } /* This stops the dotted border around the link background on hover */ a:active, a:focus { outline:0;} /**************************/ h1 { font-size: 2.4em; font-weight: normal;padding-left: 7px;} h2 { font-size: 12px;font-weight: bold;padding-left: 7px;} p, li { font-size: 1.4em;} h1, h2, p { margin: 1em 0;} #container { background-color: #ffffff; min-height:100%;border-left: 1px solid #000000; border-right: 1px solid #000000;} #header {background: url(../images/header.gif); background-color:#cccccc; height: 99px;} #header h1 { margin: 0;} /* MAIN NAVIGATION MENU */ #topNav {position:relative;top:0px; /*down 5px because horse is only 95px in a 100px header*/ left:0;font-family: Arial;height: 25px; /*no width required*/ font-size: 11px;line-height:18px; /*stops the links from failing, makes sure the browser shows all the text*/ padding-left:5px;background: url(../images/bgradient.gif);} #topnavText {position:relative; margin-left:185px; padding-top:4px; height: 20px; width: 480px;} a:link { color: #FFFF00; font-weight: bold; text-decoration: none; margin-left: 2%; } a:active { color: #FFFF00; font-weight: bold; text-decoration: none; margin-left: 2%; } a:visited { color: #FFFF00; font-weight: bold; text-decoration: none; margin-left: 2%; } a:hover {color: #E77F1A; font-weight: bold; text-decoration: none; margin-left: 2%;} /*END MAIN NAVIGATION MENU */ /* Policies Headings and Links*/ .policyHeadings {color: #E77F1A;background-color: #0038AD; font-size: 12px;font-weight: bold;margin-left: 0px;} a.pTop:link, a.pTop:visited, a.pTop:active {float:right; color: #E77F1A; text-decoration: none; margin-right: 5px; } a.pTop:hover {float:right; color: #0038AD; text-decoration: underline; margin-right: 5px;} /* End Policies Headings and Links */ /* Site Map links */ .smapHeadings {color: #0099FF; font-weight: bold;font-size:11px;margin-left: 7px;} a.smapLinks:link, a.smapLinks:visited, a.smapLinks:active {float:left; color: #0038ad; font-size:11px; font-weight: normal;text-decoration: none; margin-left: 7px; } a.smapLinks:hover {float:left; color: #0038ad; font-size:11px; font-weight: normal;text-decoration: underline; margin-left: 7px;} /* End Site Map links */ /*Accomodation Page Links */ a.minehost:link, a.minehost:active, a.minehost:visited {float:left; color: #ffffff; font-size: 10px; font-weight: bold; margin-top: 5px; margin-left:30px; text-decoration: none;} a.minehost:hover {float:left; color: #224EA0; font-size: 10px; font-weight: normal; margin-top: 5px; margin-left:30px; text-decoration: none;} /* End Accomodation Page Links */ /*--------------- Draw Links --------------*/ a.drawLinks:link, a.grades:visited, a.grades:active {color: #ffffff;text-decoration: none;margin-left: 0px;border: none;} a.grades:hover {color: #ffffff;text-decoration: none;margin-left: 0px;border: none;} /*------ End Draw Links ---------*/ a.lLinksL:link, a.lLinksL:visited, a.lLinksL:active {float:left; color: #3667DA;font-size: 10px; font-weight: bold; margin-top: 5px; margin-left:6px; text-decoration: none;} a.lLinksL:hover, a.lLinksL:hover {float:left; color: #3667DA; font-size: 10px; font-weight: bold; margin-top: 5px; margin-left:6px; text-decoration: none;} /* The Core Technique ================================= */ body { text-align: center; min-width: 760px;} #wrapper {width: 790px;background-color:#000000;} #mainContent {float:left; background-color:#ffffff; border-left:none; border-right:none;color: #0038ad; margin-left: 5px; width: 465px; height:auto/*100%*/;padding-left:4px; padding-right:4px; } #mainContent p { float:left; margin-left: 5px; margin-right: 5px; margin-top: 5px; font-size: 10px; padding-left:5px;padding-right:5px;} #mainContent h2 {color: #ffffff;font-weight:bold;} #GoogleMap { float:Left; margin-left: 50px; margin-top: 10px; border: 1px solid #0038ad;width: 367px; height: 317px; } #displayDate {position:relative; left: 95px; color: #0038AD; font-size: 9px; font-weight: normal; width: 250px;} #stadiumExt {position:relative; left: 58px; margin-top:15px;width: 342px; height: 90px;} #visitors { position: relative; left: 180px; top: 15px; color: #5555FF; font-weight: bold;} #draw { margin-left: 180px; margin-top: 10px;color: #0038ad; font-size: 10px; width: 345px;} #drawD { position:relative; left: 10px; top: 30px; width: 338px;height: 450px;} #resourceTips {float:left; margin-left: 125px; margin-top: 20px;width: 205px; height: auto;border: 1px solid #0038ad;padding-left: 2px;} a.resourceLinks:link, a.resourceLinks:visited, a.resourceLinks:active {float:right; text-decoration: italics;margin-right: 27px;color: #000000;font-size: 10px; text-align: center;text-decoration: none;padding-left: 5px;} a.resourceLinks:hover {color: #FF9C4B;text-align: center;text-decoration: normal;padding-left: 5px;} #downloadForms {float:left; margin-left: 160px;width: 200px;} #downloadForms p {font-size: 10px; font-weight: bold; color: #E77F1A; text-align:left;padding-left: 0px;} #myForms {float:left; 10px;width: 210px;} .draws { position:relative; left: 60px; top: 20px;} /*#table {position:relative; left: 30px;}*/ /*------------- Draw Page ------------------*/ #drawBlank {height: 350px;width: 450px;background-color: #ffffff} /*------- Blank div used as a spacer ---------*/ #yourSelect {position:relative; left: 105px; height: 25px;} .drawTitle {float:left; margin-left: 1px;margin-top:8px;} /*------------- End Draw Page -----------*/ #hoverOver {text-align: center;} /* #courts23 {margin-left: 50px; margin-top:55px;width: 362px;} */ #montages {float:left; margin-left: 100px;margin-top:15px;margin-bottom:20px;} #newsC {color: #366FD6;} #container { width: 780px; margin: 0 auto; text-align: left; } #uploadForm {position:relative: margin-left: 30px;} .bobSando{float:left; margin-left: 80px; margin-top: 5px;} .newstitle{color: #3667DA;font-weight:bold;text-decoration: underline;} .newsheading{color: #3667DA;font-weight:bold;text-decoration: none;} .weatherZone {position:relative; left: 173px;top:25px;width: 170px;} table.proofs {position:relative; margin-left: 10px; width:420px;} /*Past Gallery */ #pastgallery{float:left; margin-left: 38px;margin-top: 50px;} div.img { margin: 2px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center;} div.img img { display: inline; margin: 3px; border: 1px solid #ffffff;} div.img a:hover img { border: 1px solid #0000ff;} div.desc { text-align: center; font-weight: normal; width: 120px; margin: 2px;} /*End Past Gallery*/ /* ---------- Contact Details ----------- */ #contactA{font-size: 12px; font-weight: bold; margin-top: 25px; margin-left: 5px;} #contactB {font-size: 10px; font-weight: bold; margin-top: 8px; margin-left: 5px;} #contactC {font-size: 10px; font-weight: normal; margin-top: 8px; margin-left: 5px;} #contactD, #contactD2, #contactD3, #contactE, #contactF, #contactG, #contactH {font-size: 10px; font-weight: normal; margin-top: 8px; margin-left: 5px;} /* ---------- End Contact details ----------- */ /*------------- Right Column ----------------*/ #rightNav {float: right; margin-right:3px; margin-top:3px;background-color: #ffffff; width: 145px; display: inline; height: 100%;/* :KLUDGE: Fixes IE double margin float bug */} #rightNav h2 {color: #000000; margin-top: 12px;font-weight:bold;} #rightNav p { color: #0038AD;font-size: 10px;} .rightMenu a:link, .leftMenu a:visited, .leftMenu a:active{text-decoration:none; text-align:center; background-color:#A8BEEC; color: #000000; display:block; width: 10em; padding: 0.2em; margin: 0.1em auto; border-left: 5px solid #0038ad;border-right: 5px solid #0038ad;} .rightMenu a:hover { color: #0038ad; border-left: 5px solid #E77F1A;border-right: 5px solid #E77F1A;} a.lLinksL:link, a.lLinksL:visited, a.lLinksL:active {float:left; color: #3667DA;font-size: 10px; font-weight: bold; margin-top: 5px; margin-left:6px; text-decoration: none;} a.lLinksL:hover, a.lLinksL:hover {float:left; color: #3667DA; font-size: 10px; font-weight: bold; margin-top: 5px; margin-left:6px; text-decoration: none;} /*-------------End Right Column ----------------*/ /*-------------------Left Column ---------------*/ #leftNav { background-color: #ffffff;width: 145px; margin-left: 2px; float: left; } #leftNav h2 {color: #ffffff;font-weight:bold;} #leftNav p {color: #0038AD;font-size: 10px;} #leftnewsBox {float:left;font:10px; margin-left:9px; width: 115px; height: auto;} #leftnewsBox p {float:left; color:#0038ad; font-size: 10px;margin-left: 1px; margin-top: 4px; font-weight: bold;} .newsLetter {float:left; margin-left: 11px; margin-top: 30px;} #newBack {float:left; margin-left: 12px; margin-top: 20px; background-image: url(../images/newBBack1.png);background-repeat: no-repeat;height: 440px;width: 107px;} /*.newsLetter {position:relative; left: 4px; top: 30px;width:105; height: 27px;}8? .newsL{float:left; margin-top:0px;} /*.newsContainer{float:left;margin-left: 2px;width: 120px; border: 1px solid #0038ad;bacground-color:#b7b7b7;}**/ /*left Column Menu*/ .lMenu a:link, .lMenu a:visited, .lMenu a:active{text-decoration:none;text-align:center; background-color:#A8BEEC; color: #000000; display:block; width: 9em; padding: 0.2em; margin: 0.1em auto; border-right: 5px solid #0038ad;border-left: 5px solid #0038ad;} .lMenu a:hover { color: #0038AD; border-left: 5px solid #F1841A; width: 9em;border-right: 5px solid #F1841A;text-decoration:none;} a.moreNews:link, a.moreNews:visited, a.moreNews:active {float:left; margin-left: 7px;color: #FC7823;font-size: 10px; text-align: center;text-decoration: none;padding-left: 5px;} a.moreNews:hover, a.moreNews:hover {color: #0038AD;text-align: center;text-decoration: underline;padding-left: 5px;} a.newsL:link, a.newsL:visited, a.newsL:active {float:left; margin-left: 7px;color: #3667DA;font-size: 10px; text-align: center;text-decoration: none;padding-left: 5px;} a.newsL:hover, a.newsL:hover {color: #0038AD;text-align: center;text-decoration: underline;padding-left: 5px;} /*-------------- End Left Column -----------*/ #footer { color: #FFFF00;background: url(../images/bgradient.gif); text-align:center;clear: both; font-weight: normal; height: 25px;} #footer p { margin-top: 3px;text-align:center; font-size: 10px;} .pHeading { float:left;margin-right:2px; width: 132px;height: 25px;} /***** Policies Links *****/ a.pLinks:link, a.pLinks:visited, a.pLinks:active{color: #0038AD;text-decoration: none; top: 10px; margin-left: 4px;} a.pLinks:hover{color: #0038AD;text-decoration: underline;margin-left: 4px;} /***** End Policies Links *****/ /****** Mr Basketball Links ******/ a.mrBasketball:link, a.mrBasketball:visited, a.mrBasketball:active{color: #0038AD;text-decoration: none; top: 5px; margin-left: 4px;} a.mrBasketball:hover{color: #E77F1A;text-decoration: underline;margin-left: 4px;} /* Add some padding ================================== */ #leftNav, #rightNav { padding-top: 0px; padding-bottom: 0px;} #leftNav *, #rightNav * { padding-left: 0px; padding-right: 0px;} #leftNav * *, #rightNav * * { padding-left: 0; padding-right: 0;} /* Graphics and Logos ================================== */ .drawBoard {position:relative; left: 30px;top: 20px;} .contactHeading { color: #000000;text-align: left;} .newsIcon{float:left; margin-left: 122px;border: 1px solid #000000;} .minehost {float:left; margin-left:30px;} .mrBasketball{float:left; margin-left:185px; margin-top:5px;} .bobSand{float:left; margin-left: 28px;margin-top:25px;} .legalsTitle {float:left; margin-left:180px;} .linksTitle{float:left; margin-left: 20px;} .Policies, .mBasketball, .home{float:left; margin-left: 0px;} .montage{position:relative;left: 30px; bottom: 20px;} .baTitle {position:relative; left:39px; top: 10px; border: none;} .aba {position:relative; left: 30px; top: 30x;} .basketballSA {position:relative; left:30px; top: 10px; border: none;} .saCountry {position:relative; left: 30px; top: 35px;} .hoopsSa {position:relative; left: 22px; top: 56px;} .breakthrough {position:relative; left: 22px; top: 74px;} .Maintenance {position:relative; left: 85px; top: 3px;} .reCoaches {float:left; margin-left: 20px; margin-top: 20px;} .breakHeader {position:relative; left: 35px; top: 20px;} .resourceP {float:left; margin-left: 66px; margin-top: 20px;} .resourceC {float:left; margin-left: 70px; margin-top: 20px;} .getAdobe{float:left; margin-left: 180px; margin-top: 15px;} .newsletter {float:left; margin-left: 7px; margin-top: 4px;} .countryEnergy {float:left; margin-left: 3px; margin-top: 70px;} .bhCouncil {float:left; margin-left: 3px; margin-top: 40px;} .visitBH {float:left; margin-left: 3px; margin-top: 40px;} #rDesigned {float:left; margin-left: 82px;width: 304px;height: 28px;} /*.siteRedevelop{float:left; margin-left: 60px; margin-top: 30px;} */