/*	Colours

	#F6EBD4:	Dark beige
	#F8F5F1:	Light beige
	#0020C2:	Dark blue
	#CA0E0E:	Crimson red
	#339999:	Green
	#6600FF:	Purple;
*/

* {font-family: sans-serif;}
body {font-size: 10pt; background-color: #F6EBD4; margin: 0px; border-collapse: collapse;}
div {padding: 0px; margin: 0px;}
img {display: block; border-width: 0px; padding: 0px; margin: 0px;}
ul, ol {list-style-type: none; margin: 0px; padding: 0px;}
a {cursor: pointer; text-decoration: none; font-weight: bold;}
a:focus {outline: none;} /* remove unwanted outline from links when selected */
a:link, a:visited, a:active, a:hover {color: #555555;}
a:hover {text-decoration: underline;}
table {font-family: "Times New Roman"; font-size: 11pt; padding: 0px; background-color: white; margin: auto; border-top: 2px ridge #c3c3c3;border-right: 2px ridge #c3c3c3; border-spacing: 0;}
td, th {font-family: "Times New Roman"; font-size: 11pt; padding: 4px 5px; margin: auto; border-collapse: collapse; border-left: 2px ridge #c3c3c3; border-bottom: 2px ridge #c3c3c3; border-spacing: 0;}
td em, th em, td a, th a {font-family: "Times New Roman"; font-size: 11pt;}
thead th {color: #0020C2; text-align: center;}
tbody th {color: #CA0E0E; text-align: center;}
td {text-align: left;}
table a {font-family: "Times New Roman"; font-size: 11pt;}

/* Main layout */

.main
{
	width: 973px; height: 1507px; color: black; background-color: #F8F5F1;
	
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6EBD4), to(#F8F5F1));

	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #F8F5F1, #F6EBD4);

	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #F8F5F1, #F6EBD4);

	/* IE 10 */
	background: -ms-linear-gradient(top, #F8F5F1, #F6EBD4);

	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #F8F5F1, #F6EBD4);

	margin: 0 auto;
}

.header {height: 64px; background-color: #F8F5F1; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black;}
.left_col, .right_col {width: 192px; height: 1459px; border-left: 1px solid black; border-right: 1px solid black;}
.left_col  {float: left;}
.right_col {float: right;}
.content {width: 559px; height: 1447px; padding-top: 12px; padding-left: 12px; padding-right: 12px; background-color: #F8F5F1; float: left;}
.footer {height: 31px; clear: both; border: 1px solid black;}

/* Header area */

.header {background-color: white;}
.header_left img {float: left; margin: 0px; padding: 0; padding-left: 8px; padding-right: 8px; width: 176px; height: 64px;}
.header_middle {float: left; margin: 0 auto; width: 587px; height: 64px; background-image: url('../images/banner.jpg'); background-repeat: no-repeat;}
.header_middle a {display: block; text-align: center; font-size: 18pt; color: #6600FF; padding-top: 16px;}
.header_right {height: 64px; margin: auto; background-color: white;}
.header_right hr {float: left; width: 0px; height: 50px;}
.acba_image {float: left; margin: 8px 16px; margin-left: 24px; width: 50px; height: 50px;}
.ebu_image  {float: left; margin: 4px 12px; width: 56px; height: 56px;}

/* Footer */

.footer {text-align: center;}
.footer_table {background-color: inherit; padding-bottom: 6px;}
.footer_table, .footer_table th, .footer_table td {border-width: 0px;}
.footer_table th {color: black; font-size: 13pt; font-weight: bold;}
.footer_table td img {display: inline; margin-top: 3px; margin-left: 8px; height: 20px;}
.footer_table td a {text-decoration: none; display: inline; margin-left: 2px;}

/* Left column */

.left_col a:hover {text-decoration: none;}

.nav_div ul {margin: 15px 12px;}
.nav_div ul a
{
	display:block;
	width:148px;
	background-color: #F8F5F1;
	font-weight: bold;
	font-size: 10pt;
	color: #0020C2;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 6px;
	padding-left: 12px;
	cursor: pointer;
}

.nav_div ul a:hover {background-color: white;}
.nav_div li:first-child a {border-top-left-radius: 10px; border-top-right-radius: 10px;}
.nav_div li:last-child a {border-bottom: 1px solid black; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

.winners_div hr {margin: 16px 0px;}
#show_winners_link {display:block; font-weight: bold; font-size: 12pt; color: black; text-align: center; margin-bottom: 12px;}
#arrow {margin: 12px auto; height: 24px;}
#nav_winners_div {width: 170px; margin: auto; display: none;}

.winners_div_league_event_winner_div, .winners_div_woebc_event_winner_div
{
	font-family: "Times New Roman", sans-serif;
	background-color: white;
	cursor: pointer;
	border: 2px solid black;
	text-align: center;
	margin: 0px;
	margin-bottom: 8px;
	padding: 6px;
	border-radius: 10px;
}

.winners_div_league_event_winner_div h1 {color: black; font-weight: bold; font-size: 9pt; margin: 0px 0px;}
.winners_div_league_event_winner_div h2 {color: green; font-weight: bold; font-size: 10pt; margin: 1px 0px 0px 0px}

.winners_div_woebc_event_winner_div h1 {color: #CA0E0E; font-weight: bold; font-size: 9pt; margin: 0px 0px;}
.winners_div_woebc_event_winner_div h2 {color: black; font-weight: bold; font-size: 9pt; margin: 3px 0px 0px 0px}

/* Right column */

.right_col a:hover {text-decoration: none;}

.advert_div {margin-top: 16px;}
.advert_div_menu_item {background: white; border: 2px solid black; margin: 12px; border-radius: 10px; cursor: pointer;}
.advert_div_menu_item_row {display: table-row;}
.advert_div_menu_item_image {width: 35%; padding: 8px; display: table-cell; text-align: center;}
.advert_div_menu_item img {width: 48px; margin: 6px;}
.advert_div_menu_item_txt {width: 65%; padding: 8px; display: table-cell; text-align: center; vertical-align: middle; font-size: 14pt; font-weight: bold;}
.advert_div_menu_item h1 {display: block; text-align: center; margin: 0px; padding: 0px;}
.advert_div_menu_item h2 {display: block; text-align: center; margin: 0px; padding: 0px; font-weight: normal; font-size: 10pt; margin-bottom: 4px;}

/* coming up ... */

.upcoming_div hr {margin-top: 24px;}
.upcoming_div h1 {font-size: 14pt; text-align: center;}
.upcoming_div_woebc_list_item {background: white; border: 2px solid black; margin: 12px; border-radius: 10px; cursor: pointer;}
.upcoming_div_woebc_list_item h1 {margin: 4px; padding: 0px; text-align: center; font-size: 8pt; font-weight: bold; color: #07630D;}
.upcoming_div_woebc_list_item h2 {margin: 4px; padding: 0px; text-align: center; font-size: 9pt; font-weight: bold; color: #0020C2;}
.upcoming_div_woebc_list_item h3 {margin: 4px; padding: 0px; text-align: center; font-size: 8pt; font-weight: bold; color: black;}
.upcoming_div_external_list_item {background: white; border: 2px solid black; margin: 12px; border-radius: 10px; cursor: pointer;}
.upcoming_div_external_list_item h1 {margin: 4px; padding: 0px; text-align: center; font-size: 8pt; font-weight: bold; color: purple}
.upcoming_div_external_list_item h2 {margin: 4px; padding: 0px; text-align: center; font-size: 9pt; font-weight: bold; color: #0020C2;}
.upcoming_div_external_list_item h3 {margin: 4px; padding: 0px; text-align: center; font-size: 8pt; font-weight: bold; color: black;}
.upcoming_div_acba_list_item {background: white; border: 2px solid black; margin: 12px; border-radius: 10px; cursor: pointer;}
.upcoming_div_acba_list_item h1 {margin: 4px; padding: 0px; text-align: center; font-size: 8pt; font-weight: bold; color: red;}
.upcoming_div_acba_list_item h2 {margin: 4px; padding: 0px; text-align: center; font-size: 9pt; font-weight: bold; color: #0020C2;}
.upcoming_div_acba_list_item h3 {margin: 4px; padding: 0px; text-align: center; font-size: 8pt; font-weight: bold; color: black;}
.ebu_competitions_div {background: white; border: 2px solid black; margin: 12px; border-radius: 10px; cursor: pointer;}
.ebu_competitions_div h1 {font-size: 13pt; text-align: center;}

/* Content area */

.content p {margin: 0px; padding: 3px;}
.content p, .content em, .content strong {color: black;}
.content h1, .content h2, .content h3 {margin-top: 4px; margin-bottom: 4px;}
.content h1 {color: #1A0E87; font-size: 13.5pt; margin-bottom: 8px; text-align: center;}
.content h2 {color: #1A0E87; font-size: 11.5pt;}
.content h3 {color: #1A0E87; font-size: 10pt;}

/* About us page */

.about_us_div {}
.committee_table {margin: 8px auto;}
.committee_table tbody td {text-align: center; font-weight: bold;}

/* Bridge lessons page */

.bridge_lessons_div {}
.bridge_lessons_poster {display: block; margin: 16px auto; width: 530px;}

/* Calendar page */

.calendar_div {}
.calendar_table {margin: 16px auto;}
.calendar_table tbody th {font-family: "Courier New", sans-serif; padding: 6px;}
.calendar_table tbody td {font-weight: bold; padding: 6px;}
.calendar_table a {color: black}

/* Constitution & Minutes page */

.constitution_and_minutes_div {}
.club_minutes_div {background-color: white; width: 210px; padding: 8px; margin: 16px auto; border: 1px solid black; border-radius: 10px;}
.club_minutes_div h1 {color: #0020C2; font-size: 12pt; text-align: center;}
.club_minutes_div a {display: block; padding: 2px; color: #CA0E0E; font-family: "Courier New"; font-size: 12pt; font-weight: bold; text-align: center;}
.club_minutes_div ul {list-style-type: none;}

.agm_minutes_div {background-color: white; width: 210px; padding: 8px; margin: 16px auto; border: 1px solid black; border-radius: 10px;}
.agm_minutes_div h1 {color: #0020C2; font-size: 12pt; text-align: center;}
.agm_minutes_div a {display: block; padding: 2px; color: #6600FF; font-family: "Courier New"; font-size: 12pt; font-weight: bold; text-align: center;}
.agm_minutes_div ul {list-style-type: none;}

/* Contact us page */

.telephone_table {margin: 16px auto;}
.telephone_table img {height: 64px; padding: 8px;}
.telephone_table td {color: black; text-align: center; font-weight: bold; font-size: 24pt; padding: 8px;}
.contact_table {margin-top: 16px; margin-bottom: 24px;}
.contact_table tbody th {text-align: right; padding: 6px;}
.contact_table tbody td {}
.contact_table textarea {resize: none;}
.mailman_image {height: 140px; float: left; margin: 4px 12px; border: 1px solid black;}
.address_div {text-align: center; margin: 16px auto; font-weight: bold;}

/* Directions page */

.directions_div {}
.directions_address_div {text-align: center; margin: 16px auto; font-size: 12pt; font-weight: bold;}
#woebc_map_div {width: 540px; height: 400px; margin: 16px auto; border:1px solid black;}

/* Event page */

.event_heading_div h1 {font-size: 14pt; text-align: center;} /* Title */
.event_heading_div h2 {font-size: 12pt; color: #339999; text-align: center;} /* Date */
.event_heading_div h3 {color: #CA0E0E; font-size: 10pt; text-align: center;} /* Holders */
.event_heading_div h4 {color: black; font-size: 10pt; text-align: center;} /* Location */

.event_image {display: block; margin: 16px auto; border: 2px solid #CA0E0E;}
.event_info_table {width: 500px; margin: 24px auto 16px auto;}
.event_info_table th {width: 8em;}
.event_description_div {background: white; margin-top: 16px; margin-bottom: 8px; padding: 6px; border: 1px solid black;}
.roll_of_honour_div h1 {font-size: 12pt; text-align: center; color: purple; margin: 16px auto 8px auto;}
.roll_of_honour_table {}
.roll_of_honour_table a {color: #CA0E0E}
.event_back_link {display: block; text-align: center; font-size: 12pt; margin-top: 24px;}

/* Hand of the Week page */

.hotw_div {}
.tip_div {background: white; border: 1px solid black; width: 560px; height: 524px; overflow: auto; margin-top: 16px;}
.tip_div h1 {color: #CA0E0E;}
.tip_div p {padding: 8px 8px;}
.tip_div img {display: inline;}
.bridge_hand_table {text-align: left; margin-left: 32px; margin-top: 16px; margin-bottom: 16px; border: 0px solid black;}
.bridge_hand_table td {border: 0px solid black; padding: 0px; text-align: left; width: 33.34%;}
.individual_hand_table {width: 100%; margin-top: 8px; margin-bottom: 8px; margin-left: 8px; border: 0px solid black;}
.individual_hand_table td {border: 0px solid black; padding: 0px; text-align: left; width: 33.34%}
.bridge_hand_line_div {margin: 8px 32px;}
.bidding_table {margin-left: 32px; margin-top: 16px; margin-bottom: 16px;}
.bidding_table td {text-align: center; font-weight: bold; width: 25%}
.tip_back_link {display: block; margin-top: 16px; font-size: 11pt; font-weight: bold; text-align: center;}
.hands_archive_div {margin-top: 16px;}
.hands_archive_div h1 {text-align: center; font-size: 12pt;}
.hands_archive_div a {font-weight: bold;}
.hotw_archive_div {background-color: white; width: 430px; height: 122px; margin: 16px auto; padding-left: 8px; padding-top: 8px; padding-bottom: 4px; overflow: auto; border: 1px solid black; border-radius: 10px;}
.hotw_archive_div ul {list-style-position: inside; list-style-image: url('../images/hearts.gif');}
.hotw_archive_div li {}
.hotw_archive_div a {color: #0020C2; font-size: 12pt; font-weight: bold; margin-top: 16px;}
#hotwa {display: block; text-align: center; color: red; margin-top: 16px; cursor: pointer;}

.vubridge_div {margin: 0; text-align: center; padding-top: 16px;}
.vubridge_div a {font-size: 13pt; font-weight: bold; color: #CA0E0E;}

/* Home page */

.index_div {}
.header_table {font-size: 11pt; margin-top: 4px;}
.header_table td {font-size: 11pt; padding: 3px 22px;}

.news_banner_div {width: 232px; margin: 16px auto 20px auto;}
.news_banner_div img {display: inline; margin-right: 16px; float: left; height: 32px;}
.news_banner_div h1 {color: #6600FF; padding-top: 4px; font-size: 16pt;}

.news_div {clear: both; margin-top: 16px;}
.news_item_div {background-color: white; width: 550px; border: 1px solid black; margin: 10px 4px;}
.news_item_div h1 {font-size: 11pt; font-weight: bold; text-align: center; color: #0020C2; background-color: #FAF9F9; padding: 3px; border-bottom: 1px solid black; margin: 0px;}
.news_item_div h1 img {display: inline;}
.news_item_div p {padding: 8px 8px;}
.more_news {display: block; clear: both; margin: 6px; color: #CA0E0E;}

/* Leagues Prize Structure page */

.league_prizes_div {}
.league_prizes_table {margin-top: 16px;}
.league_prizes_table thead td {text-align: center; font-weight: bold; color: #0020C2; width: 32px;}
.league_prizes_table tbody td {text-align: center; font-weight: bold;}

/* Links page */

.links_div {width: 500px; margin: 16px auto;}
.links_div h1 {color: #CA0E0E; font-size: 12pt; text-align: center; margin: 16px;}
.links_div a {display: block; padding: 2px; color: #07630D; font-family: "Courier New"; font-size: 10pt; font-weight: bold; text-align: center;}

/* Membership page */

.membership_div {}
.membership_table {margin: 12px 8px;}
.membership_table_td2 {text-align: center; color: #0C6911;}

/* News item page */

.e_news_div {border: 1px solid black; background-color: white; padding: 8px;}
.e_news_back_link {display: block; margin-top: 16px; text-align: center; color: #0020C2; font-size: 12pt;}

/* Results page */

.all_results_div {width: 48%; margin: 16px 2px; float: left;}
.all_results_div h1 {color: #0020C2; font-size: 12pt; text-align: center;}
.all_results_div a {display: block; padding: 2px; color: #CA0E0E; font-family: "Courier New"; font-size: 12pt; font-weight: bold; text-align: center;}
.all_results_div ul {list-style-type: none;}

.league_results_div {background-color: white; padding: 7px 0px; border: 1px solid black; border-radius: 10px;}
.competition_results_div {background-color: white; padding: 7px 0px; margin-top: 16px; border: 1px solid black; border-radius: 10px;}
.fun_results_div {background-color: white; padding: 7px 0px; margin-top: 16px; border: 1px solid black; border-radius: 10px;}

.weekly_results_div {background-color: white; padding: 6px 0px; width: 48%; margin: 16px 2px; border: 1px solid black; border-radius: 10px; float: right;}
.weekly_results_div h1 {color: #0020C2; font-size: 12pt; text-align: center;}
.weekly_results_div a {display: block; padding: 2px; color: #6600FF; font-family: "Courier New"; font-size: 12pt; font-weight: bold; text-align: center;}
.weekly_results_div ul {list-style-type: none;}

/* When we play page */

.when_we_play_div {}
.night_div {background: white; margin: 16px auto; padding: 4px; border: 1px solid black;}
.night_div h1 {font-size: 11pt; text-align: center; margin-left: 4px;}

/* Advert pages */

/* Catering for matches page */

.catering_for_matches_div {}
.cake1_image {display: inline; width: 250px; margin: 12px; border: 1px solid black;}
.cake2_image {display: inline; width: 250px; margin: 12px; border: 1px solid black;}