﻿/* 
 * Copyright (C) Copyright 2009-2015, A B Cryer, All Rights Reserved.
 */
body {
	font-family: Verdana, Arial, Helvetica, Verdana, Lucida, Sans-serif;
	background-image: url(images/shade-down.gif);
	color: #505050;
	color: #404040;

	padding: 0 0 0 0;
	margin: 0 8px 0 8px;
	margin: 0 8px 0 0;
	margin: 0 0 0 0;
	font-size: smaller;
}
h1, h2, h3
{
	font-weight: normal;
   	clear: left;
	text-shadow: 1px 1px 1px #888;
	text-shadow: 1px 1px 1px #fff;
}
h4, h5, h6 {
	font-weight: bold;
	clear: left;
	text-shadow: 1px 1px 1px #888;
}
h1 a, h2 a, h3 a, h4 a {
	text-shadow: none;
}
div.Body p:hover,
div.Body h1:hover,
div.Body h2:hover,
div.Body h3:hover,
div.Body h4:hover
div.Body h5:hover
div.Body h6:hover
{
	color: #000000;
}
p 
{
	text-align: justify;
	text-shadow: 1px 1px 1px #fff;
}
.Error
{
    color: Red;
}
/* Obsolete: Replaced by side-bar-upper and side-bar-lower */
div.SideBar 
{
	width: 200px;
	position: absolute;
}
/* Obsolete: Replaced by div#header */
div.Header
{
	width: 100%;
}
/* Obsolete: Replaced by div#footer */
div.Footer
{
	border-top: solid 1px #C0C0C0;
	clear: both;
}
/* Obsolete: Replaced by header-bar and moved inside div#body */
div.HeaderBar
{
	width: 100%;
	overflow: hidden;
	padding-left: 204px;
}
/* Obsolete: Replaced by div#body */
div.Body 
{
	padding-left: 204px;
}
div#page-header
{
	width: 100%;
	border-bottom: solid 1px #C0C0C0;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color:#FFFFFF;
}
div#bread-crumb
{
	width: 1024px;	
	xxfont-size: small;
	font-size: smaller;
	margin: 0 auto 0 auto;
}
div#bread-crumb ul
{
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 4px;
}
div#bread-crumb li
{
	display: inline;
	background: url(images/breadcrumb.gif) no-repeat left center;
	padding-left: 10px;
	padding-bottom: 0;
}
div#bread-crumb li.First
{
	background: none;
	padding-left: 0px;
}
div#header-bar
{
	overflow: hidden;	
}
div#header-bar img
{
	overflow: hidden;
}
div#header-bar p
{
	margin-top: 0;
	margin-bottom: 0;
}
/* Container for everything. Max width. Centered. */
div#page
{
	display: table;
	width: 1024px;
	margin: 0 auto 0 auto;
	max-width: 100%;
	border-left: solid 1px #C0C0C0;
	border-right: solid 1px #C0C0C0;
	border-left: solid 1px #EEEEEE;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #EEEEEE;
	box-shadow: 1px 0px 2px #C0C0C0;
	box-shadow: 1px 0 1px #888;
	box-shadow: 1px 0 1px #ccc;
}
div#side-bar-upper
{
	float: left;
	width: 240px;
}
div#side-bar-lower
{
    float: left;
    clear: left;
    width: 240px;
}
div#body
{
	text-align: justify;	
    display: inline-block;
    float: right;
    width: 784px;
    width: calc(100% - 240px);
}
div#content
{
	margin: 0 0.5em 0.5em 0.5em;
}
div#page-footer
{
	border-top: solid 1px #C0C0C0;

}
div#footer
{
	width: 1024px;	
	margin: 0 auto 0 auto;
	clear: both;
	padding: 0 0.5em 0 0.5em;
	font-size: smaller;
	xxxfont-size: small;
}
@media(max-width: 1024px)
{
	div#page
	{
		width: 100%;
		margin: 0 0 0 0;
	}
}
@media (max-width: 440px)
{
	div#side-bar-upper
    {
        width: 100%;
        display: inline-block;
    }
    div#side-bar-lower {
        float: right;
        clear: none;
        width: 100%;
        display: inline-block;
    }
    div#body {
        float: left;
        width: 100%;
        display: inline-block;
    }
}
/* Obsolete. */
@media(max-width: 600px)
{
	div.SideBar
	{
		width: 100%;
		position: static;
	}
	div.SideBar p.logo
	{
		display: none;
	}
	div.HeaderBar
	{
		padding-left: 0;
	}
	div.Body
	{
		padding-left: 0;
	}
}
div.InfoBox
{
    float: right;
    clear: right;
    border: dotted 1px #aeb0b2;
    border: dotted 1px #e0c080;
    padding: 0.5em 0.5em 0.5em 0.5em;
    background: #f8f8f8;
    margin-left: 0.5em;
    max-width: 50%;
}
div.Body h1 {
	padding-top: 0;
	margin-top: 0;
}
div.BreadCrumb
{
	border-bottom: solid 1px #C0C0C0;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 8pt;
}
div.BreadCrumb ul
{
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 4px;
	background-color:#FFFFFF;
}
li {
    padding-bottom: 0.25em;
}
div.BreadCrumb li
{
	display: inline;
	background: url(images/breadcrumb.gif) no-repeat left center;
	padding-left: 10px;
	padding-bottom: 0;
}
div.BreadCrumb li.First
{
	background: none;
	padding-left: 0px;
}
div.Header p
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.HeaderBar p
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
div.Footer p
{
	font-size: smaller;
	margin: 0 0.25em 0.5em 0.25em;
}
td.number {
    text-align: right;
    padding-right: 0.25em;
    padding-left: 0.25em;
}
ul.contents {
    margin-left: 0px;
    margin-right: 0px;
    list-style-type: none;

	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
ul.contents li {
    display: block;
    float: left;
    padding-right: 2em;
    overflow: visible;
}
ul.contents li.last {
	margin-bottom: 1em;
}
ul.contents li a {
    font-family: monospace;
    white-space: nowrap;
    overflow: visible;
}
/*
 * Silktide.com EU Cookie law prompt.
 */
div.cc_container,
div.cc_container p,
div.cc_container a
{
	text-shadow: none;
}
