html {
	font-size: 100%;
	background-color: white;
}

body {
	width: 800px;
	border: none;
	/* border-bottom-style: none; */
	/* border-right-style: none; */
	/* border-top-style: none; */
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-family: Verdana, sans-serif;
}

img {
	border: 0px;
	padding: 0px;
}

img.floatright {
	float: right;
	margin-bottom: 3em;
	margin-top: 3em;
	margin-left: 6em;
	display: block;
}

img.center {
	clear: both;
	margin-right: auto;
	margin-bottom: 3em;
	margin-top: 3em;
	margin-left: auto;
	display: block;
}

div.leftcolumn {
	width: 60%;
	border-style: none;
	display: block;
	float: left;
}

div.blog_leftcolumn {
	clear: left;
	width: 100px;
	float: left;
}

div.rightcolumn {
	width: 35%;
	border-style: none;
	display: block;
	float: right;
}

div.blog_rightcolumn {
	clear: right;
	width: 650px;
	margin-left: 50px;
	float: right;
}

div#picture {
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	background-color: #3f3f3f;
	display: block;
	border-style: none;
}

div.fullwidth {
	float: none;
	border-style: none;
	display: block;
	clear: both;
	width: 100%;
}

div.input {
	margin-bottom: 1em;
	margin-top: 1em;
	padding: 5px;
	border-color: #f0ab00;
	border-width: 2px;
	background-color: #f3f3f3;
	float: none;
	border-style: solid;
	display: block;
	clear: both;
	width: 100%;
}

h1 {
	letter-spacing: -0.05em;
	margin-top: 1em;
	margin-bottom: 1.5em;
	color: #a2ad00;
	font-size: 1.5em;
	font-weight: bold;
	border-top: solid;
	border-top-width: 4px;
	border-bottom: dotted;
	border-bottom-width: 1px;

}

h2 {
	letter-spacing: -0.05em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	color: #a2ad00;
	font-size: 1.3em;
	font-weight: bold;
}

h2.alert {
	letter-spacing: -0.05em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	color: #b71234;
	font-size: 1.3em;
	font-weight: bold;
}

h3 {
	margin-left: 0.5em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	color: #f0ab00;
	font-size: 1.1em;
	font-weight: bold;
}

h4 {
	margin-top: 0em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	color: #5e6a71;
	font-size: 0.8em;
}

p {
	margin-left: 0.5em;
	margin-top: 0em;
	margin-bottom: 1em;
	color: #5e6a71;
	font-size: 1em;
	font-weight: normal;
}

input.button {
	clear: both;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1em;
	font-weight: normal;
}

p.small {
	margin-top: 0em;
	margin-bottom: 1em;
	color: #5e6a71;
	font-size: 0.8em;
	font-weight: normal;
}

p.input-small {
	margin-top: 0em;
	margin-bottom: 0em;
	color: black;
	font-size: 0.8em;
	font-weight: normal;
}

p.bold {
	font-weight: bold;
}

li {
	margin-bottom: 0.5em;
	color: #5e6a71;
	font-size: 0.8em;
	font-weight: normal;
}


a#logo {
	display: block;
}

a:link {
	font-weight: bold;
	border-style: none;
	color: #5e6a71;
}

a:hover {
	color: #f0ab00;
}

a:active {
	color: #f0ab00;
}

a:visited {
	font-weight: bold;
	color: #5e6a71;
}

a:visited:hover {
	color: #f0ab00;
}

/* Navigation Menus */
/* http://www.webcredible.co.uk/user-friendly-resources/css/css-navigation-menu.shtml */

#catalogue_menu ul
{
list-style: none;
padding: 0;
margin: 0;
display: block;
clear: both;
width: 100%;
}

#catalogue_menu li
{
float: left;
margin-top: 1em;
margin-right: 0.5em;
}

#catalogue_menu li a
{
padding-bottom: 1em;
padding-top: 1em;
display: block;
float: left;
/* margin-right: 1em; */
border-style: none;
font-size: 1.6em;
background-color: #b71234;
font-weight: bold;
text-align: center;
text-decoration: none;
width: 12em;
color: white;
-moz-border-radius: 10px;
-webkit-border-radius: 20px;
}

#catalogue_menu li a:hover
{
font-weight: bold;
background-color: #d2d2d2;
color: black;
}

#catalogue_menu li a:active
{
font-weight: bold;
background-color: #f0ab00;
color: white;
}

#navigation_menu ul
{
list-style: none;
padding: 0;
margin: 0;
display: block;
clear: both;
width: 100%;
}

#navigation_menu li
{
margin-bottom: 3em;
float: left;
margin-top: 1em;
margin-right: 0.5em;
}

#navigation_menu li a
{
padding-bottom: 0.7em;
padding-top: 0.7em;
display: block;
float: left;
text-align: center;
border-style: none;
font-size: 1.1em;
background-color: #5e6a71;
font-weight: bold;
text-decoration: none;
width: 7.5em;
color: white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#navigation_menu li a:hover
{
font-weight: bold;
background-color: #d2d2d2;
color: black;
}

#navigation_menu li a:active
{
font-weight: bold;
background-color: #f0ab00;
color: white;
}

table#input
{
	padding: 6px;
	background-color: white;
	width: 100%;
	border-collapse: separate;
/* 	border-spacing: 3px 3px; */
	border-color: #f0ab00;
	border-style: solid;
	border-width: 2px;
	margin-top: 1em;
	empty-cells:show;
}

table#input tbody
{
	background-color: #f3f3f3;
	border-color: inherit;
	display: table-row-group;
	vertical-align: middle;
}

table#input tr
{
	display: table-row;
}

table#input td
{
	color: black;
	display: table-cell;
/* 	border-bottom-color: olive; */
/* 	border-bottom-style: solid; */
/* 	margin: 5px; */
}

table#input td.small
{
	margin-bottom: 1em;
	margin-top: 0em;
	font-size: 0.7em;
	color: black;
/* 	border-bottom-color: olive; */
/* 	border-bottom-style: solid; */
/* 	margin: 5px; */
}

table#list
{
	padding: 6px;
	background-color: white;
	width: 100%;
	border-collapse: separate;
/* 	border-spacing: 3px 3px; */
	border-color: #a2ad00;
	border-style: solid;
	border-width: 2px;
	margin-top: 1em;
	empty-cells:show;
}

table#list tr
{
	display: table-row;
}

table#list td
{
	display: table-cell;
	background-color: #e5e5e5;
/* 	border-bottom-color: olive; */
/* 	border-bottom-style: solid; */
	padding: 6px;
/* 	margin: 5px; */
}
