/* The German Club CSS */

html, body	{
	height: 100%;
	padding: 0;
	margin: 0;
}
body	{
	margin: 20px;
	background: #333;
	text-align: center; /*Used to centre the page, but text-align: left; added within #container to stop all content from being centre aligned */
}
body, p, input	{
	color: #666;
	font-family: Georgia, serif, Times;
	font-size: 14.5px;
	line-height: 1.4em;
}
p	{
	margin: 1em 0; /* Re-instating default margin behaviour for p */
}
#container	{
	width: 830px;
	border: 1px solid #000;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	text-align: left;
	margin-bottom: 10px;
}
#header	{
	width: 830px;
}
#logo	{
	height:81px;
	background: url(../images/logo-the-german-club.jpg) top left no-repeat;
	text-align: right;
	vertical-align:baseline;
	line-height: 1.3em;
}
#logo a:link, #logo a:visited	{
	color: #666;
	text-decoration:none;
}
#logo a:hover, #logo a:active	{
	color: #666;
	text-decoration: underline;
}
#nav	{
	width: 830px;
	color: #F0EBDD;
	font-family: Georgia, serif, Times;
	background-color: #666;
	margin-top: 10px;
}
a:link, a:visited	{
	color: #666;
	text-decoration: underline;
}
a:hover, a:active	{
	color: #666;
	text-decoration: none;	
}
*/
#page-img	{
	background: #eee url(../images/img-1.jpg);	
	height: 140px;
}
#main	{
	width: 550px;
	min-height:	400px;
	margin: 10px 10px 0 0;
	padding: 7px 10px 10px 10px;
	* padding: 17px 10px 10px 10px; /*Hack, FF ignores line of code with preceding asterix */
	float: left;
	background: url(../images/main-bgd-effect.jpg) top left repeat-x;
}
#main2	{
	width: 230px;
	margin: 10px 0 0 0;
	padding: 7px 10px 10px 10px;
	* padding: 17px 10px 10px 10px; /*Hack, FF ignores line of code with preceding asterix */
	float: left;
	background: url(../images/main-bgd-effect.jpg) top left repeat-x;
}
#footer	{
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-bottom: 15px;
}
#footer a	{
	text-decoration: none;
	color: #666;
}
/*
#footer	{ 
	width: 800px;
	text-align: center;
	padding: 5px 15px 10px 15px;
	clear:left;
}
*/
/* Email Anti-SPAM technique */
.displaynone	{
	display:none;
}
.small p	{
	font-size: 0.85em;
	line-height: 1.2em;
}
.border	{
	border: 1px solid #666;	
}
.customer-testimonial p {
	font-size: 0.9em;
	color:#222;
	background: #FF9;
	padding: 10px;
}
.button	{
	border: 1px solid #000;
	background-color: #666;
	padding: 6px 10px;
	margin: 0;
	line-height: 2.2em;
}
a.button:link, a.button:visited	{
	color: #fff;
	text-decoration: none;
}
a.button:hover, a.button:active	{
	color: #fff;
	background-color: #000;
	text-decoration: none;
}
/*.halls-and-rooms a.button	{
	display: block;
	margin-top: 20px;
}*/
h1	{
	font-size: 1.5em;
	font-weight: 400;
}
h2	{
	font-size: 1.3em;
	font-weight: 400;
}
h3	{
	font-size: 1.2em;
	font-weight: 400;
}
h4	{
	font-size: 1.15em;
	font-weight: 400;
}
.promo	{
	padding: 15px 10px 0 10px;
	border: 1px solid #999;
	background: #FAFAFA url(../images/promo-bgd.jpg) top left repeat-x;
	margin: 1em 0;
}
.promo h2	{
	margin-top: 0;	
}
.promo h4	{
	margin: 0;	
}
.promo p	{
	margin-top: 0;	
}
.menu tr.r1 td, .drinks-list tr.r1 td, .events tr.r1 td, .regular-weekly-events tr.r1 td, .happy-hour tr.r1 td {
	background-color: #fff;
	padding: 1px 0;
	border-bottom: 1px solid #ccc;
}
.menu tr.r2 td, .drinks-list tr.r2 td, .events tr.r2 td, .regular-weekly-events tr.r2 td, .happy-hour tr.r2 td {
	background-color: #fff;
	padding: 1px 0;
	border-bottom: 1px solid #ccc;
}
.menu h2	{
	margin-bottom: 0.3em;	
}
.menu table {
	margin-bottom: 0.5em;	
}
.drinks-list table {
	margin-bottom: 1.5em;	
}
.halls-and-rooms img, .photo-gallery img	{
	border: 1px solid #666;
	margin-right: 10px;
	margin-top: 0.5em;
}
.photo-gallery img	{
	margin-bottom: 10px;	
}
.events img	{
	/*border: 1px solid #666;*/	
}
.special-interest-groups img	{
	border: 1px solid #666;
}
.no-border	{
	border: 0;
}
.halls-and-rooms h3	{
	line-height: 1em;
	margin: 0;
}
.halls-and-rooms tr.r1 td	{
	padding-top: 5px;
}
.halls-and-rooms tr.r2 td	{
	padding: 0.5em 0 0.5em 0;
	border-bottom: 1px solid #ccc;
}
.halls-and-rooms tr.r2 td.r1	{
	padding: 0.5em 0 0.5em 0;
	border-bottom: 0;
}
.events td p, .menu td p, .halls-and-rooms td p, .club-management td p	{
	margin-top: 0;	
}
.club-management img	{
	border: 1px solid #999;
}
.club-management td h3	{
	margin: 0;	
}
.club-management tr.r1 td, .club-management tr.r2 td	{
	background-color: #fff;
	padding: 0 0 5px 0;
}
.contact-us h2	{
	margin-bottom: 0;
}
.photo-gallery h2	{
	margin: 0 0 0 0;	
}
.photo-gallery p	{
	margin: 0 0 5px 0;	
}
.contact-us p	{
	margin-top: 0;	
}
.welfare-centre h2	{
	margin-bottom: 0;
}
.English	{
	width: 265px;
	float: left;
	margin-right: 20px;
}
.German	{
	width: 265px;
	float: left;
}
.top	{
	text-align: right;	
}
.constitution-level-2 li	{
	list-style-type: lower-alpha;	
}
.constitution-level-3 li	{
	list-style-type: decimal;	
}
.contact-us-1	{
	width: 140px;
	float: left;
	margin-right: 20px;
}
.contact-us-2	{
	width: 390px;
	float: left;
}
.food-1	{
	width: 210px;
	float: left;
	margin-right: 15px;
}
.food-2	{
	width: 325px;
	float: left;
}
.food-1 p, .food-2 p	{
	font-size: 0.85em;
	line-height: 1.2em;	
	margin-top: 0.5em;
}
.costume-hire thead	td {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.costume-hire h4	{
	margin-top: 0.5em;
	margin-bottom: 5px;
}