/*
#255F21 - green
#713711 - brown
#FFCC66 - yellow background
#F49B01 - active menu item / logo
#7D8B3D - light green as menu background
#FFD687 - lighter than background - event/feedback/form background
#FFBE41 - darker than background - event date/feedback header
*/

body {
    background-color: #255F21;
    margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;
    padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #255F21;
    font-size: 10px;
	text-align: center;
}

a:link { color: #056D05; font-weight: bold; text-decoration: none}
a:active { color: #FF9900; text-decoration: underline}
a:visited { color: #056D05; font-weight: bold; text-decoration: none}
a:hover { color: #FF9900; text-decoration: none}

a.foot_email:link { color: #FFCC66; font-weight: bold; text-decoration: none}
a.foot_email:active { color: #FFCC66; text-decoration: none}
a.foot_email:visited { color: #FFCC66; text-decoration: none}
a.foot_email:hover { color: #FFCC66; font-weight: bold; text-decoration: none}

.text_menu a:link { color: #255F21; font-weight: normal; text-decoration: none}
.text_menu a:active { color: #255F21; font-weight: normal; text-decoration: underline}
.text_menu a:visited { color: #255F21; font-weight: normal; text-decoration: none}
.text_menu a:hover { color: #255F21; font-weight: normal; text-decoration: underline}

.event_footer a:link { color: #FFCC66; font-weight: normal; text-decoration: none}
.event_footer a:active { color: #FFCC66; font-weight: normal; text-decoration: underline}
.event_footer a:visited { color: #FFCC66; font-weight: normal; text-decoration: none}
.event_footer a:hover { color: #FFCC66; font-weight: normal; text-decoration: underline}

a.mess_email:link { color: #255F21; font-weight: bold; text-decoration: none}
a.mess_email:active { color: #255F21; font-weight: bold; text-decoration: underline}
a.mess_email:visited { color: #255F21; font-weight: bold; text-decoration: none}
a.mess_email:hover { color: #255F21; font-weight: bold; text-decoration: underline}

.border { border: 1px solid #056D05;}
.b { font-weight: bold;}
.c { text-align: center;}

h1 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

h2 {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.wrapper_1 {
	text-align: left;
	width: 780px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	background: #FFCC66 url("../images/brd_r.gif") repeat-y top right;
}

.wrapper_2 {
	text-align: left;
	width: 100%;
	background: url("../images/brd_l.gif") repeat-y top left;
	padding-top: 10px;
}

.content {
	width: 709px;
	margin: auto;
    padding-top: 20px;
    padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.heading {
	margin-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px dotted #255F21;
	width: 500px;
}

.text {
	width: 500px;
	margin-left: 110px;
	color: #713711;
}

.text strong {
	color: #255F21;
}

.footer {
	background-color: #7D8B3D;
	color: #FFCC66;
	height: 15px;
	font-weight: bold;
	text-align: center;
	padding-top: 2px;
	margin-left: 11px;
	margin-right: 11px;
}

.text_menu {
	text-align: center;
	padding-bottom: 3px;
	/* because of 3-col layout on the home page it needs clear: both */
	clear: both;
}

.wrapper_stripe {
	width: 100%;
	height: 20px;
}

.wrapper_stripe.topleft {
	background: #FFBE41 url("../images/left_top.gif") no-repeat top left;
}

.wrapper_stripe.topright {
	background: url("../images/right_top.gif") no-repeat top right;
}

.wrapper_stripe.bottomleft {
	background: #7D8B3D url("../images/left_bottom.gif") no-repeat bottom left;
}

.wrapper_stripe.bottomright {
	background: url("../images/right_bottom.gif") no-repeat bottom right;
}

/*** HEADER ******************************/

.header {
	width: 709px;
	margin: auto;
	margin-bottom: 10px;
}

.header_top {
	width: 200px;
	height: 35px;
	margin-left: 255px;
	margin-right: 254px;
}

.header_mid {
	width: 643px;
	height: 69px;
	margin-left: 34px;
	margin-right: 32px;
}

.header_menu {
	width: 709px;
	height: 20px;
	background-color: #7D8B3D;
}

.header_bottom {
	width: 85px;
	height: 32px;
	margin-left: 313px;
	margin-right: 311px;
}

/*** INDEX *******************************/

#index {
	padding-top: 10px;
}

.left_col {
	width: 150px;
	float: left;
	margin-bottom: 10px;	
}

.mid_col {
	width: 390px;
	float: left;
	margin-left: 10px;
	margin-right: 9px;
	margin-bottom: 10px;
}

.right_col {
	width: 150px;
	float: right;
	margin-bottom: 10px;
}

.box_label {
	font-size: 10px;
	font-weight: bold;
	height: 11px;
	padding-top: 3px;
	text-align: center;	
}

.box {
	background-color: #FFD687;
	padding: 3px;
}

.news_date {
	vertical-align: top;
	color: #713711;
	padding-bottom: 2px;
	padding-top: 2px;
}

.news_date.next {
	border-top: 1px dotted #713711;
}

.news_text {
	vertical-align: top;
	text-align: justify;
	margin-bottom: 2px;
}

.more {
	text-align: center;
	color: #FFCC66;
}

/*** MENU ********************************/

.meal_type {
	margin: auto;
	margin-bottom: 8px;
	margin-top: 15px;
	border-bottom: 1px dotted #255F21;
	width: 500px;
}

.meal_name {
	margin-left: 150px;
	margin-bottom: 3px;
}

.meal_desc {
	margin-left: 150px;
	color: #713711;
	width: 400px;
}

/*** EVENTS ********************************/

.event {
	width: 500px;
	margin: auto;
	margin-top: 10px;
	background-color: #FFD687;
}

.event_date {
	color: #056D05;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	margin-right: 15px;
	padding-top: 3px;
	height: 11px;
}

.event_name {
	color: #056D05;
	font-size: 11px;
	text-align: left;
	padding: 3px;
	padding-top: 5px;
	padding-left: 5px;
}

.event_band {
	color: #056D05;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 3px;
	padding-left: 5px;
	margin-bottom: 5px;
}

.event_desc {
	color: #713711;
	text-align: justify;
	padding: 5px;
	margin-bottom: 5px;
}

.event_footer {
	height: 15px;
	padding-left: 0px;
	padding-top: 1px;
	text-align: center;
	color: #FFCC66;
}

/*** FEEDBACK *****************************/

.form {
	text-align: center;
	width: 500px;
	margin-left: 110px;
	margin-bottom: 20px;
}

.label {
	font-size: 10px;
	width: 50px;
}

.inputfield	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	background-color: #FFD687;
	border: 1px solid #713711;
	color: #713711;
	width: 150px;
	padding-left: 2px;
}

.textarea {
	width: 410px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.code {
	width: 50px;
	text-align: center;
	padding-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.code_hint {
	width: 100%;
	font-size: 9px;
	margin-bottom: 10px;
}


.button	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	background-color: #FFBE41;
	color: #713711;
	border: 1px solid #713711;
	height: 20px;
}

.warning {
	font-weight: bold;
	background-color: red;
	color: #FFCC66;
	margin-bottom: 5px;
}

.message {
	color: #713711;
	width: 500px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFD687;
}

.mess_head {
	color: #255F21;
	text-align: right;
	padding-right: 15px;
	height: 10px;
	padding-top: 4px;
}

.mess_text {
	padding: 5px;
	border-bottom: 2px solid #7D8B3D;
}