body {background:#000080;}					/* body to off white "the rim" */

#container {
width:1080px;
text-align:left;
padding: 25px 40px 10px 40px; 
border: 1px solid #ccc;						/* grey border around containter, slightly darker than rim */
background:#fff;							/* inside the container, plain white */
margin:1em auto;							/* text stays away from the border of the container */
}

@media print {
html {background:#fff !important;}
#container {border-width:0px !important;padding:0 !important;}
}

/* if verdana supported, use verdana, else arial and if that is not available, the default sans-serif font */
h6, h1, h2, p, ul#navigation, li, h3, h4, h5, table
{
	font-family: verdana, arial, sans-serif;		
	
}

h6, h1, h2, p, h4, h5
{
	margin-left: 9px;
}

h1											/* sizeble header in black */
{
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 16pt;
	line-height: 120%;
	text-align: left;
	margin-right: 2em;
	color: #000080;
}


h2											/* medium sized header in black */
{
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 14pt;
	line-height: 120%;
	text-align: left;
	text-transform: uppercase;
	margin-right: 2em;
	color: #000080;
}

h3											/* small, e.g. footer, in black */
{
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 12pt;
	line-height: 120%;
	text-align: left;
	text-transform: uppercase;
	margin-right: 2em;
	color: #000080;
}

h4											/* solutions header in black background */
{
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 10pt;
	line-height: 200%;
	text-align: left;
	text-transform: uppercase;
	margin-right: 2em;
	color: #fff;							/* white */
	background-color : #000080;	
}

h5											/* regular sized header in black */
{
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 10pt;
	line-height: 120%;
	text-align: left;
	text-transform: none;
	margin-right: 2em;
	color: #000080;
}

h6											/* sizeble header in black */
{
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 10pt;
	line-height: 120%;
	text-align: left;
	margin-right: 2em;
	color: #000080;
}

.month-header
{
	background-color: #000080;
	color: #ffffff
}

.newsflash
{
	background-color: #ff0000;
	color: #ffffff
}

p											/* normal paragraph style, in black */
{
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 14pt;
	line-height: 120%;
	text-align: left;
	margin-right: 2em;
	color: #000;
}

.new-item::first-letter						/* style for first letter of new items */
{
	initial-letter: 1;
	color: #f00;
}

li											/* style used for lists, in black */
{
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 14pt;
	line-height: 120%;
	text-align: left;
	display: list-item;
	color: #000;
}


ul#navigation 
{
	
	margin-left: 0em;
	padding-left: 0em;
	padding-bottom: 0em;
	padding-top: 0em;
	margin-bottom: 0em;
	display: inline;
	list-style-type: none;
	background: #fff;						/* white background to start with */
	float: left;
	width: 100%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11pt;
	line-height: 120%;
	text-align: left;
	margin-bottom: 1em;
	border-bottom: solid 2px #000;		/* line that runs under the menu, in black */
	border-left: solid 1px #000;			/* left border, menu items themselves have a right border */
	/* this prevents having a left and right border for the items, which would turn a 1px into 2px */
}

ul#navigation li 
{
	float: left;
	text-align: left;
	margin-left: 0;
	border-right: solid 1px #000;			/* only right borders, see remark above */
	border-top: solid 1px #000;
											/* no bottom border, purple line takes care of that */
}

ul#navigation a 
{
	display: block;
	float: left;
	padding: .2em .7em ;					/* .2em hight, .7 em space between options */
	text-decoration: none;
	color: #000;							/* black */
	background-color : #e0e0e0;				/* lightest possible gray that can still be distinguished from the selected option in plain white */
			
}

ul#navigation a:hover 
{
	display: block;
	color: #bbb;							/* gray */ 
}

ul#navigation #current 
{
	display: block;
    background-color : #fff;				/* selected option in white */
}

ul#navigation #current a 
{
    background-color : #fff;
}


ul#subnav 
{
	
	margin-left: 0em;
	padding-left: 0em;
	padding-bottom: 0em;
	padding-top: 0em;
	margin-bottom: 0em;
	display: inline;
	list-style-type: none;
	background: #fff;						/* white background to start with */
	float: left;
	width: 100%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11pt;
	line-height: 120%;
	text-align: left;

	/* left border, menu items themselves have a right border */
	/* this prevents having a left and right border for the items, which would turn a 1px into 2px */
}

ul#subnav li 
{
	float: left;
	text-align: left;
	margin-left: 0;
	border-right: solid 1px #000;			/* only right borders, see remark above */
	border-top: solid 1px #000;
}

ul#subnav a 
{
	display: block;
	float: left;
	padding: .2em .7em ;					/* .2em hight, .7 em space between options */
	text-decoration: none;
	color: #fff;							/* black */
	background-color : #000080;
	/*background-color : #0e0e0e;*/

	/* lightest possible gray that can still be distinguished from the selected option in plain white */
			
}

ul#subnav a:hover 
{
	display: block;
	color: #bbb;							/* gray */ 
}

ul#subnav #current 
{
	display: block;
    background-color : #fff;				/* selected option in white */
}

ul#subnav #current a 
{
    background-color : #fff;
}



div.logo
{
	float: right;
	width: 180px;
	margin-top: 	0;
	margin-left: 	0;
	margin-right: 	1em;
	margin-bottom: 	1em;					/* distance from the top of the menu */
	display: inline;
}

div.image
{
	float: right;
	margin-top: 	1.7em;
	margin-left:	0;
	margin-right:	0;
	margin-bottom:	2em;
	display: inline;
	width:375;
}

div.small_image
{
	float: right;
	margin-top: 	1.7em;
	margin-left:	0em;
	margin-right:	6em;
	margin-bottom:	2em;
	display: inline;
	border: 0;
	background: #fff;
}

img.full-width {
    border: 5px solid #000000;
	width: 100%;
	height: 50%;
	/*margin-top: 	0em;*/
	margin-left:	auto;
	margin-right:	auto;
	/*margin-bottom:	0em;*/
	display: inline;	
	object-fit: cover;
	/*hspace: 0;
	align: center;*/
}

img.full {
    border: 5px solid #000000;
	width: 100%;
	height: 100%;
	/*margin-top: 	0em;*/
	margin-left:	auto;
	margin-right:	auto;
	/*margin-bottom:	0em;*/
	display: inline;	
	object-fit: cover;
	/*hspace: 0;
	align: center;*/
}

img.half-width {
	border: 5px solid #000000;
	width: 48%;
	/*margin-top: 	0em;*/
	margin-left:	auto;
	margin-right:	auto;
	/*margin-bottom:	0em;*/
	display: inline;
	object-fit: cover;
	/*hspace: 0;
	align: center;*/
}

img.third-width {
	border: 5px solid #000000;
	width: 30%;
	/*margin-top: 	0em;*/
	margin-left:	auto;
	margin-right:	auto;
	/*margin-bottom:	0em;*/
	display: inline;
	object-fit: cover;
	/*hspace: 0;
	align: center;*/
}

img.small {
	border: 5px solid #000000;
	width: 250px;
	margin-top: 	0em;
	margin-left:	0em;
	margin-right:	0em;
	margin-bottom:	0em;
	display: inline;
	object-fit: cover;
	/*hspace: 0;
	align: center;*/
}

/* Result Table Styles */
.result-table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
    border: 2px solid #000080;
}

.result-table th,
.result-table td {
    border: 1px solid #000080;
    padding: 8px;
    text-align: left;
}

.result-table thead th {
    background-color: #000080;
    color: white;
    font-weight: bold;
}

.result-table tbody tr:nth-child(even) {
    background-color: #f8f9fa;
}

.result-table .total-row {
    font-weight: bold;
    background-color: #e9ecef;
}

.result-table-container {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
}

.box {
    border: 2px solid #007ACC;
    padding: 20px;
    margin: 20px 0;
    border-radius: 6px;
    background-color: #f9f9f9;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* horizontal-offset vertical-offset blur-radius color; */
}