/* =initialize
---------------------------------------------------------------------------- */

/* =divisions
---------------------------------------------------------------------------- */	
	#contentMembers {
		width: 400px;
		margin: auto;
	}
	
	#contactWrapper {
		position: relative;
		width: 400px;
		text-align: center;
	}

	#contactStatusAddress {
		float: left;
	}
	
	#contactStatus {
		position: absolute;
		top: 0;
		right: 236px;
	}

	#contactAddress {	
		position: absolute;
		bottom: 0;
		right: 236px;
	}

	#contactImage {
		float: right;
		margin-right: 25px;
	}
	
	#contactWrapper:after {  /* clearing */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
	
	#callout {
		width: 250px;
		border: 1px solid #FACE67;
		margin: 0 auto;
		margin-top: 14px;
		margin-bottom: 24px;
		text-align: center;
		background: #FEF5E0;
		color: #000;
	}
	
	#linkEatingAccomm,
	#linkEatingAccomm2 {
		clear: both;
		width: 300px;
		border: 1px solid #D5FFFF;
		margin: 0 auto;
		text-align: center;
		background: #F1FFFF;
		color: #000;
	}

	#awards {
		width: 260px;
		margin: 0 auto !important;
	}
	
	#spiel,
	#awards,
	#memberships {
		clear: both;
		margin: 8px 0;
		text-align: center;
	}
	
	#locationMap {
		clear: both;
		margin-top: 16px;
		margin-bottom: 24px;
		text-align: center;
	}
	
	#memberMap {
	}
	
	#detailsLeft {
		float: left;
		width: 180px;
		margin: 0 auto;
		text-align: center;
	}
	
	#detailsRight {
		float: right;
		width: 200px;
		text-align: center;
	}
	
	#detailsCentre {
		clear: both;
		width: 400px;
		margin: 0 auto;
		padding: 16px 0;
		text-align: center;
	}

/* =headings
---------------------------------------------------------------------------- */
	#spiel h4 {
		padding-top: 0;
	}
	
	#callout h4 {
		margin: 0 0 2px 0;
		padding: 6px;
		background: #FCE6B1;
	}

/* =paragraphs
---------------------------------------------------------------------------- */
	#contactStatus p {
		display: block;
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
	
	#spiel p {
		padding: 0 12px 6px 12px;
		margin: 0;
		text-align: center;
		font-style: italic;
		line-height: 1.4;
	}
	
	#contactTelNet span {
		color: #336699;
	}
	
	span.noEmp {
		font-weight: normal;
		color: #000;
	}
	
	span.noColor {
		color: #000;
	}
	
	span.dishTitle {
		font-weight: bold;
		color: #336699;
	}
	
	#linkEatingAccomm p,
	#linkEatingAccomm2 p {
		padding: 6px;
		margin: 0;
	}
	
	#callout p {
		padding: 3px 6px 3px 6px;
		margin: 0;
	}
	
	#callout p.paddingUp {
		padding-top: 5px;
	}
	
	#callout p.spacer {
		padding: 0;
		margin: 0;
	}

	#callout p.paddingDown {
		padding-bottom: 5px;
	}	
	
	p.menuLink {
		border: 1px solid #FACE67;
		margin: 12px auto;
		padding: 8px;
		background: #FEF5E0;
		color: #000;
	}

	hr.membersPage {
		margin-top: 8px;
	}


/* =lists
---------------------------------------------------------------------------- */
	#contactWrapper dl {
		text-align: right;
	}
	
	#contactWrapper dt {
		font-weight: bold;
	}
	
	#contactTelNet ul {
		margin-top: 16px;
		text-align: center;
		list-style: none;
		font-weight: bold;
		line-height: 2.2;
	}
	
	#awards dl {
		margin-top: 12px;
	}
	
	#awards dt {
		color: #004C4C;		
	}
	
	#awards dd {
		font-weight: bold;
		padding-bottom: 8px;
	}
	
	#awards dd.noBold {
		font-weight: normal;
	}
	
	#awards dd.noPadding {
		padding-bottom: 0;
	}
	
	#priceLoc {
		margin-bottom: 8px;
	}
	
	#priceLoc dt {
		float: left;
		clear: left;
		width: 65px;
		text-align: right;
		font-weight: bold;
		line-height: 1.3;
		background: inherit;
		color: #336699;
	}
	
	#priceLoc dd  {
		overflow: hidden;
		padding-left: 6px;
		text-align: left;
		font-weight: bold;
		line-height: 1.3;
	}
	
	#location dt {
		float: left;
		clear: left;
		/*width: 65px;*/
		font-weight: bold;
		line-height: 1.3;
		background: inherit;
		color: #336699;
	}
	
	#location dd  {
		overflow: hidden;
		float: left;
		padding-left: 6px;
		font-weight: bold;
		line-height: 1.3;
	}
	
	dl.items {
		text-align: left;
		margin-bottom: 10px;
	}
	
	.items dt {
		border-bottom: 1px solid #CCC;
		margin-bottom: 6px;
		padding-bottom: 6px;
		font-weight: bold;
		background: inherit;
		color: #336699;
	}
	
	.items dd {
		margin-left: 8px;
		padding-left: 16px;
		padding-bottom: 7px;
		background: transparent url(/images/b2.gif) no-repeat left 3px;
	}
	
	.items .itemsNoBullet {
		margin-left: 16px;
		padding-left: 0;
		background: transparent; /* don't specify dd here! */
		color: inherit;
	}
	
	.lastItem {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
	
	ul.dish {
		margin-left: 12px;
		margin-right: 12px;
		list-style: none;
	}
	
	ul.dish li {
		margin-top: 3px;
	}

/* =tables
---------------------------------------------------------------------------- */
	table#bedBath {
		border: 1px solid #CCC;
		margin: 0 auto;
		margin-bottom: 16px;
		text-align: center;
		border-collapse: collapse;
		line-height: 1.5;
		background: inherit;
	}
	
	#bedBath th {
		padding: 6px;
		text-align: left;
		background: inherit;
		color: #336699;
	}
	
	#bedBath td {
		border: 1px solid #CCC;
		padding: 6px;
	}
	
	#bedBath td.cellRight {
		text-align: right;
	}

	.membersTable {
		width: 360px;
	}

	.membersTable th {
		padding-top: 4px;
		text-align: center;
	}
	
	.membersTable td {
		padding-top: 4px;
		text-align: center;
	}
	
	.membersTable td.membersTableCellLeft {
		text-align: left;
	}
	
	.membersTable th.membersTableCellPaddingTop,
	.membersTable td.membersTableCellPaddingTop {	
		padding-top: 12px;
	}
	
	.membersTable tr.membersTableRowPaddingBottom {
		padding-bottom: 20px;
	}

	/* =images
---------------------------------------------------------------------------- */
	#contactStatus img {
		float: right;
	}

	#contactTelNet img {
		vertical-align: middle;
	}
	
	#spiel img {
		float: left;
		margin: 0 15px 0 0;
	}
	
	#locationImage {
		/* margin-bottom: 16px; */
		float: left;
		margin-right: 20px;
		margin-bottom: 8px;
	}
	
	#detailsLeft img,
	#detailsRight img,
	#detailsCenter img {
		margin-bottom: 16px;
	}
	
	#detailsCenter img {
		margin-top: 12px !important;
	}

	.lastImage {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	.tightImage {
		margin-bottom: 4px !important;
		padding-bottom: 4px !important;
	}

	#infoButton{
		display: block;
		margin: 0 auto;
		padding: 0;
	}
	
	#menuImage {
		float: right;
		padding-left: 12px;
		padding-bottom: 4px;
		margin-top: 40px;
	}
	
	.harlemUKImage {
		float: right;
		margin: 12px 0 12px 12px;
	}