body {
    /* background-color: #999999;
    font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif; */
    background-color: white;
    font-family: "Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif;
    font-size: 11pt;
}

/* Troop 457 */
h1 {
    font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
    font-size: 22pt;
    text-transform: uppercase;
    color: #003F87;
}

/* Troop 457 */
h2 {
    font-size: 18pt;
    font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
    color: #CE1126;
}

/* Troop 457 */
h3 {
    font-size: 14pt;
    font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
    color: #003F87;
}

table {
    table-layout: auto;
    border-collapse: collapse;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: top;
}

tr {
    vertical-align: top;
}

tr, td {
    border-style: none;
}

p {
    line-height: 120%;
}

a:hover {
    color: #FF3333;
}

/* PageStyle controls the outermost table that defines the outline of the web page */
.PageStyle {
    table-layout: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #F4F4F4;
    padding: 0px;
    width: 1000px;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    vertical-align: top;
}

/* Table Full Width - No Border */
.TableFullWidthNoBorder {
    margin: 0px;
    padding: 0px;
    float: inherit;
    width: 100%;
    height: 100%;
    border-style: none;
    vertical-align: top;
}

/* Table No Padding */
.TableNoPaddingNoBorder {
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border-style: none;
}

/* 10pixel tall spacer */
.Spacer {
    height: 10px;
}

/* 20pixel tall spacer */
.Spacer20 {
    height: 20px;
}

/* HeadingStyle controls the heading, which contains the login box, banner, and language selection */
.HeadingStyle {
    background-color: #DDDDDD;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    border-style: none;
}

/* LoginBox controls the Login box in the heading */
.LoginBox {
    table-layout: auto;
    float: left;
    background-color: #F0F0FF;
    margin: 5px;
    padding: 0px;
    border-style: outset;
    border-width: 4px;
    border-color: #999999;
    vertical-align: middle;
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
    color: #000033;
}

/* LanguageBox controls the Language box in the heading*/
.LanguageBox {
    table-layout: auto;
    float: right;
    background-color: #F0F0FF;
    margin: 5px;
    padding: 0px;
    border-style: outset;
    border-width: 4px;
    border-color: #999999;
    vertical-align: middle;
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
    color: #000033;
}

/* QueryBox is the box that contains the Search page controls */
.QueryBox {
    margin-left: auto;
    margin-right: auto;
    background-color: #DDDDDD;
    padding: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #336699;
    vertical-align: top;
}

/* CalendarBox displays the calendar */
.CalendarBox {
    table-layout: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #336699;
}

/* A grid with borders */
.GridWithBorders {
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #336699;
    vertical-align: top;
}

/* A sortable grid with borders */
.sortable {
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    border-style: solid;
    border-width: 1px;
	border-color: #336699; /* kjm2016-12-22 */
    vertical-align: top;
}

/* EditHTML supports the bordered cells when editing HTML pages */
.EditHTML {
    margin-left: auto;
    margin-right: auto;
    margin: 0px;
    padding: 2px;
    border-style: solid;
    border-width: 1px;
    width: 100%;
}

/* The cell containing the four buttons when editing HTML pages */
.EditHTMLButtons {
    margin-left: auto;
    margin-right: auto;
    margin: 0px;
    padding: 2px;
    border-style: solid;
    border-width: 1px;
    height: 100%;
    vertical-align: middle;
}

/* The pop-up window for editing elements within an HTML page */
.EditHTMLPopUp {
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #333333;
    background-color: #EEEEFF;
    vertical-align: top;
}

/* The radio controls in a pop-up window when editing an HTML page */
.EditHTMLPopUpControls {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    color: #000066;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* the buttons in a pop-up window when editing an HTML page */
.EditHTMLPopUpButtons {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8px;
    margin-bottom: 8px;
}

/* the textarea in a pop-up window when editing an HTML page */
.EditHTMLPopUpTextArea {
    margin: 8px;
}

/* DisplayHTML supports HTML pages when not in edit mode */
.DisplayHTML {
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    border-style: none;
    width: 100%;
}

/* Standard table style for general page layout */
.GridWithoutBorders {
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    border-style: none;
}

/* Horizontal menu */
.HorizontalMenuStyle {
    table-layout: auto;
    float: left;
    background-color: #427697;
    margin: 0px;
    padding: 0px;
    width: 100%;
    border-style: none;
    vertical-align: middle;
}

/* Vertical Menu */
.VerticalMenuStyle {
    table-layout: auto;
    float: left;
    background-color: #427697;
    margin: 0px;
    padding: 0px;
    border-style: none;
    vertical-align: top;
}

/* Center the content in a block element (like an image) */
.CenterBlock {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Center the text in a table cell */
.CenterText {
    text-align: center;
}

/* Left align the text in a table cell */
.LeftAlignText {
    text-align: left;
}

/* Right align the text in a table cell */
.RightAlignText {
    text-align: right;
}

/* Page title that appears to the right of the horizontal menu */
.menupagetitle {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    color: #FFFF00;
    text-align: center;
    background-color: #427697;
}

a.menupagetitle:link {
    color: #FFFF00;
}

a.menupagetitle:visited {
    color: #FFFF00;
}

a.menupagetitle:hover {
    background: #427697;
    color: #FFFF00;
}

a.menupagetitle:active {
    color: #FFFF00;
}

/* Title that appears in the banner area of the heading */
.pageheading {
    /* Troop 457*/
    font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
    font-size: 22pt;
    text-transform: uppercase;
    color: #003F87;
    /*
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 32px;
    color: #000000;
    text-align: center;
    */
}

/* Grid heading cell (sortable) */
.gridheading {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #1199CC;
    background-color: #1199CC;
	/* background-color: #336699; kjm2016-12-22 */
    padding: 4px;
    vertical-align: middle;
}

a.gridheading:link {
    color: #FFFFFF;
}

a.gridheading:visited {
    color: #EEEEEE;
}

a.gridheading:hover {
    /*background: #336699; kjm2016-12-22 */
    background-color: #1199CC;
    color: #FF3333;
}

a.gridheading:active {
    color: #FF6666;
}

/* Grid heading cell (unsortable) */
.unsortable {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    border-style: none;
    border-width: 1px;
    border-color: #1199CC;
	background-color: transparent;
    /*background-color: #FFFFFF; kjm2016-12-22 */
    padding: 2px;
    vertical-align: bottom;
}

a.unsortable:link {
    color: #FFFFFF;
}

a.unsortable:visited {
    color: #EEEEEE;
}

a.unsortable:hover {
    color: #FF3333;
}

a.unsortable:active {
    color: #FF6666;
}

/* Grid heading cell (sortable) */
.sortheader {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    border-style: none;
    border-width: 1px;
    border-color: #1199CC;
	background-color: transparent;
    /*background-color: #FFFFFF; kjm2016-12-22 */
    padding: 2px;
    vertical-align: bottom;
}

a.sortheader:link {
    color: #FFFFFF;
}

a.sortheader:visited {
    color: #EEEEEE;
}

a.sortheader:hover {
    color: #FF3333;
}

a.sortheader:active {
    color: #FF6666;
}

/* Background color for the header row of a grid */
.GridHeaderRow {
	border-color: #1199CC;
	background-color: #1199CC;
    vertical-align: bottom;
}

/* Background color for the even numbered rows of a grid */
.even {
    background-color: #FFFFFF;
    vertical-align: middle;
}

/* Background color for the odd numbered rows of a grid */
.odd {
    background-color: #E6E6E6;
    vertical-align: middle;
}

/* Background color for the footer row of a grid */
.GridFooterRow {
    background-color: #666666;
}

/* Text within each cell of a data grid with borders*/
.GridCellWithBorder {
    margin: 0px;
    padding: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #336699;
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
    color: #000000;
    text-align: center;
}

/* The cell of a data grid without borders*/
.GridCellNoBorder {
    margin: 0px;
    padding: 4px;
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
    color: #000000;
    text-align: center;
}

/* Headings that appear within the body of a page */
.bodyheading {
    /* Troop 457 */
    font-size: 18pt;
    font-family: "Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
    color: #CE1126;
    /*
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    color: #001111;
    text-align: center;
    */
}

a.bodyheading:link {
    color: #0000FF;
}

a.bodyheading:visited {
    color: #0033FF;
}

a.bodyheading:hover {
    color: #FF3333;
}

a.bodyheading:active {
    color: #FF0000;
}

/* Subheadings that appear within the body of a page */
.bodysubheading {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
    font-size: 14px;
    color: #003366;
    text-align: center;
}

a.bodysubheading:link {
    color: #0000FF;
}

a.bodysubheading:visited {
    color: #0033FF;
}

a.bodysubheading:hover {
    color: #FF3333;
}

a.bodysubheading:active {
    color: #FF0000;
}

/* Text that appears within the body of a page */
.bodytext {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    color: #000000;
}

a.bodytext:link {
    color: #0000FF;
}

a.bodytext:visited {
    color: #0033FF;
}

a.bodytext:hover {
    color: #FF3333;
}

a.bodytext:active {
    color: #FF0000;
}

/* Text that should be centered within the body of a page */
.bodytextcenter {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    color: #000000;
    text-align: center;
}

a.bodytextcenter:link {
    color: #0000FF;
}

a.bodytextcenter:visited {
    color: #0033FF;
}

a.bodytextcenter:hover {
    color: #FF3333;
}

a.bodytextcenter:active {
    color: #FF0000;
}

/* Heading of the search page */
.queryheading {
    font-family: Verdana, Arial;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    color: #6666CC;
    text-align: center;
}

/* Field captions that appear on a search page */
.queryprompt {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    color: #000000;
    text-align: right;
}

/* Field captions that appear on a detail page */
.entryprompt {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    color: #000000;
    text-align: right;
    border-style: solid;
    border-width: 1px;
    border-color: #padding:4px;
    border-style: none;
    vertical-align: top;
    padding-right: 8px;
    ;
}

/* The asterisk that indicates a field is required */
.RequiredIndicator {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    color: #FF3333;
    text-align: right;
}

/* The cell that contains the input controls on a detail form */
.FormInputControlCell {
    text-align: left;
    border-style: none;
    padding-top: 0px;
    padding-left: 2px;
    padding-right: 0px;
    padding-bottom: 4px;
    vertical-align: top;
}

/* Text that appears after the input values on a search page */
.querypostscript {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
    color: #333333;
}

/* Text that appears after the input values on a detail page */
.entrypostscript {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
    color: #333333;
}

/* Error messages that appear at the top of the page */
.headingerror {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 18px;
    color: #CC0000;
    text-align: center;
}

/* Error messages that appear next to the input field */
.fielderror {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    color: #FF0000;
    text-align: center;
}

/* Data displayed on a page, not in an input control */
.datadisplay {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    color: #000066;
}

/* An active tab control on a top row of tabs */
.TabActiveTop {
    background-color: #F4F4F4;
    margin: 0px;
    padding: 6px;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-width: 1px;
    border-color: #003300;
    vertical-align: bottom;
    font-family: verdana,arial,helvetica,sans serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    color: #003300;
    text-align: center;
}

/* An inactive tab control on a top row of tabs */
.TabInactiveTop {
    background-color: #dddd99;
    margin: 0px;
    padding: 6px;
    border-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-width: 1px;
    border-color: #003300;
    vertical-align: bottom;
    font-family: verdana,arial,helvetica,sans serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    color: #009900;
    text-align: center;
}

/* A horizontal line on either side of the tab controls */
.TabTopFiller {
    margin: 0px;
    padding: 6px;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #003300;
    vertical-align: bottom;
}

/* An active tab control on the bottom row of tabs */
.TabActiveBottom {
    background-color: #eeeeaa;
    margin: 0px;
    padding: 6px;
    border-top-style: none;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-width: 1px;
    border-color: #003300;
    vertical-align: top;
    font-family: verdana,arial,helvetica,sans serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    color: #003300;
    text-align: center;
}

/* An inactive tab control on a bottom row of tabs */
.TabInactiveBottom {
    background-color: #dddd99;
    margin: 0px;
    padding: 6px;
    border-style: solid;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-width: 1px;
    border-color: #003300;
    vertical-align: top;
    font-family: verdana,arial,helvetica,sans serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    color: #009900;
    text-align: center;
}

/* A horizontal line on either side of the tab controls */
.TabBottomFiller {
    margin: 0px;
    padding: 6px;
    border-top-style: solid;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-width: 1px;
    border-color: #003300;
    vertical-align: top;
    width: 100%;
}

/* A link that appears in an inactive tab control */
.TabLink {
    font-family: verdana,arial,helvetica,sans serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    color: #009900;
}

a.TabLink:link {
    color: #009900;
}

a.TabLink:visited {
    color: #00AA00;
}

a.TabLink:hover {
    color: #00FF00;
}

a.TabLink:active {
    color: #00EE00;
}

/* The font used when in edit mode on the Home page or other custom pages */
.htmledit {
    font-family: verdana,arial,helvetica,sans serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 10px;
    color: #006699;
    background-color: #EEFFEE;
}

a.htmledit:link {
    color: #006699;
}

a.htmledit:visited {
    color: #006699;
}

a.htmledit:hover {
    background: #EEFFEE;
    color: #FF3333;
}

a.htmledit:active {
    color: #006699;
}

/* Input controls */
.control {
    font-family: verdana,arial,helvetica,sans serif;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    color: #0000CC;
    background-color: #FFFFFF;
    border-style: inset;
}

/* Buttons */
.button {
    font-family: Arial;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    color: #333333;
}

/* The cell that contains the input controls on a detail form */
.ButtonCell {
    border-style: none;
    padding: 4px;
}

/* Checkbox control */
input.bigbox {
    height: 20px;
    width: 20px;
}

ul {
    margin-top: 6px;
    margin-bottom: 8px;
}

ol {
    margin-top: 6px;
    margin-bottom: 8px;
}

li {
    margin-top: 3px;
    margin-bottom: 5px;
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    color: #000000;
}

.oneFooter {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    color: #000000;
}

a.oneFooter:visited {
    color: #000099;
    text-decoration: none;
}

a.oneFooter:active {
    color: #000099;
    text-decoration: none;
}

a.oneFooter:link {
    color: #000099;
    text-decoration: none;
}

a.oneFooter:hover {
    color: #0000CC;
    text-decoration: none;
    font-weight: bold;
}

/* Links at top of page for logon/logoff, format, and language */
.toplinks {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    /*color: #FFFF00; -- Troop457 */
    color: #003F87;
}

a.toplinks:link {
    /*color: #FFFF00; -- Troop457 */
    color: #003F87;
}

a.toplinks:visited {
    /*color: #FFFF00; -- Troop457 */
    color: #003F87;
}

a.toplinks:hover {
    /*color: #FFFF00; -- Troop457 */
    color: #205FA7;
}

a.toplinks:active {
    /*color: #FFFF00; -- Troop457 */
    color: #003F87;
}

/* Text at top of page to display current user */
.currentuser {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
    color: #205FA7;
}

/* Page title for Mobile format pages */
.MobilePageTitle {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    color: #003300;
    text-align: left;
    padding: 4px;
    width: 100%;
}

/* Mobile menu primary container */
.MobileMenuContainer {
    width: 100%;
    margin: 0px;
    float: left;
    display: block;
    color: #FFFF00;
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
    background-color: #004400;
}

/* Mobile menus have three levels, each with its own color scheme */
.MobileMenuLevel1 {
    cursor: pointer;
    margin-left: 0px;
    display: block;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-style: solid;
    border-width: 1px;
    border-color: #FFFFEE;
    background-color: #004400;
}

a.MobileMenuLevel1:link {
    color: #FFFF00;
    text-decoration: none;
}

a.MobileMenuLevel1:visited {
    color: #FFFF00;
    text-decoration: none;
}

a.MobileMenuLevel1:hover {
    color: #660000;
    text-decoration: none;
    background-color: #66CC66;
}

a.MobileMenuLevel1:active {
    color: #FFFF00;
    text-decoration: none;
}

.MobileMenuLevel2 {
    cursor: pointer;
    margin-left: 0px;
    display: block;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-style: solid;
    border-width: 1px;
    border-color: #FFFFEE;
    background-color: #007700;
}

a.MobileMenuLevel2:link {
    color: #FFFF00;
    text-decoration: none;
}

a.MobileMenuLevel2:visited {
    color: #FFFF00;
    text-decoration: none;
}

a.MobileMenuLevel2:hover {
    color: #660000;
    text-decoration: none;
    background-color: #77DD77;
}

a.MobileMenuLevel2:active {
    color: #FFFF00;
    text-decoration: none;
}

.MobileMenuLevel3 {
    cursor: pointer;
    margin-left: 0px;
    display: block;
    padding-left: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top-style: solid;
    border-width: 1px;
    border-color: #FFFFEE;
    background-color: #00AA00;
}

a.MobileMenuLevel3:link {
    color: #FFFF00;
    text-decoration: none;
}

a.MobileMenuLevel3:visited {
    color: #FFFF00;
    text-decoration: none;
}

a.MobileMenuLevel3:hover {
    color: #660000;
    text-decoration: none;
    background-color: #88EE88;
}

a.MobileMenuLevel3:active {
    color: #FFFF00;
    text-decoration: none;
}

/* Mobile field captions for entry forms and grids */
.MobileFieldCaption {
    font-family: verdana,arial,helvetica,sans-serif;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
    font-size: 12px;
    color: #000066;
    text-align: left;
    border-style: solid;
    border-width: 1px;
    border-color: #padding:4px;
    border-style: none;
    vertical-align: top;
}

/* ------------------------------------------------------------- */
/* -------------------- Troop 457 Custom CSS ------------------- */
/* ------------------------------------------------------------- */

/* ------------------------- Home Page ------------------------- */
#homeArticle {
}

/* ------------------------ About Page ------------------------- */
#aboutArticle {
}

/* ----------------------- Calendar Page ----------------------- */
#calendarArticle {
}

/* ------------------------ Service Page ----------------------- */
#serviceArticle {
}

/* ------------------------ Outings Page ----------------------- */
#outingsArticle {
}

/* ---------------------- Advancement Page --------------------- */
#advancementArticle {
}

/* --------------------- Eagle's Nest Page --------------------- */
#eaglesNestArticle {
}

/* ----------------------- Equipment Page ---------------------- */
#equipmentArticle {
}

/* ---------------------- Summer Camp Page --------------------- */
#summerCampArticle {
    width: 1050px;
}

section.fancyBox {
    -webkit-box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 3px 0px rgba(0,0,0,0.75);
    border: 1px solid #003F87;
    background-color: white;
    padding: 6px;
    margin: 12px;
}

section.fancyBoxNoShaddow {
    border: 1px solid #003F87;
    background-color: white;
    padding: 6px;
    margin: 12px;
}

section.fullWide {
    clear: both;
    width: 94.5%;
    float: none;
}

section.halfWide {
    width: 44%;
    float: left;
    min-height: 240px;
}

@media all and (max-width: 640px) {
    section.halfWide {
        float: none;
        width: 94.5%;
        min-height: 24px;
    }
}

@media all and (max-width: 480px) {
    section.fullWide {
        width: 91%;
    }
    section.halfWide {
        width: 91%;
    }
}

@media all and (max-width: 240px) {
    section.fullWide {
        width: 86%;
    }
    section.halfWide {
        float: none;
        width: 86%;
        min-height: 24px;
    }

}

section.fancyBox h1 {
    margin: 0px;
    color: #003F87;
    border-bottom: 1px solid #003F87;
    text-transform: uppercase;
    font-size: 14pt;
}

    section.fancyBox h1.colorCycle {
        color: white;
    }

section.fancyBox h2 {
    color: #CE1126;
    text-align: center;
    font-size: 14pt;
}

section.fancyBox strong {
    color: #CE1126;
}

section.fancyBox .outing {
    color: #006B3F;
}

.colorCycle {
    padding-left: 4px;
    color: white;
    background-color: #C30;
    animation-name: homeCycle;
    animation-duration: 6s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    -webkit-animation-name: homeCycle;
    -webkit-animation-duration: 6s;
    -webkit-animation-direction: alternate;
    -webkit-animation-iteration-count: infinite;
}

@keyframes homeCycle {
    0% {
        background-color: #006;
    }

    25% {
        background-color: #060;
    }

    50% {
        background-color: #CC3200;
    }

    75% {
        background-color: #603;
    }
}

@-webkit-keyframes homeCycle {
    0% {
        background-color: #006;
    }

    25% {
        background-color: #060;
    }

    50% {
        background-color: #CC3200;
    }

    75% {
        background-color: #603;
    }
}

.postIt {
    margin: 4px;
    font-family: arial,sans-serif;
    background: #ffc;
    text-align: center;
    padding: 0.30em;
    -moz-box-shadow: 5px 5px 7px rgba(33,33,33,1);
    -webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    box-shadow: 5px 5px 7px rgba(33,33,33,.7);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -moz-transition: -moz-transform .15s linear;
    -o-transition: -o-transform .15s linear;
    -webkit-transition: -webkit-transform .15s linear;
}

    .postIt h1 {
        font-size: 12pt;
    }

    .postIt p {
        font-size: 10pt;
    }

    .postIt:hover {
        -moz-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
        -webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);
        box-shadow: 10px 10px 7px rgba(0,0,0,.7);
        -webkit-transform: scale(1.25);
        -moz-transform: scale(1.25);
        -o-transform: scale(1.25);
        position: relative;
        z-index: 5;
    }

.greenPostIt {
    background: #cfc;
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
}

.bluePostIt {
    background: #ccf;
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
}