body { background-color: dimgray; margin: 10px 0; font-family: arial, verdana, sans-serif; font-size: 8pt;}
a { color: Crimson; }

#broot1 { border: solid 1px #494949; margin: 0 auto; width: 750px;}
#container { border: solid 1px #acacac; background-color: white; padding: 4px;}
#wrapper { text-align: center; margin-top: 0px; margin-left: auto; margin-right: auto; width: 750px; padding: 10px; }
#content { margin-top: 4px; margin-bottom: 4px; }
#header { height: 86px; margin-top: 0px; text-align: left; padding: 0px; background-image: url('images/headerBackground.jpg'); }
#footer { background: firebrick; color: azure; text-align: left; font-size: 8pt; margin: 5px 0px 0px 0px; padding: 5px 15px 5px 15px;}
#subHeader { background: firebrick; font-size: 1px; height: 17px; margin-top: 5px; }


/* left column settings */
td.layoutLeftColumn { background-color: gainsboro; width: 174px; vertical-align: top; }
td.layoutLeftColumnEmbed1 { background-color: white; height: 90px; line-height: 0px; padding: 0px;}
td.layoutLeftColumnEmbed1 img { display: inline; }
td.layoutLeftColumnEmbed3 { background-color: gainsboro; height: 350px; vertical-align: top; }
td.layoutLeftColumnMenu { text-align: left; background-color: white; }
td.layoutLeftColumnMenu ul { list-style-type: none; margin: 0px; padding: 1px 0px 1px 0px; }
td.layoutLeftColumnMenu li { display: inline; font-weight: bold; font-size: 8pt; }
td.layoutLeftColumnMenu li a:link { background-color: firebrick; display: block; color: azure; text-decoration: none; padding: 5px 5px 5px 8px; margin: 3px 0px; }
td.layoutLeftColumnMenu li a:visited { background-color: firebrick; display: block; color: azure; text-decoration: none; padding: 5px 5px 5px 8px; margin: 3px 0px; }
td.layoutLeftColumnMenu li a:hover { background-color: darkred; display: block; color: white; text-decoration: none; padding: 5px 5px 5px 8px; margin: 3px 0px; }
td.layoutLeftColumnMenu li a:active { background-color: firebrick; display: block; color: azure; text-decoration: none; padding: 5px 5px 5px 8px; margin: 3px 0px; }
.raquo { position: relative; top: -1px; }


/* middle column settings */
td.layoutMiddleColumn { background-color: white; vertical-align: top; }
.layoutMiddleColumnEmbed { color: #444; background-color: white; text-align: left; padding: 10px 10px 10px 10px; }
.layoutMiddleColumnTitle { color: firebrick; font-weight: bold; font-size: 11pt; padding: 5px 0px 1px 3px; border-bottom: solid 1px; margin: 0px 0px 2px 0px; }
.layoutMiddleColumnSubTitle { color: firebrick; font-weight: bold; font-size: 12pt; padding: 0px 0px 5px 40px; margin: 0 0 15px 0; }
.layoutMiddleColumnRegularFont { line-height: 13pt; padding: 2px 5px 10px 15px; margin: 0; font-size: 8pt; color: #222; }

/* timeline settings */

.centerTimeLine { background-color: whitesmoke; background-image: url(images/timeLineBackground.gif); }
.leftTimeLine { text-align: right; vertical-align: top; width: 250px;  }
.leftTimeLine div { border-right: solid 5px firebrick; margin-bottom: 15px; padding-right: 10px; border-top: dotted 1px #aaa; }
.leftTimeLine div img { border: 0; float: left; }
.rightTimeLine { text-align: left; vertical-align: bottom; width: 250px;  }
.rightTimeLine div { border-left: solid 5px firebrick; margin-top: 20px; padding-left: 10px; border-top: dotted 1px #aaa;  }
.rightTimeLine div img { border: 0; float: right; }
.timeLineDate { color: firebrick; font-size: 12pt; font-weight: bold; padding: 0; margin: 0; padding-top: 5px; }
.timeLineTruck { padding: 0; margin: 0; font-weight: bold; text-transform: uppercase; }
.timeLineDetails { padding: 0; margin: 0; }

/* bingo page settings */
td.numberCards { font-weight: bold; color: #444; }
td.additionalGamesTitle { font-weight: bold; color: firebrick; padding-left: 10px; width: 150px; }
td.additionalGamesTitle2 { font-weight: bold; color: firebrick; width: 50px;}
td.additionalGamesTitle3 { font-weight: bold; color: firebrick;}
td.additionalGamesName {  padding-left: 20px; }
span.additionalGame { font-weight: bold; color: #444; }