@charset "UTF-8";
@media screen, projection {
	#webmenu ul, #webmenu ul ul {
		list-style:none outside none;
		margin:2px;
		margin:0px;
		padding:0;
		overflow: hidden;
		position:relative;
		text-align:left;
	}

	#webmenu li {
		cursor:pointer;
		display:block;
		color:black;
		overflow:visible;
		position:relative;
		padding:2px;
		margin:0;
		white-space:nowrap;
		text-transform:lowercase;
		text-align:left;
		vertical-align: middle;
	}
	#webmenu li a {
		display:block;
		font-family: "Helvetica";
		font-size:9pt;
		color:white;
		text-decoration: none;
		text-transform:lowercase;
	}
	#webmenu #home li {
		padding:4px;
		margin:4px;
		background-color: rgb(23,41,131);
		text-transform:lowercase;
	}
	#webmenu #home li a {
		display:block;
		font-weight:bold;
		background-color: rgb(23,41,131);
		color:white;
	}

	#webmenu li > ul {
		display:block;
		position:relative;
		left:15px;
	}
	#webmenu li.active > a {
		font-weight: bold;
	}
	#webmenu li.passive > a{
		font-weight:normal;
		color:ivory;
	}
	#webmenu li.passive ul.webmenu {
		display: none;
	}
	#webmenu > ul > li.passive,
	#webmenu > ul > li.active > ul > li.passive,
	#webmenu > ul > li.active > ul > li.active > ul > li.passive:nth-last-of-type(-n+4),
	#webmenu li.active + li,
	#webmenu li.active > ul > li.passive:first-of-type {
		display: block;
	}
	#webmenu li.hoverhighlight > ul.webmenu {
		display: block;
	}
	#webmenu li.hoverhighlight > a, #webmenu li.hoverhighlight > ul > li > a {
		font-weight: bold;
	}
	div.tiles {
/**		display:inline-block;*/
		width:100%;
		height:95%;
		background-color: rgb(0,158,224);
	}

	div.tile {
		height:50%;
		margin:0;
		text-indent:0;
		vertical-align:top;
		overflow: hidden;
		color: white;
	}
	a.tile {
		text-decoration: none;
	}
	div.tile:hover {
		opacity:0.8;
	}
	div.tile:active {
		opacity:0.2;
	}
	div.tile > h1 {
		padding-top:5mm;
		height: auto;
		text-align: center;
		font-family: "Arial";
		font-weight: bold;
		/*letter-spacing:1px;*/
		font-size:16pt;
	}
	div.tile p {
		text-align: left;
		padding:0 5mm .25em;
		margin-top:auto;
		margin-bottom:auto;
		font-size:12pt;
	}
	div.tile p:first-letter {
		font-size:16pt;
		top:4pt;
	}
	div.tile p:last-child {
		padding-bottom: 5mm;
	}
	div.tile h1, #content a.tile div.tile p {
		text-indent: 0;
		color: white;
	}

	div.small, div.half, div.wide, div.tall, div.small2, div.half2, div.wide2, div.tall2, div.small3, div.half3, div.wide3, div.tall3,
	div.small4, div.half4, div.wide4, div.tall4, div.small5, div.half5, div.wide5, div.tall5 {
		width:auto;
	}
	div.le_small, div.ri_small, div.le_tall, div.ri_tall, div.le_small2, div.ri_small2, div.le_tall2, div.ri_tall2,
	div.le_small3, div.ri_small3, div.le_tall3, div.ri_tall3, div.le_small4, div.ri_small4, div.le_tall4, div.ri_tall4,
	div.le_small5, div.ri_small5, div.le_tall5, div.ri_tall5, div.le_small6, div.ri_small6, div.le_tall6, div.ri_tall6,
	div.le_small7, div.ri_small7, div.le_tall8, div.ri_tall8 {
		width:25%;
	}
	/*div.le_small, div.ri_small, div.le_tall, div.ri_tall, div.le_small2, div.ri_small2, div.le_tall2, div.ri_tall2,*/
	div.le_half, div.ri_half, div.le_half2, div.ri_half2, div.le_half3, div.ri_half3, div.le_half4, div.ri_half4, div.le_half5, div.ri_half5,
	div.le_half6, div.ri_half6, div.le_half7, div.ri_half7, div.le_half8, div.ri_half8{
		width:40%;
	}
	div.le_wide, div.ri_wide, div.le_wide3, div.ri_wide3, div.le_wide4, div.ri_wide4, div.le_wide5, div.ri_wide5,
	div.le_wide6, div.ri_wide6, div.le_wide7, div.ri_wide7, div.le_wide8, div.ri_wide8 {
		width:55%;
	}
	div.le_small, div.le_half, div.le_tall, div.le_wide,
	div.le_small2, div.le_half2, div.le_tall2, div.le_wide2, div.le_small3, div.le_half3, div.le_tall3, div.le_wide3,
	div.le_small4, div.le_half4, div.le_tall4, div.le_wide4, div.le_small5, div.le_half5, div.le_tall5, div.le_wide5,
	div.le_small6, div.le_half6, div.le_tall6, div.le_wide6, div.le_small7, div.le_half7, div.le_tall7, div.le_wide7,
	div.le_small8, div.le_half8, div.le_tall8, div.le_wide8 {
		float:left;
	}
	div.ri_small, div.ri_half, div.ri_tall, div.ri_wide,
	div.ri_small2, div.ri_half2, div.ri_tall2, div.ri_wide2, div.ri_small3, div.ri_half3, div.ri_tall3, div.ri_wide3,
	div.ri_small4, div.ri_half4, div.ri_tall4, div.ri_wide4, div.ri_small5, div.ri_half5, div.ri_tall5, div.ri_wide5,
	div.ri_small6, div.ri_half6, div.ri_tall6, div.ri_wide6, div.ri_small7, div.ri_half7, div.ri_tall7, div.ri_wide7,
	div.ri_small8, div.ri_half8, div.ri_tall8, div.ri_wide8 {
		float:right;
	}
	div.le_small3, div.ri_small3, div.small3, div.le_half3, div.ri_half3, div.half3, div.le_wide3, div.ri_wide3, div.wide3 {
		height:33%;
	}
	div.le_small4, div.ri_small4, div.small4, div.le_half4, div.ri_half4, div.half4, div.le_wide4, div.ri_wide4, div.wide4 {
		height:25%;
	}
	div.le_small5, div.ri_small5, div.small5, div.le_half5, div.ri_half5, div.half5, div.le_wide5, div.ri_wide5, div.wide5 {
		height:20%;
	}
	div.le_small6, div.ri_small6, div.small6, div.le_half6, div.ri_half6, div.half6, div.le_wide6, div.ri_wide6, div.wide6 {
		height:16.7%;
	}
	div.le_small7, div.ri_small7, div.small7, div.le_half7, div.ri_half7, div.half7, div.le_wide7, div.ri_wide7, div.wide7 {
		height:14.3%;
	}
	div.le_small8, div.ri_small8, div.small8, div.le_half8, div.ri_half8, div.half8, div.le_wide8, div.ri_wide8, div.wide8 {
		height:12.5%;
	}
	div.le_tall, div.ri_tall, div.tall {
		height:100%;
	}
	div.le_tall3, div.ri_tall3, div.tall3 {
		height:66%;
	}
	div.le_tall4, div.ri_tall4, div.tall4 {
		height:50%;
	}
	div.le_tall5, div.ri_tall5, div.tall5 {
		height:40%;
	}
	div.le_tall6, div.ri_tall6, div.tall6 {
		height:33.4%;
	}
	div.le_tall7, div.ri_tall7, div.tall7 {
		height:28.6%;
	}
	div.le_tall8, div.ri_tall8, div.tall8 {
		height:25%;
	}

	div.tile0 {
		background-color: rgb(10,57,91);
	}
	div.tile1 {
		background-color: rgb(52,127,138);
	}
	div.tile2 {
		background-color: rgb(96,106,171);
	}
	div.tile3 {
		background-color: rgb(73,109,44);
	}
	div.tile4 {
		background-color: rgb(83,70,41);
	}
	div.tile5 {
		background-color: rgb(0,75,106);
	}
	div.tile6 {
		background-color: rgb(0,91,96);
	}
	div.tile7{
		background-color: rgb(151,167,25);
	}
	div.tile8 {
		background-color: rgb(104,88,103);
	}
	div.tile9 {
		background-color: rgb(107,72,40);
	}
	div.tile10 {
		background-color: rgb(0,93,146);
	}
	div.tile11 {
		background-color: rgb(17,57,51);
	}
	div.tile12 {
		background-color: rgb(0,56,121);
	}
	div.tile13 {
		background-color: rgb(79,71,148);
	}
	div.tile14 {
		background-color: rgb(47,144,84);
	}
	div.tile15 {
		background-color: rgb(150,124,33);
	}
	div.tile16 {
		background-color: rgb(70,110,74);
	}
	div.tile17{
		background-color: rgb(26,44,95);
	}
	div.tile18 {
		background-color: rgb(0,117,164);
	}
	div.tile19 {
		background-color: rgb(0,68,148);
	}
	div.tile20 {
		background-color: rgb(0,92,122);
	}
	div.tile21 {
		background-color: rgb(149,92,35);
	}
	div.tile22 {
		background-color: rgb(0,114,122);
	}
	div.tile23 {
		background-color: rgb(128,74,96);
	}
	div.tile24 {
		background-color: rgb(87,41,84);
	}
	div.tile25 {
		background-color: rgb(0,137,180);
	}
}

@media only screen and (max-height: 480px), only screen and (max-device-height: 480px) {
	div.tile > h1 {
		padding-top:2mm;
		font-size:8pt;
	}
	div.tile p {
		padding:0 2mm .1em;
		font-size:6pt;
	}
	div.tile p:first-letter {
		font-size:8pt;
		top:2pt;
	}
	div.tile p:last-child {
		padding-bottom: 2mm;
	}
}