body { font-family: arial, verdana, sans-serif;
	font-size: 12px;
        margin: 10px;
        text-align:left;
        color: #000000;
        text-align: left;
        background-color: #99cc99; 
         }


.container_body {
	width: 870px;
	padding: 15px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #000;
	background: #FFF;
	}

.container_body_wide {
	padding: 15px;
	margin: 10px 0px 10px 10px;
	border: 1px solid #ccc;
	background: #fff;
	}
 
.container {
	width: 870px;
	padding: 0px;
	margin: 0px 0 0px 0;
	border: 0px solid #ccc;
	background: #fff;
        margin-top:10px;
	}
 
.header {
	width: 870px;
	padding: 0px;
	margin: 10px 0 0px 0;
	border: 0px solid #ccc;
	background: #fff;
	}
 
.title {
	width: 870px;
	padding: 0px;
	margin: 0px 0 10px 0;
	border: 0px solid #ccc;
	background: #fff;
        margin-bottom:0px;
	}
 
.add_this {
	width: 129px;
	padding: 0px;
	margin: 0px 0 10px 0;
	border: 0px solid #ccc;
	background: #fff;
	}

.vert_banner {
	width: 120px;
	padding: 0px;
	margin: 10px 10px 0px 0px;
	border: 0px solid #000;
	background: #fff;
	}
 
.google {
	width: 300px;
	padding: 0px;
	margin: 10px 10px 0px 0px;
	border: 0px solid #000;
	background: #fff;
	}

.google_blue {
	width: 286px;
        height: 236px;
	padding: 6px;
	margin: 10px 10px 0px 0px;
	border: 1px solid #C3D9FF;
	background: #E8EEF7;
        overflow: auto;
	}

.google_grey {
	width: 286px;
        height: 236px;
	padding: 6px;
	margin: 10px 10px 0px 0px;
	border: 1px solid #cccccc;
	background: #eeeeee;
        overflow: auto;
	}

.google_blue_small {
	width: 236px;
        height: 186px;
	padding: 6px;
	margin: 10px 10px 0px 0px;
	border: 1px solid #C3D9FF;
	background: #E8EEF7;
        overflow: auto;
	}

.google_blue_no_padding {
	width: 298px;
        height: 248px;
	padding: 0px;
	margin: 10px 10px 0px 0px;
	border: 1px solid #C3D9FF;
	background: #E8EEF7;
	}

.google_grey_no_padding {
	width: 298px;
        height: 248px;
	padding: 0px;
	margin: 10px 10px 0px 0px;
	border: 1px solid #cccccc;
	background: #eeeeee;
	}

.google_green_narrow {
	width: 248px;
        height: 248px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	border: 1px solid #709670;
	background: #eeeeee;
	}

.google_green_narrow_long {
	width: 246px;
        padding: 0px;
	margin: 10px 0px 0px 0px;
	border: 2px solid #709670;
	background: #d8f3c9;
	}

.google_green_narrow_short {
	width: 248px;
        height: 176px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	border: 1px solid #709670;
	background: #eeeeee;
	}

.google_green_no_padding {
	width: 298px;
        height: 248px;
	padding: 0px;
	margin: 10px 10px 0px 0px;
	border: 1px solid #9cc089;
	background: #d8f3c9;
	}

.google_blue_bottom_border {
        width: 286px;
        height: 238px;
        padding: 6px;
        margin: 10px 10px 10px 0px;
        border: 1px solid #C3D9FF;
        background: #eeeeee;
        overflow: auto;
        } 
         
.google_small {
	width: 598px;
	padding: 5px;
	margin: 10px 10px 0px 0px;
	border: 1px solid #709670;
	background: #eeeeee;
	}

.google_small_bottom_margin {
	width: 598px;
	padding: 5px;
	margin: 10px 10px 10px 0px;
	border: 1px solid #C3D9FF;
	background: #E8EEF7;
	}

.google_wide {
	width: 598px;
	padding: 4px;
	margin: 10px 10px 0px 0px;
	border: 2px solid #709670;
	background: #eeeeee;
	}
 
.google_right {
	width: 300px;
	padding: 0px;
	margin: 10px 0px 0px 10px;
	border: 0px solid #fff;
	background: #fff;
	}

.google_bottom {
	width: 850px;
	padding: 10px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #fff;
	background: #ffccff;
	}

.google_borderless {
	width: 300px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #fff;
	background: #fff;
	}

.google_250 {
	width: 250px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #fff;
	background: #fff;
	}

.google_long {
	width: 300px;
        height: 100%;
	padding: 0px;
	margin: 10px 10px 0px 0px;
	border: 0px solid #000;
	background: #ccc;
	}

.google_color {
	width: 100%;
        height: 100%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
	background: #ccc;
	}
 
.body {
	padding: 0px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #ccc;
	}
 
.body_title {
	padding: 6px;
	margin: 10px 10px 0px 0px;
	border: 0px solid #fff;
	background: #d8f3c9;
	}

.body_title_new {
	padding: 6px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #fff;
	background: #99cc99;
        width:858px;
        margin-top:0px;
	}


.body_subtitle {
	padding: 6px;
	margin: 10px 10px 0px 0px;
	border: 0px solid #fff;
	background: #eeeeee;
	}
 
.body_left {
	padding: 6px;
	margin: 10px 10px 0px 0px;
	border: 0px solid #fff;
	background: #fff;
	}
 
.body_banner {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: 0px solid #fff;
	background: #fff;
	}

.body_advertise {
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #fff;
	background: #eee;
        height: 240px;
	}
 
.sub_title {
	padding: 6px;
	margin: 10px 10px 0px 0px;
	border: 0px solid #ccc;
	background: #99cc99;
        width: 598px;
        font-size:14px; 
        font-family:arial,verdana;
	}

.sub_title_long {
	padding: 6px;
	margin: 10px 10px 0px 0px;
	border: 0px solid #ccc;
	background: #99bbff;
        width: 716px;
	}

.map {
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border: 0px solid #000;
	background: #fff;
	}

.map2 {
	padding: 0px;
	margin: 10px 10px 0px 0px;
	border: 0px solid #000;
	background: #fff;
        width: 610px;
	}

.map_title {
	padding: 6px;
	margin: 10px 10px 0px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
	}

.calendar_title {
	padding: 6px;
	margin: 10px 10px 0px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
	}

.calendar_arrow {
	padding: 6px;
	margin: 0px 10px 0px 0px;
	border: 0px solid #000;
	background: #E8EEF7;
	}

.calendar_small {
	padding: 6px;
	margin: 10px 0 0 0;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 238px;
	}

.calendar_small_bottom {
	padding: 6px;
	margin: 0 0 0 0;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 238px;
	}

.calendar {
	padding: 0px;
	margin: 5px 0 0 0;
	border: 0px solid #000;
	background: #ffffff;
	}

.racing_title {
	padding: 6px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
	}

.body_subtitle {
	padding: 6px;
	margin: 10px 10px 0px 0px;
	border: 0px solid #fff;
	background: #ccc;
	}

.pod {
        width: 250px
        height: 400px
        padding: 0px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #000;
	background: #ffccff;
	}

.reviews {
	width: 250px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #000;
	background: #fff;
	}

.headlines {
	width: 250px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #000;
	background: #fff;
	}

.reviews_bottom_margin {
	width: 250px;
	padding: 0px;
	margin: 10px 0px 10px 0px;
	border: 0px solid #000;
	background: #fff;
	}

.reviews_big_gap {
	width: 250px;
	padding: 0px;
	margin: 13px 0px 0px 0px;
	border: 0px solid #000;
	background: #fff;
	}

.reviews_borderless {
	width: 250px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
	background: #fff;
	}

.offers {
	width: 284px;
        height: 496px;
	padding: 6px;
	margin: 0px 10px 0px 0px;
	border: 2px solid #C3D9FF;
	background: #E8EEF7;
	}

.rating {
        height: 72px;
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border: 2px solid #C3D9FF;
	background: #E8EEF7;
	}

.rate {
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 288px;
        height: 80px;
	}

.admission {
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 288px;
	}

.description {
	padding: 0px;
	margin: 10px 10px 10px 10px;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 280px;
	}

.menu {
	padding: 0px;
	margin: 10px 10px 10px 10px;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 848px
	}

.description_wide {
	padding: 0px;
	margin: 10px 10px 10px 10px;
	border: 0px solid #000;
	background: #E8EEF7;
	}

.image_middle {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 288px;
	}

.image_top {
	padding: 0px;
	margin: 10px 0px 10px 0px;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 288px;
	}

.image {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 288px;
	}

.comments {
	padding: 0px;
	margin: 5px 0px 10px 0px;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 300px;
	}

.rate_title {
	padding: 6px;
	margin: 0px 10px 0px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 288px;
	}

.flyer_title {
	padding: 6px;
	margin: 10px 10px 10px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 288px;
	}

.flyer_title_narrow {
	padding: 6px;
	margin: 10px 0px 10px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 238px;
	}

.rate_title_border_bottom {
	padding: 6px;
	margin: 0px 10px 10px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 288px;
	}

.rate_title_wide {
	padding: 6px;
	margin: 0px 10px 0px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 598px;
	}

.rate_title_wide_border_bottom {
	padding: 6px;
	margin: 0px 10px 10px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 598px;
	}

.pool_title {
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
	}

.rate_title_wide_no_margin {
	padding: 0px;
	margin: 0px 10px 0px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 610px;
	}

.menu_title {
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 858px;
	}

.offers_title {
	padding: 6px;
	margin: 0px 0px 10px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 858px;
	}

.promo {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 250px;
	}

.promo_no_margin {
        padding-top:0px;
        padding-bottom:0px;
	padding-left:4px; 
        padding-right:4px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #000;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
        border-bottom: 0px solid #000;
	background: #E8EEF7;
        width: 242px;
	}


.offers_box {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border-top: 1px solid #C3D9FF;
        border-left: 1px solid #C3D9FF;
        border-right: 1px solid #C3D9FF;
        border-bottom: 1px solid #C3D9FF;
	background: #E8EEF7;
        width: 248px;
	}

.promo_no_margin_wide {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
	background: #E8EEF7;
        width: 298px;
	}

.promo_no_margin_bottom {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
	background: #E8EEF7;
        width: 248px;
	}

.show_all {
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
	background: #E8EEF7;
        width: 60px;
	}

.tab {
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 3px 0px;
	border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 0px solid #000;
	background: #E8EEF7;
	}

.tab_last {
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 3px 0px;
	border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
	background: #E8EEF7;
	}

.rate_title_narrow {
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 238px;
	}

.rate_title_narrow_top_border {
	padding: 6px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 238px;
	}

.offer_name {
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 236px;
	}

.restaurants {
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #000;
        border-bottom: 1px solid #000;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
	background: #C3D9FF;
        width: 238px;
	}

.offers_sub {
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #000;
        border-bottom: 0px solid #000;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
	background: #E8EEF7;
        width: 238px;
	}

.drop_down {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #000;
        border-bottom: 0px solid #000;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
	background: #E8EEF7;
        width: 250px;
	}

.restaurants_top_border {
	padding: 6px;
	margin: 10px 0px 0px 0px;
	border-top: 0px solid #000;
        border-bottom: 1px solid #000;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
	background: #C3D9FF;
        width: 238px;
	}

.special_offers {
	padding: 6px;
	margin: 10px 0px 0px 0px;
	border-top: 0px solid #000;
        border-bottom: 1px solid #000;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
	background: #C3D9FF;
        width: 238px;
	}

.pubs {
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #000;
        border-bottom: 1px solid #000;
        border-left: 0px solid #000;
        border-right: 0px solid #000;
	background: #C3D9FF;
        width: 288px;
	}

.rate_title_narrow_grey {
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
	background: #eeeeee;
        width: 238px;
	}

.rate_title_narrow_top_margin {
	padding: 6px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #000;
	background: #C3D9FF;
        width: 238px;
	}

.rate_margin {
	padding: 6px;
	margin: 0px 10px 0px 0px;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 288px;
	}

.map_small {
	padding: 6px;
	margin: 0 0 0 0;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 238px
	}
 
.google_reviews {
	padding: 0px;
	margin: 0 0 10px 0;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 250px
	}

.google_reviews_padding {
	padding: 6px;
	margin: 0 0 0 0;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 238px
	}


.address {
	padding: 6px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #fff;
	background: #E8EEF7;
	}

.calendar_wide {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 310px;
	}

.calendar_wide_borderless {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #000;
	background: #E8EEF7;
        width: 310px;
	}

.footer {
	padding: 0px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #fff;
	background: #ffffff;
	}
.footer_no_margin {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid #fff;
	background: #ffffff;
	}

a:link {color: #00437F; text-decoration: none; font-weight: bold; }
a:visited {color: #00437F; text-decoration: none; font-weight: bold; }
a:hover {color: #8C003A; text-decoration: none; font-weight: bold; }
a:active {color: #8C003A; font-weight: bold; }

a.list:link {color: #00437F; text-decoration: none; font-weight: bold; }
a.list:visited {color: #00437F; text-decoration: none; font-weight: bold; }
a.list:hover {color: #00437F; text-decoration: none; font-weight: bold; }
a.list:active {color: #00437F; font-weight: bold; }

a.main:link {color: #00437F; text-decoration: none; font-weight: bold; font-size: 12px  }
a.main:visited {color: #00437F; text-decoration: none; font-weight: bold; font-size: 12px }
a.main:hover {color: #8C003A; text-decoration: none; font-weight: bold; font-size: 12px }
a.main:active {color: #8C003A; font-weight: bold; font-size: 12px }

a.link:link {color: #00437F; text-decoration: none; font-weight: bold; font-size: 11px  }
a.link:visited {color: #00437F; text-decoration: none; font-weight: bold; font-size: 11px }
a.link:hover {color: #8C003A; text-decoration: none; font-weight: bold; font-size: 11px }
a.link:active {color: #8C003A; font-weight: bold; font-size: 11px }  

a.selected:link {color: #000; text-decoration: none; font-weight: bold; font-size: 12px  }
a.selected:visited {color: #000; text-decoration: none; font-weight: bold; font-size: 12px }
a.selected:hover {color: #000; text-decoration: none; font-weight: bold; font-size: 12px }
a.selected:active {color: #000; font-weight: bold; font-size: 12px } 

a.big:link {color: #00437F; text-decoration: none; font-weight: bold; font-size: 14px  }
a.big:visited {color: #00437F; text-decoration: none; font-weight: bold; font-size: 14px }
a.big:hover {color: #8C003A; text-decoration: none; font-weight: bold; font-size: 14px }
a.big:active {color: #8C003A; font-weight: bold; font-size: 14px }  

a.small:link {color: #00437F; text-decoration: none; font-weight: bold; font-size: 10px  }
a.small:visited {color: #00437F; text-decoration: none; font-weight: bold; font-size: 10px }
a.small:hover {color: #8C003A; text-decoration: none; font-weight: bold; font-size: 10px }
a.small:active {color: #8C003A; font-weight: bold; font-size: 10px }

a.black:link {color: #000; text-decoration: none; font-weight: 400; font-size: 11px  }
a.black:visited {color: #000; text-decoration: none; font-weight: 400; font-size: 11px }
a.black:hover {color: #000; text-decoration: underline; font-weight: 400; font-size: 11px }
a.black:active {color: #000; font-weight: 400; font-size: 11px }
 
a img {border: none; }
/* rounded */
 
#nav {
	margin: 0;
	padding: 0 0 20px 10px;
	border-bottom: 2px solid #709670;
	}
 
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#nav a:link, #nav a:visited {
	float: left;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #00437F;
	}
 
#nav a:link.active, #nav a:visited.active, #nav a:hover {
	color: #00437F;
	background: url(../brockleycc/tab_rounded.gif) no-repeat bottom center;
	}
 
 
#footer {
	color: #999;
        width: 857px
	}

/* list */
#list {
	float:left;
	margin:0 0 0 0;
	padding:0;
        border-left:2px solid #709670;border-right:2px solid #709670;
	font-size:12px;
        color:#00437f;
	list-style:none;
        background-color:#eee;
        font-family: Arial, Verdana, Geneva, sans-serif;
      

	}
#list li {
	float:left;
	margin:0 0 0 0;
	position:relative;
	}
#list li span {
	display:block;
	width:217px;
	color:#000;
        padding:6px;
        background-color:#99cc99;
	text-align:left;
        font-family: Arial, Verdana, Geneva, sans-serif;
        font-size:14px;
        border-top:2px solid #709670;
	}
#list li a {
	display:block;
	width:217px;
	color:#00437f;
        padding:6px;
	text-align:left;
        border-top:2px solid #709670;
        font-weight:bold;
      
	}
#list li a:hover {
	background-position:0 0;
	background-color:#ccc;
	text-decoration:none;
        font-weight:bold;
	}
#list li a.active {
	background-color:#eee;
	text-decoration:none;
        font-weight:bold;
	}

/* list2 */
#list2 {
	float:left;
	margin:0 0 0 0;
	padding:0;
        border-top:2px solid #709670;border-left:2px solid #709670;border-right:2px solid #709670;
	font-size:12px;
        color:#5e5e5e;
	list-style:none;
        background-color:#eee;
	}
#list2 li {
	float:left;
	margin:0 0 0 0;
	position:relative;
	}
#list2 li span {
	display:block;
	width:232px;
	color:#000;
        padding:6px;
        background-color:#eee;
	text-align:left;
        border-bottom:2px solid #d0d0d0;
	}
#list2 li a {
	display:block;
	width:232px;
	color:#000;
        padding:6px;
	text-align:left;
        border-bottom:2px solid #709670;
	}
#list2 li a:hover {
	background-position:0 0;
	background-color:#ccc;
	text-decoration:none;
	}
#list2 li a.active {
	background-color:#eeeeee;
	text-decoration:none;
	}


div.brick1 { float:left;height:30px;width:62px;border:4px solid #5B5B5B;border-right:0px solid #5B5B5B; }

div.brick2 { float:left;height:30px;width:62px;border:4px solid #5B5B5B;border-right:0px solid #5B5B5B;border-top:0px solid #5B5B5B; }

div.brick_open { float:left;height:30px;width:128px;border:0px solid #5B5B5B; }

div.brick_open_border_bottom { float:left;height:30px;width:128px;border:0px solid #5B5B5B;border-bottom:4px solid #5B5B5B; }


div.brick2_right { float:left;height:30px;width:62px;border:4px solid #5B5B5B;border-top:0px solid #5B5B5B; }

div.brick_small_left { float:left;height:30px;width:29px;border:4px solid #5B5B5B;border-right:0px solid #000;  }

div.brick_small_right { float:left;height:30px;width:29px;border:4px solid #5B5B5B;  }

div.brick2_small_left { float:left;height:30px;width:29px;border:4px solid #5B5B5B;border-top:0px solid #5B5B5B;border-right:0px solid #5B5B5B; }

div.brick2_small_right { float:left;height:30px;width:29px;border:4px solid #5B5B5B;border-top:0px solid #5B5B5B; }

div.brick_right { float:left;height:30px;width:62px;border:3px solid #5B5B5B;  }

div.brick3 { float:left;height:30px;width:62px;border:4px solid #5B5B5B;border-top:0px solid #5B5B5B; }


div.brick3_small_left { float:left;height:30px;width:29px;border:4px solid #5B5B5B;border-top:0px solid #5B5B5B; }

div.brick3_small_middle { float:left;height:30px;width:29px;border:4px solid #5B5B5B;border-top:0px solid #5B5B5B;border-left:0px solid #5B5B5B; }

div.brick3_right { float:left;height:30px;width:62px;border:4px solid #5B5B5B;border-top:0px solid #5B5B5B;border-left:0px solid #5B5B5B; }

div.brick4 { float:left;height:30px;width:62px;border:4px solid #5B5B5B;border-left:0px solid #5B5B5B; }

div.brick5 { float:left;height:30px;width:62px;border:4px solid #5B5B5B;border-left:0px solid #5B5B5B;border-top:0px solid #5B5B5B; }

div.brick6 { float:left;height:30px;width:62px;border:4px solid #5B5B5B;border-top:0px solid #5B5B5B; }

div.brick6_small_right { float:left;height:30px;width:29px;border:4px solid #5B5B5B;border-top:0px solid #5B5B5B;border-left:0px solid #5B5B5B;  }

div.brick7 { float:left;height:30px;width:62px;border:0px solid #5B5B5B;border-bottom:4px solid #5B5B5B; }

div.brick_long { float:left;height:15px;width:854px;border:4px solid #5B5B5B;border-bottom:0px solid #5B5B5B;background:#75846F; }

div.solid { float:left;height:30px;width:62px;border:4px solid #5B5B5B;border-right:0px solid #5B5B5B;text-align:center;display:table-cell;vertical-align:middle;background-image:url(/brockleycc/brick1.png);  }

div.solid2 { float:left;height:30px;width:62px;border:4px solid #5B5B5B;text-align:center;display:table-cell;vertical-align:middle;background-image:url(/brockleycc/brick1.png);  }

div.brick_small_left_solid { float:left;height:30px;width:29px;border:4px solid #5B5B5B;border-right:0px solid #000;background-image:url(/brockleycc/brick1.png);  }

div.brick3_small_left_solid { float:left;height:30px;width:29px;border:4px solid #5B5B5B;border-top:0px solid #5B5B5B;background-image:url(/brockleycc/brick1.png); }


/* ######### CSS for Shade Tabs. Remove if not using ######### */
 
.shadetabs{
padding: 5px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-size:14px; font-family:arial,verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
line-height:18px; 
}
 
.shadetabs li{
display: inline;
margin: 0;
font-size:14px; font-family:arial,verdana;
}
 
.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 6px 6px;
margin-right: 3px;
border-top: 2px solid #709670;
border-right: 2px solid #709670;
border-left: 2px solid #709670;
color: #2d2b2b;
background: #eeeeee;
font-size:14px; font-family:arial,verdana;
}
 
.shadetabs li a:visited{
color: #00437F;
font-size:14px; font-family:arial,verdana;
}
 
.shadetabs li a:hover{
text-decoration: none;
color: #000000;
background: #99cc99;
font-size:14px; font-family:arial,verdana;
}
 
.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 0px;
font-size:14px; font-family:arial,verdana;
color: #000000;
}
 
.shadetabs li a.selected{ /*selected main tab style */
background: #99cc99;
color: #000000;
}
 
.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
 
.tabcontent{
display:none;
}
 
@media print {
.tabcontent {
display:block !important;
}
}

.shadetabs2{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font-size:11px; font-family:arial,verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
line-height: 14px; 
}
 
.shadetabs2 li{
display: inline;
margin: 0;
font-size:11px; font-family:arial,verdana;
}
 
.shadetabs2 li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 3px;
margin-right: 3px;
border-top: 2px solid #709670;
border-right: 2px solid #709670;
border-left: 2px solid #709670;
color: #2d2b2b;
background: #eeeeee;
font-size:11px; font-family:arial,verdana;
}
 
.shadetabs2 li a:visited{
color: #00437F;
font-size:11px; font-family:arial,verdana;
}
 
.shadetabs2 li a:hover{
text-decoration: none;
color: #000000;
background: #99cc99;
font-size:11px; font-family:arial,verdana;
}
 
.shadetabs2 li a.selected{ /*selected main tab style */
position: relative;
top: 0px;
font-size:11px; font-family:arial,verdana;
color: #000000;
}
 
.shadetabs2 li a.selected{ /*selected main tab style */
background: #99cc99;
color: #000000;
}
 
.shadetabs2 li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
 
.tabcontent2{
display:none;
}
 
@media print {
.tabcontent {
display:block !important;
}
}


--> 
</style>