@media screen {
	.th {text-align: center; font-weight: bold; bgcolor: azure}
	Body {
		font-family: sans-serif;
		background-color: #ccccff;
#		background-color: #0000ff;
		background-image: url(Chaplain_Corps_small.png);
		background-size: 10% 10%
		background-position: top left;
		background-repeat: no-repeat;
		color: #000000;
	}

	table#planning {
		border: ridge #333333 2px;
		width: auto;
		background-color: #ffffff;
		margin: 2px;
		padding: 2px;
		align: right;
		position: float; right;
		color: #ffffff;
	}
	
	table#planning td {
		padding: 3px;
		background-color: #ffffff;
		border: ridge #333333 2px;
		color: #ffffff;
	}
	
	table#planning TH {
		padding: 3px;
		background-color: #ffff00;
		color: #ffffff;
	}
	
	.data_left {
		text-align: left;
	}
	
	.data_right {
		text-align: right;
	}
	
	.data_center {
		text-align: center;
	}
	
	.data_top {
		vertical-align: top;
	}
	
	.data_bottom {
		vertical-align: bottom;
	}
	
	EM {
		font-style: bold;
		font-size: x-large;
		color: #0000ff;
	}

	.th {
		color: #0033ff;
	}

	#heading {
		margin-left: 20%;	
		margin-right: 20%;
		margin-top: 5%;	
		margin-bottom: 5%;
#		color: #ffffff;
#		background-color: #0000ff;
	}

	#footer {
		margin-left: 20%;	
		margin-right: 20%;
		margin-top: 5%;	
		margin-bottom: 5%;
	}

/* ********************************** */
.box {
    width:100%;
    height:100%
    display:box;
    /* Firefox */
    display:-moz-box;
    -moz-box-orient:horizontal;
     /* Safari, Opera, and Chrome */
    display:-webkit-box;
    -webkit-box-orient:horizontal;
    /* W3C */
    display:box;
    box-orient:horizontal;
}

.box .menu {
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari and Chrome */
    -ms-flex:1.0; /* Internet Explorer 10 */
    flex-wrap:nowrap;
    box-flex:1.0;
    background: yellow;
}

.box .content {
    -moz-box-flex:1.0; /* Firefox */
    -webkit-box-flex:1.0; /* Safari and Chrome */
    -ms-flex:1.0; /* Internet Explorer 10 */
    flex-wrap:wrap;
    flex-basis: 80%;
    box-flex:1.0;
    background: white;
}
/* ********************************** */



	#menu {
/*		position: float; left; top; 	*/
		float:left;
		width: 20%;
		height: 100%;
  		background-color: #c0c0c0;
		margin-top: 2%;
		margin-bottom: 2%;
	}

	#content {
/*		position: float; right; top; 	*/
		float:left;
		height: 100%;
		width: 80%;
  		background-color: #f0f0f0;
		margin-top: 2%;
		margin-bottom: 2%;
	}

	#warning {
		font-size: x-large;
		background-color: #ff0000;
		color: #ffffff;
	}

	#timeclock {
		background-color: #0033ff;
		color: #ffffff;
	}
	.tc a:link {color: white;}
	.tc a:visited {color: white;}

	#timesheet {
		background-color: #33cc00;
		color: #ffffff;
	}
	.ts a:link {color: white;}
	.ts a:visited {color: white;}

	#pubadmin {
		background-color: #ff9900;
	}
	.pa a:link {color: black;}
	.pa a:visited {color: black;}

	#mail {
		background-color: #9966ff;
	}
	.ma a:link {color: white;}
	.ma a:visited {color: white;}
}
	
@media print {
	@page {
		margin: .5in;
	}

	Body {
		font-family: serif;
/*		font-size: 9pt;		*/
	}

	table#planning {
		width: auto;
		border-collapse: collapse;
	}
	
	table#planning td {
		padding: 3px;
	}
	
	table#planning TH {
		padding: 3px;
	}
	
	.data_left {
		text-align: left;
	}
	
	.data_right {
		text-align: right;
	}
	
		.data_center {
		text-align: center;
	}
	
	.data_top {
		vertical-align: top;
	}
	
	.data_bottom {
		vertical-align: bottom;
	}
	
	EM {
		font-style: bold;
		font-size: large;
	}

	#menu {
		display: none;
	}

	#planning_table {
		widows: 20;
		orphans: 20;
	}

	#div.newpage {
		page-break-after: always;
	}
}