body {
	margin-top: 20px;	
	background-color: #D1CDC2;
}

/***** Positioning start *****/
/* All other elements positioned inside this div */
#main_canvas {
	position: absolute;
	width: 900px;
	margin: 0 auto;
	height: auto;
	border: 1px solid gray;
	/* border-left: 1px solid gray; */
/* 	border-right: 1px solid gray; */
	background-color: #FFFFFF;
}
/* Picture at page top */
#top_canvas {
	position: relative;
	margin-top: 0px;
	height: 75px;
	color: #606680;
}
/* Top menu */
#menu_canvas {
	position: relative;
	border-bottom: 1px solid #D1CDC2;
	background-color: #EBEBEB;
}
/* Most pages consist of two pages, but there might be four */
#area1 {
	float:left;
	width:550px;
	margin:25px 20px 10px 25px;
}
/* IE fix */
* html #area1 { margin:41px 30px 10px 10px; }
#area2 {
	float:right;
	width:250px;
	margin:25px 25px 10px 20px;
}
/* IE fix */
* html #area2 { margin:41px 10px 10px 30px; }
#area3 {
	float:left;
	width:550px;
	margin:25px 20px 10px 25px;
}
/* IE fix */
* html #area3 { margin:41px 30px 10px 10px; }
#area4 {
	float:right;
	width:250px;
	margin:25px 25px 10px 20px;
}
/* IE fix */
* html #area4 { margin:41px 10px 10px 30px; }

#area5 {
	float:left;
	width:860px;
	margin:25px 20px 10px 20px;
}
/* IE fix */
* html #area5 { margin:25px 10px 10px 11px; }

/* Footer */
#bottom_canvas {
	float:left;
	width:880px;
	border-top: 1px solid gray;
	padding: 1em;
	line-height: 16px;
	text-align: center;
}
* html #bottom_canvas { float:none; }

#area5 .right {
	float:right;
	padding-left:20px;	
}

/***** Positioning end *****/

/***** Fonts begin *****/
#area1, #area2, #area3, #area4, #area5, #menu_canvas, #bottom_canvas, .sub_menu, .sub_menu_first {
	font-family: Arial, Verdana, Helvetica, Tahoma;
	font-size: 13px;
	color: #515151;
}
h1, .header_big, .header_small {
	font-family: sans-serif, Arial, Helvetica;
}
#menu_canvas {
	
}
#bottom_canvas {
	color: #606680;
	font-size: 10px;
	font-weight: 300;
}

a { text-decoration: none; color: #467AA7;}
a.sub_menu, a.sub_menu_first {
	font-size: 12px;
}
/* Top menu */
#menu_canvas a {
	font-size: 11px;
	font-weight: bold;
	color: #606680;
	

}
#menu_canvas a.textSelected { color: #FFFFFF; }

legend {
	font-size: 13px;
	color: #606680;
}
.header_big, h1 {
	font-size: 16px;
	font-weight: bold;
	color: #467AA7;
	text-align: left;
	
	padding-top:12px;
	letter-spacing: 3px;
}

.header_small, h2 {
	font-size: 12px;
	font-weight: bold;
	color: #484646;	
}

.ingress {
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #C55512;
	font-style: italic;
}


/* li { */
/* 	font-family: arial, Times, Times New Roman; */
/* 	font-size: 13px; */
/* 	font-weight: normal; */
/* 	color: #515151; */
/* } */

.reply {
	/* color: #9D3A40; */
	font-weight: bold;
}


/* Messages */
div.alert {
	font-family: helvetica;
	font-size: 13px;
	color: #9B2424;
}
div.shiner {
	font-family: helvetica;
	font-size: 13px;
	color: #467AA7;
}


/***** Fonts end *****/


#menu_canvas table { border-collapse: collapse; }
#menu_canvas td { padding: 8px 15px 8px 15px; }

.indexSelected { background-color: rgb(219, 189, 57); }
.lunchSelected { background-color: rgb(79, 57, 59); }
.foodSelected { background-color: rgb(125 ,92, 75); }
.eventSelected { background-color: rgb(143, 167, 119); }
.menuSelected { background-color: rgb(188, 133, 51); }
.contactSelected { background-color: rgb(160, 107, 55); }
.adminSelected { background-color: rgb(229, 200, 80); }
.christmasSelected { background-color: rgb(183, 72, 42); }
.christmasCateringSelected { background-color: rgb(83, 91, 118); }



.sub_menu_first {
	padding: 0 1em 0 0;
	border: 0;
	color: #467AA7;
}

.sub_menu {
	border-left: 1px solid lightgray;
	padding: 0 1em 0 1em;
	margin: 0;
	color: #467AA7;
}


img { border: 0; }

/* Till mail-prenumerera.
   Inte bra, måste fixas. */
.lunch_table {
	width: 250px;
	background-image: url(../picts/grafik/toning.gif);
	background-repeat: repeat-x;
	border-color: #7F7F7F;
	border-width: 1px;
	border-style: solid;
	background-color: rgb(230, 197, 143);
}

.lunch_table th {
	padding:10px;
	font-size: 12px;
	
}

.lunch_table td {
	text-align: right;
	padding: 10px;
}



span.left { float:left; }
span.right { float:right; }


.input_small {width:20px;}

.td_right { text-align: right; }
.td_left { text-align: left; }
div { border:0px solid gray; }



#wrapper .r1, #wrapper .r2, #wrapper .r3, #wrapper .r4 { overflow: hidden; }
	#roundtop, #roundbottom { background: #ffffff; }
	#wrapper .r1{ margin: 0 5px; height: 1px; }
	#wrapper .r2{ margin: 0 3px; height: 1px; }
	#wrapper .r3{ margin: 0 2px; height: 1px; }
	#wrapper .r4{ margin: 0 1px; height: 2px; }
	#content {
		padding: 10px;
		color: #000000;
	}
	#content table { width:100%; }
	#content th {	
		font-size: 12px;
		padding: 10px 0 10px 0;
	}
	#content td { padding: 4px 20px 4px 20px; }
	
fieldset {
	margin-top:20px;
	padding:15px;
	border: 1px solid #999999;	
}