/* Defaults */

BODY {
	background-color: white;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

BODY, TD {
	font: normal normal 10pt Arial, Helvetica, sans-serif;
	color: black;
}

A {
	color: blue;
	text-decoration: none;
}

A:Hover {
	color: blue;
	text-decoration: underline;
}

A:Hover IMG {
	text-decoration: none;
}

A:Active, A:Focus {
	outline: none;
}

HR {
	color: lightgrey;
}

/* Masthead */

#Mastimage {
	background-position: top left;
	background-repeat: no-repeat;
	width: 600px;
	height: 88px;
}

#Mastimage H1 {
	color: firebrick;
	font: normal normal 18pt "Times New Roman", Times, serif;
	position: relative;
	top: 60px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

/* Disclaimer */

#Disclaimer {
	background-color: gold;
	margin-top: 15px;
	padding: 0px;
}

#Disclaimer .Heading {
	border-bottom: 1px solid dimgray;
	color: firebrick;
	font-size: 9pt;
	font-weight: bold;
	margin: 0px;
	padding: 1px 10px;
}

#Disclaimer .Content {
	background-color: khaki;
	color: #333333;
	font-size: 9pt;
	text-align: justify;
	margin: 0px;
	padding: 3px 10px;
}

/* Errors */

#Error {
	background-color: khaki;
	margin-bottom: 15px;
	padding: 5px;
}

#Error .Heading {
	font-size: 14pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#Error .Content {
	margin: 0px;
	padding-bottom: 10px;
	padding-left: 38px;
}

/* Left Menu */

#Menu .Header {
	color: white;
	background-color: green;
	font: normal bold 8pt Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 1px 4px;
}

#Menu .Item {
	color: black;
	background-color: whitesmoke;
	border-bottom: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	font: normal normal 9pt Arial, Helvetica, sans-serif;
	padding: 2px 3px;
	cursor: pointer;
	width: 142px;
}

#Menu .Item A {
	color: black;
	text-decoration: none;
}

#Menu .Item A:Hover {
	color: white;
	text-decoration: none;
}

#Menu .Over {
	color: white;
	background-color: firebrick;
	background-image: url(../Images/menu_item.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid maroon;
	border-right: 1px solid maroon;
	border-left: 1px solid maroon;
	padding-left: 12px;
	width: 133px;
}

#Menu .Over A {
	color: white;
}

/* Forms and Buttons */

FORM {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

SELECT {
	margin: 1px 0px 1px 0px;
}

.Button {
	color: black;
	border-top: 1px solid lightgrey;
	border-right: 1px solid dimgray;
	border-bottom: 1px solid dimgray;
	border-left: 1px solid lightgrey;
	background-color: lightgrey;
	font: normal normal 9pt Arial, Helvetica, sans-serif;
	cursor: pointer;
	height: 22px;
	margin: 2px 0px;
	padding: 0px;
}

.Icon20 {
	cursor: pointer;
}

/* Content */

#Banner {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 600px;
}

#Content {
	line-height: 135%;
	margin: 0px;
	padding: 0px;
}

#Content,
#Content TD {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

#Content H2 {
	background-color: mistyrose;
	border-bottom: 1px solid lightgrey;
	color: firebrick;
	font: normal bold 120% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0px 7px;
}

#Content H3 {
	color: green;
	border-bottom: 1px solid lightgrey;
	font: normal bold 120% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0px 2px;
}

#Content H4 {
	color: black;
	border-bottom: 1px solid lightgrey;
	font: normal bold 100% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 1px 2px;
}

#Content P {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#Content BLOCKQUOTE {
	margin-right: 0px;
	padding: 0px;
}

#Content A.Plain {
	color: black;
	text-decoration: none;
	cursor: default;
}

#Content UL,
#Content OL {
	margin-top: 10px;
	margin-bottom: 10px;
}

#Content UL.autocomplete_list,
#Content OL.autocomplete_list {
	margin-top: -1px;
	margin-bottom: 0px;
}

/* Specific Content */

#Content .BlogDate {
	color: dimgray;
	font: normal bold 7pt "Times New Roman", Times, serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 5px 0px;
	padding: 1px 2px;
}

#Content A.carousel-control IMG {
	border: 1px solid lightgrey;
	padding: 2px;
}

#Content A.carousel-control:Hover IMG {
	background-color: whitesmoke;
}

#Content .cfsearch__hilight {
	color: firebrick;
}

/* Alert */

.Notice {
	background-color: khaki;
	margin-bottom: 15px;
	padding: 5px;
}

.Cached {
	font-size: 80%;
	float: right;
	padding-right: 5px;
}

.Cached A:Hover {
	text-decoration: none;
}

/* Dialog */

.Dialog {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.Dialog .Heading {
	background-position: top left;
	background-repeat: no-repeat;
	color: white;
	font: normal bold 8pt Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	height: 40px;
	margin: 0px;
}

.Dialog .Heading DIV {
	padding-left: 42px;
	padding-top: 21px
}

.Dialog .Content {
	background-color: whitesmoke;
	color: black;
	font: normal normal 9pt Arial, Helvetica, sans-serif;
	border-right: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
}

.Dialog .Content TD {
	font: normal normal 8pt Arial, Helvetica, sans-serif;
}

/* Warning */

.Warning {
	color: black;
	background-color: cornsilk;
	font: normal normal 8pt Arial, Helvetica, sans-serif;
}

.Warning TD {
	font: normal normal 8pt Arial, Helvetica, sans-serif;
}

/* Text */

#Content .Huge,
.Huge {
	font-size: 135%;
}

#Content .Big,
.Big {
	font-size: 110%;
}

#Content .Small,
.Small {
	font-size: 80%;
}

#Content .Tiny,
.Tiny {
	line-height: 120%;
	font-size: 7pt;
}

.Help {
	cursor: pointer;
	margin: 0px 4px;
}

/* Borders */

.BorderAll { border: 1px solid lightgrey; }
.BorderTop { border-top: 1px solid lightgrey; }
.BorderRight { border-right: 1px solid lightgrey; }
.BorderBottom { border-bottom: 1px solid lightgrey; }
.BorderLeft { border-left: 1px solid lightgrey; }

.BorderRails { border-right: 1px solid lightgrey; border-left: 1px solid lightgrey; }
.BorderUBend { border-right: 1px solid lightgrey; border-bottom: 1px solid lightgrey; border-left: 1px solid lightgrey; }

/* Colours */

.DarkGray { color: darkgray; }

.DarkGray A {
	color: gray;
	text-decoration: underline;
}
.DarkGray A:Hover {
	color: darkgray;
	text-decoration: underline;
}

.Firebrick { color: firebrick; }
.Gray { color: gray; }
.Green { color: green; }
.Red { color: red; }
.White { color: white; }

/* Boxes */

.BoxBlue {
	background-color: cornflowerblue;
	color: white;
	margin: 10px 0px;
	padding: 2px 5px;
	text-align: center;
}

.BoxBlue TD {
	color: white;
}

.BoxBlue A {
	color: yellow;
	text-decoration: none;
}

.BoxBlue A:Hover {
	color: yellow;
	text-decoration: underline;
}

.BoxRed {
	background-color: firebrick;
	color: white;
	margin: 10px 0px;
	padding: 2px 5px;
	text-align: center;
}

.BoxRed TD {
	color: white;
}

.BoxRed A {
	color: yellow;
	text-decoration: none;
}

.BoxRed A:Hover {
	color: yellow;
	text-decoration: underline;
}

.BoxYellow {
	background-color: gold;
	color: black;
	margin: 10px 0px;
	padding: 2px 5px;
	text-align: center;
}

.BoxYellow TD {
	color: black;
}

.BoxYellow A {
	color: blue;
	text-decoration: none;
}

.BoxYellow A:Hover {
	color: blue;
	text-decoration: underline;
}

.BoxGrey {
	background-color: whitesmoke;
	padding: 5px;
}

.TitleGreen {
	background-color: green;
	color: white;
	padding: 1px 5px;
}

.TitleRed {
	background-color: firebrick;
	color: white;
	padding: 1px 5px;
}

/* Tables */

.TableHead {
	background-color: whitesmoke;
	font-weight: bold;
	border-bottom: 1px solid lightgrey;
	border-top: 1px solid lightgrey;
	height: 20px;
}

.TableRow_0        { height: 24px; background-color: white; cursor: default; }
.TableRow_1        { height: 24px; background-color: lightyellow; cursor: default; } 
.TableRow_Hover    { height: 24px; background-color: whitesmoke; cursor: default; } 
.TableRow_Selected { height: 24px; background-color: gold; cursor: wait; } 

.CellClear {
	background-color: transparent;
	padding: 1px 5px;
}

.CellGrey {
	background-color: whitesmoke;
	padding: 1px 5px;
}

.CellWhite {
	background-color: white;
	padding: 1px 5px;
}

.CellRed {
	background-color: mistyrose;
	padding: 1px 5px;
}

.CellPink {
	background-color: lavenderblush;
	padding: 1px 5px;
}

/* Blog Buttons */

UL.Buttons,
UL.Buttons LI {
	margin: 0px; 
	padding: 0px;
	list-style-type: none;
	font-size: 9pt;
}

UL.Buttons LI {
	float: left;
	margin-right: 10px;
}

UL.Buttons LI A {
	display: block;
	width: 100px;
	padding:2px 0px;
	background-color: lightgrey;
	color: white;
    text-decoration: none;
	text-align: center;
}

UL.Buttons LI.ButtonGood A {
	background-color: limegreen;
}

UL.Buttons LI.ButtonEvil A {
	background-color: tomato;
}

UL.Buttons LI.ButtonElse A {
	background-color: cornflowerblue;
}

UL.Buttons LI A:hover {
	background: gray;
	color: white;
}