*			{ margin: 0px; padding: 0px; font-family: Verdana, sans-serif; font-size: 12px; }
body			{ background-color: #90A4C6; }
body *			{ padding: 2px; }
div			{ margin: 0px; }
p			{ padding-left: 10px; }
a			{ font-weight: normal; text-decoration: underline; color: white; }
a:hover			{ color: #314566; }
a img			{ border: 2px solid #314566; padding: 0px; margin: 0px; }
a:hover img		{ border: 2px solid white; }
table			{ display: table; }
caption			{ display: table-caption; color: white; font-size: 13px; font-weight: bold; caption-side: top; text-align: left; padding: 5px 0px 10px 10px; }
tr			{ display: table-row; }
td			{ display: table-cell; padding: 10px; }

/* The top bar containing logo and title + subtitle on a dark background. */
.titlebar		{ background-color:  #314566; color: white; }
.logo			{ width: 70px; padding: 5px; }
.title			{ font-family: Arial, sans-serif; font-size: 32px; }
.subtitle		{ font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; letter-spacing: 7px; }

/* The two menus below the title bar, contains links to different parts of the site. */
.login			{ float: right; text-align: right; padding: 2px 25px; color: white; }
.topmenu		{ background-color: #7085A6; padding: 2px 20px; font-weight: bold; color: white; }
.submenu		{ background-color: #7085A6; padding: 2px 20px; height: 20px; font-size: 11px; font-weight: bold; color: white; }
.menuborder 		{ border-bottom: 2px solid #314566; padding: 0px; margin: 0px;}

/* Main area containing the site text. */
.main			{ background-color: #90A4C6; padding: 5px 20px; }
.header			{ background-color: #7085A6; color: white; font-size: 13px; font-weight: bold; width: 90%;
			  max-width: 700px; border-bottom: 1px solid #314566; border-top: 1px solid #314566; }
.mini			{ font-size: 10px; color: #314566; }
.content		{ padding: 5px 0px 10px 10px; width: 80%; max-width: 600px; }

/* Links in the main area. */
.main a			{ color: #314566; text-decoration: underline; }
.main a:hover		{ color: black; text-decoration: underline; }

/* Links in the mini areas. */
.mini a			{ font-size: 10px; color: #314566; text-decoration: none; }
.mini a:hover		{ color: black; text-decoration: underline; }

/* Bar at the bottom of the page containing a copyright notice. */
.copyright		{ background-color: #7085A6; color: white; margin: 20px auto; vertical-align: middle; text-align: center;
			  max-width: 600px; border: 2px solid #314566; padding: 10px 20px 5px; }
.copyright img		{ margin: 5px 10px; }
.copyright a img	{ border: 0px; }
.copyright a:hover img	{ border: 0px; }

/* Form input */
input			{ color: #000000; font-size: 10px; font-weight: normal;  padding: 0; }
input[type="text"],
input[type="password"],
select			{ border: 1px solid #314566; margin: 0px 5px; }
select, select *	{ color: #000000; font-size: 9px; font-weight: normal;  padding: 0; }