﻿/* Default CSS */
/* Generated by HTML Express - www.TumbliingDiceSoftware.com */

* {
    box-sizing: border-box;
}
		BODY {
	background : #E0E0E0;
	}	

	.MainTable {
		background: url(images/graystripes.gif);
		background-repeat: repeat;
		border:  1px solid #c0c0c0;
		max-width: 860px;
		margin: 25px;
		padding: 7px 25px 25px 25px;
		border-radius: 12px;
	}
	.container {
	    width: 100%;
	    max-width: 820px;
	   /* margin: 0 auto;*/
	   margin: auto;
	    background: #ffffff;
		border: thin solid #000000;
	    border-radius: 16px;

		padding: 20px;
	    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
	    min-width: 0;

	}
	.fact {
		color: #333;
		border-top: 1px solid #c0c0c0;
		text-align: justify;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.trust {
		border-top: thin solid #7E481C;
		border-bottom: thin solid #7E481C;
	    border-radius: 12px;
		padding: 7px 15px 5px 15px;
		text-align:justify;
		font-family: Calibri;
		border-left: 4px solid #7E481C;
	  }	

	.TopTitle {
		font-weight:bold;
		font-size:18pt;
		color: #333;
		padding-top:0px;
		margin-top: 0px;
	}
	
	.factTitle {
		width: 340px;
		border-top: 1px solid #c0c0c0;
		border-bottom: 1px solid #c0c0c0;
		font-weight: bold;
		padding-top: 0px;
		margin-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 5px;		
	}
	
	.subTitle {
		text-align:center;
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 7px;
	}
/*Start of extra to copy from Twilight.css*/
@media screen and (max-width: 680px) {
    body {
        font-size: .9rem;
    }

    .page-wrap {
        padding: 7px;
    }

    .container {
        width: 100%;
        max-width: 100%;
        padding: 16px;
        overflow-x: hidden;
    }

    #MyMenu,
    div[id="MyMenu"] {
        display: block !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
        width: calc(100% + 32px) !important;
        max-width: none !important;
        overflow: hidden !important;
    }

    #MyMenu table {
        width: 100% !important;
    }

    .mn9902IconTD,
    .mn9902TitleTD,
    .mn9902ArrowTD {
        font-size: 9px !important;
    }

    .mn9902MainMenuItemTD,
    .mn9902MainMenuItemHoveredTD,
    .mn9902MainMenuItemSelectedTD {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .mn9902SubMenuItemTD,
    .mn9902SubMenuItemHoveredTD,
    .mn9902SubMenuItemSelectedTD {
        padding: 5px !important;
        padding-left: 6px !important;
    }

    .database {
        font-size: 18pt;
    }

    img#TZ {
        max-width: 70%;
        height: auto;
    }
}
@media screen and (max-width: 680px) {
    #MyMenu {
        margin-left: -16px !important;
        width: calc(100% + 32px) !important;
        overflow: hidden !important;
		margin-top: 0 !important;
    }
    .container {
        padding-top: 0;
    }	
}	
	/* end media*/
}	