/* THREE COLUMN LAYOUT WITH HEADER AND FOOTER*/

/* Set the type of box model (See: http://www.quirksmode.org/css/box.html) */
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;

/* Set all padding and margins to zero to start with */
* {
	padding:0;
	margin:0;
	height:100%; /* this is the key! */
	}
body {
	text-align: center;  /* IE6 needs this to center the layout in the browser window */
	background-color: #281E15;
	font-size: 12px;
	font-family: 'Trebuchet MS', Verdana, Arial, Lucida,  sans-serif;
	background-color: #1e0f05;
	}
#main_wrapper {
	width: 840px;			/* widths of columns will scale proportionately as this width is changed */
	margin-left:auto;		/* centers max'd layout in browser */
	margin-right: auto;		/* centers max'd layout in browser */
	text-align: left;		/* prevents page inheriting IE6 centering hack on body */
	background-color: #675641;
/*	overflow:auto;*/
	}

/*=================Header block=================*/
#header {
	font-family: Lucida, 'Trebuchet MS', Verdana, Arial, sans-serif;
	width: 840px;
	height: 240 px;
	background-color:#1E0F05;
	color: #FFF;
	}
#header h5 {
	margin-right: 20px;
	font-size: 12px;
	}
#header h1 {
	margin-right: 40px;
	text-align: center;
	font-size:x-large;
	}
#header a{
	font-size: 12px;
	color: #00cc00;
	}
/*======================Menu Top Bar=======================*/
/* http://www.cssplay.co.uk/menus/definition.html */
.topmenu1 {
	margin-top: -20px;
	padding-top: 0;
	padding-left: 90px;
	width: 750px;
	height: 25px;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	background: url(../images/1x25gradient.png) repeat-x;
	background: url(../images/1x25gradientTest_i.png) repeat-x;
	float: left;
	}
.button1 a {
	float: left;
	width: 90px;
	height: 25px;
	color: #000;
	text-decoration: none;
	text-align: center;
	}
.button1 a:hover {
	float left;
	width: 90px;
	height: 25px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: url(../images/1x25gradient_roll.png) repeat-x;
	background: url(../images/1x25gradient_roll_i.png) repeat-x;
	}
.topmenu2 {
	margin-top: 0;
	padding-top: 0;
	padding-left: 90px;
	width: 750px;
	height: 25px;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	background: url(../images/1x25gradient.png) repeat-x;
	background: url(../images/1x25gradientTest_i.png) repeat-x;
	float: left;
	}
.button2 a {
	float: left;
	width: 170px;
	height: 25px;
	color: #000;
	text-decoration: none;
	text-align: center;
	}
.button2 a:hover {
	float left;
	width: 170px;
	height: 25px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: url(../images/1x25gradient_roll.png) repeat-x;
	background: url(../images/1x25gradient_roll_i.png) repeat-x;
	}
.topmenu3 {
	margin-top: 0;
	padding-top: 0;
	padding-left: 50px;
	width: 790px;
	height: 25px;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	background: url(../images/1x25gradientTest_i.png) repeat-x;
	float: left;
	}
.button3 a {
	float: left;
	width: 90px;
	height: 25px;
	color: #000;
	text-decoration: none;
	text-align: center;
	}
.button3 a:hover {
	float left;
	width: 90px;
	height: 25px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: url(../images/1x25gradient_roll_i.png) repeat-x;
	}
.topmenu4 {
	margin-top: 0;
	padding-top: 0;
	padding-left: 90px;
	width: 750px;
	height: 25px;
	font-size: 12px;
	font-weight: bold;
	background: url(../images/1x25gradientTest.png) repeat-x;
	float: left;
	}
.button4 a {
	float: left;
	width: 70px;
	height: 25px;
	color: #000;
	text-decoration: none;
	text-align: center;
	}
.button4 a:hover {
	float left;
	width: 70px;
	height: 25px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: url(../images/1x25gradient_roll.png) repeat-x;
	}
.button a:hover {
	float left;
	width: 70px;
	height: 25px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: url(../images/1x25gradient_roll.png) repeat-x;
	}


/*=================Left Navigation Block=================*/
#left_column {
	width:100px;
	float:left;
	font-size: 12px;
	color: #FFF;
	background-color: #675641;
	}
#navleft {
	margin-top: 30px;
	}
#navleft ul{
	list-style-position:inside;
	margin-left: 0;
	padding-left: 15px;
	line-height: 20px;
	}
#navleft a{
	color: #FFF;
	}
#navleft a:hover{
	color:#c9a077;
	}

/*=================Right Side Promo Block=================*/
#promo {
	width: 120px;
	float: right;
	background-color: #675641;
	color: #FFF;
	}
#promo ul{
	list-style-position:inside;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	text-align: center;
	}


/*=================Weather icon=================*/
#weather {
	margin-top: 50px;
	}
/*=================Facebook icon=================*/
#facebook {
	margin-top: 20px;
	}
/*=================Church icon=================*/
#google {
	margin-top: 20px;
	}

/*=================Browser Warning Block=================*/
#browsers {
	width: 580px;
	color: #00cc00;
	font-size: 12px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #3a2e22;
	}
#browsers a:hover {
	color:#c9a077;
	}
#browsers a {
	color:#c9a077;
	}
/*=================Ordinary Content Block=================*/
.content {
	float: left;
	width: 580px;
	color: #bf9960;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #3a2e22;
	}
.content a{
	color: #bf9960;
	}
.content a:hover{
	color: #FFF;
	}
.content h2{
	color: #bf9960;
	font-size: 28px;
	font-family: 'Trebuchet MS', sans-serif;
	}
.content h3{
	color: #FFF;
	}
.content p{
	color: #FFF;
	}
.content li{
	color: #bf9960;
	}

/*=================Footer Block=================*/

#footer {
	width:100%;
	clear:both;
	background-color:#1E0F05;
	color: #FFF;
	font-size: 12px;
	}
#footer a{
	color: #c9a077;
	}
#footer a:hover{
	color: #FFF;
	}
#footer_inner {
	padding:.5em 10em;
	text-align:center;
	}
	
.email {
	unicode-bidi: bidi-override;
	direction: rtl;
	}

/*=================Summary of results on current_events page=================*/
.summary {
	width: 620px;
	margin:0;
	padding: 0;
	float: left;
	}
/*=======================Week separation line=======================*/
.week_line {
	margin: 0;
	padding: 0;
	width: 100%;
	float:left;
	background-color: #FC7F08;
	height: 5px;
	}
.line {
	width: 100%;
	float:left;
	border-bottom: 1px solid #574530;
	border-bottom: 1px solid #FFF;
	}
.event_X {
	width: 100%;
	float:left;
    margin: 0;
    padding: 0;
	color: #FFF;
	background-color: #2B2016;
	font-size: 12px;
	height:35px;
	}
.event_X a:link		{ color: #fff; text-decoration: none; }
.event_X a:visited	{ color: #96C7D6; text-decoration: none; } 
.event_X a:hover	{ color: #FC7F08; }

.event_X p{
	margin: 0;
	padding-top: 5px;
	line-height: 12px;
	}
.event_XX p{
    margin: 0;
	padding-top: 5px;
	line-height: 12px;
	}
.event_XX a:link	{ color: #fff; text-decoration: none; }
.event_XX a:visited	{ color: #96C7D6; text-decoration: none; } 
.event_XX a:hover	{ color: #FC7F08; }

.event_XX {
	width: 100%;
	float:left;
    margin: 0;
    padding: 0;
	color: #FFF;
	background-color: #574530;
	font-size: 12px;
	height:35px;
	}
.event_X1 {
	width: 13%;
	float:left;
    margin: 0;
    padding: 0;
	color: #FFF;
	background-color: #7E5C3B;
	height: 35px;
    padding-left: 5px;
	}
.event_X1a {
	width: 13%;
	float:left;
    margin: 0;
    padding: 0;
	color: #FFF;
	background-color: #3E2D1D;
	height: 35px;
    padding-left: 5px;
	}
.event_X2 {
	width: 16%;
	float:left;
    padding-left: 5px;
	}
.event_X3 {
	width: 20%;
	float:left;
    padding-left: 5px;
	}
.event_X4 {
	width: 38%;
	float:left;
    padding-left: 5px;
	}
.event_X5 {
	width: 7%;
	float:right;
    margin: 0;
    padding: 0;
    margin-right: 5px;
    margin-top: 5px;
	}
	

/*=================Detailed Event Block=================*/
.event {
 	float: left;
	width: 99%;
	background-color: #8b6f52;
	border: #aaabac; border-style: solid; border-width: 4px;
	font-family: Verdana, 'Trebuchet MS';
	}
.event_top {
	width: 100%;
	font-size: 16px;
	background-color: #4f4439;
	float: left;
	}
.event_top_left {
	width:25%;
	height:50px;
	background-color: #FFF;
	float: left;
	}
.event_top_left h5{
	padding: 0;
	margin: 0;
	line-height: normal;
	color: #FFF;
	}
.event_top_right {
	width: 65%;
	padding: 10px;
	background-color: #4f4439;
	float: left;
	}
.event_top_right h5{
	padding: 0;
	margin: 0;
	line-height: normal;
	color: #FFF;
	}
.event_middle {
	font-family: Verdana, 'Trebuchet MS';
	width: 100%;
	line-height: normal;
	float: left;
	font-size: 16px;
	background-color: #776f63;
	border-bottom: black; border-bottom-style: solid; border-bottom-width: 2px;
	}
.event_middle_left {
	width:25%;
	height: 200px;
	background-color: #948877;
	float: left;
	text-align: center;
	padding-top: 10px;
	}
.event_middle_left h5{
	padding: 0;
	margin: 0;
	color: #FFF;
	}
.event_middle_right {
	width: 65%;
	background-color: #776f63;
	float: left;
	}
.event_middle_right h5{
	padding: 10px;
	margin: 0;
	line-height: normal;
	color: #FFF;
	}

.event_bottom {
	background-color: #8b6f52;
	width:100%;
	float: left;
	font-size: 10px;
	}


#detail {
	background-color: #8b6f52;
	border: 0px solid black;
	}
#detail td{
	margin: 20px;}
#detail h5{
	font-size: 16px;
	width: 200px;
	font-weight: bold;
	line-height: 12px;
	color: #FFF;
	margin-top: 0;
	display: inline;
	}
#detail h6{
	font-size: 12px;
	line-height: 12px;
	color: #FFF;
	display: inline;
	width: 500 px;
	}

.event_space {
	width:100%;
	height: 10px;
	clear: both;
	float: left;
		border-style: solid; border-color:lime; border-width: 4px;
	}
.footer_back {
	float: left;
	width: 97%;
	font-size: 24px;
	line-height: 12px;
	text-align: center;
	margin: 0;
	padding 0;
	}
.footer_back a:hover {
	color:#FFF;
	}
.footer_back a {
	color:#c9a077;
	}
/*======================Past event - footer text======================*/
.past_footer1a2 {
	width: 300 px;
	margin-left: 20px;
	margin-right: 20px;
	border-color: #B50000;
	border-width: 5px;
	}
.past_footer1 {
	float: left;
	width: 400 px
	border-color: #B50000;
	border-width: 5px;
	text-align: center;
	}
.past_footer1 a:link{
	font-weight:bold;
	font-size:16px;
	color: #c9a077;
	}
.past_footer1 a:hover{
	color: #FFF;
	}
.past_footer2 {
	float: right;
	width: 100 px
	}
.past_footer2 a:link{
	font-weight:bold;
	font-size:16px;
	color: #c9a077;
	}
.past_footer2 a:hover{
	color: #FFF;
	}

/*======================Tables======================*/
#tafel {
	color: #BF9960;
/*	margin: 1em 1em 1em 0.5em;*/
	margin: 14px 14px 14px 7px;
	border-collapse:collapse;
	font-size:16px;
	border: 0px solid black;
	color: #BF9960;
	}
#tafel caption {
	font-weight:bold;
	font-size:1em;
	margin-top:.6em;
	margin-left: 100px;
	}
#tafel td {
	border-bottom:2px solid #069;
	}
#tafel h {
	text-align: center;
	}

.tafel2 {
	color: #FFF;
	font-size:14px;
	}

/*====================Googlemap divs=======================*/
div.googlemap {
	text-align:center;
	float: left;
	}
div.googlemap table{
	margin:0 auto;
	text-align: left;
	margin-left: 165px;
	font-size: 14px;
	color: #FFF;
	}

hr.separator {
	height: 2px;
	width: 100px;
	border : 1px solid #bf9960;
	}

#map {
	width: 500px; 
	height: 500px;
	margin: 0px 0px 0px 0px;
	margin-left: 165px;
	margin-top: 120px;
	}
#map_data {
	margin-left: 165px;
	float: left;
	color: #FFF;
	font-size: 14px;
	}
#plans {
	text-align: left;
}
#map_canvas {
	width: 500px; 
	height: 500px;
	margin: 0px 0px 0px 0px;
	margin-left: 165px;
	margin-top: 120px;
	}

.privacy {
	width: 600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 auto;
	margin-left: 20px;
	margin-bottom: 20px;
}
.privacy h1 {
	text-align: center;
	font-size: 1.5em;
}
.privacy h3 {
	text-align: left;
	margin-left: 20px;
	font-size: 1.3em;
}
.privacy p {
	text-align: left;
	margin-left: 20px;
	font-size: 1.0em;
}
.privacy ul {
	margin-left: 20px;
	font-size: 1.0em;	
}
.privacy ul li {
	list-style-image: url(./images/bullet.gif);
	list-style-position: inside;
}
.privacy ul p {
	margin-left: 20px;
}