/* --- now set some defauls ---- */
em {font-style: italic;}
strong {font-weight: bold;}	

a,a:hover,a:link,a:visited { text-decoration: none; color: #000;}
a:hover { color: #600cac;}
a:link { border-bottom: 1px dotted #333333;}
body {background-color: #e2e2e2; font-family: 'Albert Sans', sans-serif; font-size: 18px;}
/* --- end of defaults --- */


#container {
	margin: 0px auto;
	width: 980px;	
	color: #000;
	margin-right: auto;
	margin-left: auto;
	margin-top: 4px;
	background-color: #ffffff;
	/* background-color: #fffafa; */
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
	border: 1px solid #999999;
	margin-bottom: 20px;
}

#header {
	height: 50px;
	padding: 10px 20px;
	background-image: url('images/bluebackground2.jpg');
	color: #000000;
}

#header h1 { font-size: 160%; color: #ffffff; letter-spacing: 2px;}
#header h2 { font-size: 110%; color: #333333;}

#navmenu { background-color: #cccccc; width: 100%; height: 27px;}
#navmenu .lastupdate { font-size: 75%; padding-top: 10px; margin-right: 0px;}
#content { margin-top: 20px; margin-bottom: 20px; padding: 0px 10px; 	min-height: 500px;}
#content p { margin-bottom: 15px; line-height: 150%;}
#content h1 { margin-bottom: 20px; font-size: 130%; color: #600cac;}
#content h3 { margin-bottom: 20px; margin-top: 20px; font-size: 110%; color: #600cac;}
#content ul { margin-top: 15px; margin-bottom: 15px; margin-left: 15px;}
#content li { margin-left: 10px; margin-bottom: 10px; list-style: square; list-style-position: outside; line-height: 125%;}

#footer { margin-top: 10px; background-color: #f6f6f6; padding: 2px 0px 2px 0px; text-align: center; font-size: 85%;}

.smallfont { font-size: 80%;}

#pageGuest table { font-size: 85%; border-collapse: separate; border-spacing: 5px;}
#pageGuest table th { color: #600cac;}
#pageGuest .tr1 { background-color: #ffffff;}
#pageGuest .tr2 { background-color: #e2e2e2;}


@media (max-width: 940px) {
   #container {
	margin: 0px auto;
	width: 100%;	
	/* background-color: #fffafa; */
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0px;
	}
	#navmenu .lastupdate { display: none;}

}
@media (max-width: 640px) {
		#header h2 { font-size: 80%;}
	}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 940px) {
	/* #menu is the original menu */
	#navmenu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}

	
}