/* Style sheet for Ken Hutton web site */
/* orange #FFCC00 black #000000 grey #CCCC99 red #FF0000 silver #EEEEEE lightblue #0099CC maroon #990000 153,0,0 navy #333399 51,51,153 */

BODY {font-size: 12px; font-family: Arial, Sans Serif; Color: #000000; background-image: url(images/background.jpg)}

A:link	{font-size: 12px; text-decoration: none; font-weight: bold; Color: #cc0000; }
A:visited	{font-size: 12px; text-decoration: none; font-weight: bold; Color: #cc0000; }
A:hover	{font-size: 12px; text-decoration: underline; font-weight: bold; Color: #800000; }
A:active	{font-size: 12px; text-decoration: none; font-weight: bold; Color: #800000; }

A.DarkButton:link		{font-size: 12px; text-decoration: none; font-weight: bold; Color: #000000; }
A.DarkButton:visited	{font-size: 12px; text-decoration: none; font-weight: bold; Color: #000000; }
A.DarkButton:hover	{font-size: 12px; text-decoration: underline; font-weight: bold; Color: #990000; }
A.DarkButton:active	{font-size: 12px; text-decoration: none; font-weight: bold; Color: #990000; }

A.LightButton:link	{font-size: 12px; text-decoration: none; font-weight: bold; Color: #FFFFFF; }
A.LightButton:visited	{font-size: 12px; text-decoration: none; font-weight: bold; Color: #FFFFFF; }
A.LightButton:hover	{font-size: 12px; text-decoration: underline; font-weight: bold; Color: #990000}
A.LightButton:active	{font-size: 12px; text-decoration: none; font-weight: bold; Color: #990000; }

.SmallLogoRed {font-size: 13px; font-family: Baskerville; Color: #FF0000; font-weight: bold; font-style: italic; }
.SmallLogoWhite {font-size: 13px; font-family: Baskerville; Color: #FFFFFF; font-style: italic; font-weight: bold; }
.SmallLogoBlack {font-size: 13px; font-family: Baskerville; Color: #000000; font-style: italic; font-weight: bold; }
.BigLogoRed {font-size: x-large; font-family: Baskerville; Color: #FF0000; font-weight: bold; font-style: italic; }

.DefaultTextSmall {font-size: 9px; font-weight: bold;}
.DefaultTextSmallDate {font-size: 10px; font-weight: normal; Color: #003366;}
.DefaultTextSmallItalic {font-size: 9px; font-style: italic; } 
.DefaultTextBold {font-size: 12px; font-family: Arial, Sans Serif; font-weight: bold; }
.DefaultText {font-size: 12px; font-family: Arial, Sans Serif; }

.DefaultSectionTitle {font-size: 12px; font-family: Arial, Sans Serif; Color: #000000; font-weight: bold; }
.DefaultSectionTitleWhite {font-size: 12px; font-family: Arial, Sans Serif; Color: #FFFFFF; font-weight: bold; }

.DefaultPageTitle {font-size: 30px; font-family: Arial, Sans Serif; Color: #000000; font-weight: bold; }
.DefaultPageSubTitle {font-size: 22px; font-family: Arial, Sans Serif; Color: #000000; font-weight: bold; }

.DefaultPageTitleWhite {font-size: 30px; font-family: Arial, Sans Serif; Color: #000000; font-weight: bold; }
.DefaultPageSubTitleWhite {font-size: 22px; font-family: Arial, Sans Serif; Color: #000000; font-weight: bold; }

.TopBar {font-size: 12px; font-family: Arial, Sans Serif; background-color: #CCCC99; color: #FFFFFF; }
.TopBarBold {font-size: 12px; font-family: Arial, Sans Serif; background-color: #CCCC99; color: #990000; font-weight: bold; }

.LeftBarTop {font-size: 12px; font-family: Arial, Sans Serif; font-weight: bold; background-color: #CCCC99; color: #000000; }
.LeftBarTitle {font-size: 12px; font-family: Arial, Sans Serif; font-weight: bold; Color: #000000; }
.LeftBar {background-color: #333399; }

.MaroonBox {background-color: #990000; }
.BlueBox {background-color: #333399; }

.RightBar {background-color: #EEEEEE; }



/* Style elements for a vertical button list */

#button {width: 12em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em;font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;background-color: #90bade; color: #333; }
#button ul { list-style: none; margin: 0; padding: 0; border: none; }
#button li { border-bottom: 1px solid #90bade; margin: 0; }
#button li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7;border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff;text-decoration: none; width: 100%;}
html>body #button li a {width: auto;}
#button li a:hover {border-left: 10px solid #1c64d1;border-right: 10px solid #5ba3e0;background-color: #2586d7;color: #fff;}