﻿#Centre {}

#Centre .Map { display:block; }
#Centre .Map img { border:1px solid #CCCCCC; }

#Centre .Address { margin-bottom:10px; zoom:1; }
#Centre .Address .Left { width:155px; padding-top:10px; float:left; }
#Centre .Address .Left .Contact a { padding-left:20px; background:url(/i/centrecontact.gif) no-repeat left;}
#Centre .Address .Right { width:42px; float:left; }

#Centre .Default input{ margin:0; position:relative; left:-3px; vertical-align:middle; }
#Centre .Default label{ vertical-align:middle; }

#Centre .Downloads .RightBoxTop{ height:32px; background:url(/i/RightBoxTopDownloads.gif);}
#Centre .Downloads .Inner { padding:5px 0 20px 0; }
#Centre .Downloads .Inner a{ display:block; margin-bottom:8px; text-align:center;}

#Centre .News { height:164px; padding:14px; padding-top:50px; background:url(/i/centrenews.gif) no-repeat top center;}
#Centre .News .Stories{width:210px; height:150px; overflow:auto;}
#Centre .News .Story{color:#464646; padding-bottom:8px; border-bottom:solid 1px #E0E0E0; margin-bottom:8px;}
#Centre .News .Story h4{margin-bottom:2px; font-weight:bold;}
#Centre .News .Story .Date{margin-bottom:4px;}

#Centre .Welcome { padding:10px; padding-top:0; }
#Centre .Welcome img { float:right; margin:0 0 10px 10px; }
#Centre .Welcome li { display:block; padding-left:15px; background:url(/i/dot.gif) no-repeat 0 3px; }

#Centre .Features { margin:15px; margin-bottom:0; }
#Centre .Features li { display:block; width:180px; float:left; background:url(/i/dot.gif) no-repeat 0 4px; padding:0; padding-left:15px; font-size:12px; font-weight:bold; color:#142E69; margin-bottom:10px; }

#Centre .Banners { text-align:center; margin-top:10px; margin-bottom:10px;}
#Centre .Banners img{ margin:4px;}

#Centre .Information li { display:block; background:url(/i/dot.gif) no-repeat 0 4px; padding-left:12px; margin-bottom:5px; }

#Centre .OpeningTimes {}
#Centre .OpeningTimes h1 { margin-bottom:20px; }
#Centre .OpeningTimes .Department {}
#Centre .OpeningTimes .Department h2 { color:#333333; }
#Centre .OpeningTimes .Department .Day { margin-bottom:5px; }
#Centre .OpeningTimes .Department .Day .Name { width:100px; float:left; }
#Centre .OpeningTimes .Department .Day .Value { width:250px; float:left; }

#Centre .Activities {}
#Centre .Activities h1 { margin-bottom:20px; }
#Centre .Activities .Item {}
#Centre .Activities .Item h2 { color:#333333; }
#Centre .Activities .Item .Date { margin-bottom:5px; font-weight:bold; }
#Centre .Activities .Item .Desc { margin-bottom:5px; }
#Centre .Activities .Item .Pdf { display:block; }

#Centre .Events {}
#Centre .Events h1 { margin-bottom:20px; }
#Centre .Events .Item {}
#Centre .Events .Item img { float:right; margin-left:10px; margin-bottom:10px; }
#Centre .Events .Item h2 { color:#333333; }
#Centre .Events .Item .Date { margin-bottom:5px; font-weight:bold; }
#Centre .Events .Item .Desc { margin-bottom:5px; }

#Centre .Contact .Form .Column textarea { width:200px; }
#Centre .Contact .Form textarea { width:400px; }
#Centre .Contact .Form .Terms input { height:30px; }

#Centre #Join .Amounts {}
#Centre #Join .Amounts label { display:block; width:100px; float:left; margin-bottom:4px;}
#Centre #Join .Amounts span { display:block; width:100px; float:left; margin-bottom:4px; font-weight:bold;}
#Centre #Join .JoinNow { background-image:url(/i/menu/joinnow.gif) }

.LeftBoxContent .Council{ padding:0; text-align:center; }
.LeftBoxContent .Council img{ margin-bottom:15px; margin-right:4px; }
.LeftBoxContent .Council .Title { height:20px; background:url(/i/title-centre-council.gif) no-repeat 34px top; }

.Newsletter .RightBoxTop{ height:36px; background:url("../i/RightBoxTopNewsletter.gif"); }
.Newsletter .RightBoxContent{ background:url(../i/RightBoxBottomNewsletter.gif) no-repeat 50% 100%; }
.Newsletter .RightBoxContent .Inner{ padding:0 13px 20px; }

BODY{ height:100%; }
.registerOverlayWrapper{ position:absolute; top:0; left:0; z-index:9999; width:100%; height:100%; background:url(../i/overlay_bg.png); clear: both;}
.registerOverlay{ position:relative; width:370px; margin: 50px auto 0; padding:20px 25px 30px; border:1px solid #999999; background:#f8f8f8 url(../i/overlayInner_bg.gif) repeat-x 0 100%; }
.registerOverlay .title{ margin-bottom:10px; font-weight:bold; font-size:164%; color:#142e69; }
.registerOverlay .closeButton{ position:absolute; top:6px; right:6px; }
.registerOverlay .checkboxes{ margin-bottom:10px; }
.registerOverlay .checkbox{ float:left; width:120px; vertical-align:middle; margin:3px 0; }
.registerOverlay .checkbox INPUT{float:left;height:15px;width:15px;margin:0 3px 0 0;padding:0;vertical-align:middle;}
.registerOverlay .Submit{ margin:20px 0 0 -4px; }