@font-face
{
	font-family:			"Lato";
	src:					url("https://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHjx4wXg.woff2") format("woff2");
	font-style:				normal;
	font-weight:			400;
	unicode-range:			U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face
{
	font-family:			"Raleway";
	src:					url("https://fonts.gstatic.com/s/raleway/v27/1Ptug8zYS_SKggPNyC0ITw.woff2") format("woff2");
	font-style:				normal;
	font-weight:			300;
	unicode-range:			U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@media only screen and (orientation: landscape)
{
	/* --------------------------
	 * desktop
	 */

	:root {

		--heading-font-sz:			40px;
		--minortitle-font-sz:		20px;
		--majortitlesolo-font-sz:	46px;
		--minortitlesolo-font-sz:	35px;
		--altheading-font-sz:		24px;

		--h1-font-sz:				36px;
		--body-font-sz:				18px;
		--p-font-sz:				16px;
		--a-font-sz:				14px;
		--ul-font-sz:				12px;
	}

	.portrait_only {
		display: none;
	}
	.landscape_only {
		display: ;
	}

}

@media only screen and (orientation: portrait)
{
	/* --------------------------
	 * handheld
	 */

	:root {

		/* 4vw == 18px - all others scaled */
		--heading-font-sz:			8.88vw;
		--minortitle-font-sz:		4.44vw;
		--majortitlesolo-font-sz:	10.22vw;
		--minortitlesolo-font-sz:	7.77vw;
		--altheading-font-sz:		5.33vw;

		--h1-font-sz:				8.00vw;
		--body-font-sz:				4.00vw;
		--p-font-sz:				3.55vw;
		--a-font-sz:				3.11vw;
		--ul-font-sz:				2.66vw;
	}

	.portrait_only {
		display: ;
	}
	.landscape_only {
		display: none;
	}

	select {

		height: 		7vw;
		line-height:	7vw;
		font-size:		4vw;
		margin-bottom:	1vw;
	}
	option {

		height: 		7vw;
		line-height:	7vw;
		font-size:		4vw;
		margin-bottom:	1vw;
	}
	label {

		height: 		7vw;
		line-height:	7vw;
		font-size:		4vw;
		margin-bottom:	1vw;
	}
	input {

		height: 		7vw;
		line-height:	7vw;
		font-size:		4vw;
		margin-bottom:	1vw;
	}
}

body {
	background-color:		rgb( 230, 230, 230 );
	padding:				0;
	margin:					0;
	border-collapse:		collapse;
}

.titletable {
	padding:				0;
	margin:					0;
	border-collapse:		collapse;
	width:					100%;
}

.titletablerow {
	background-color:		white;
	padding:				0;
	margin:					0;
	border-collapse:		collapse;
	width:					100%;
	color:					rgb(0, 77, 128);
	border-bottom-color:	rgb(244, 185, 0);
	border-bottom-style:	solid;
	border-bottom-width:	4px;
}

.titleicon {
	padding:				5 18 30;
	width:					1px;
}

.titletabletext {
	padding:				42 0 0 0;
	margin:					0;
	font-size:				30px;
	color:					rgb(0, 77, 128);
	border-bottom-color:	rgb(244, 185, 0);
	border-bottom-style:	solid;
	border-bottom-width:	4px;
	font-family:			proxima-nova, sans-serif;
	font-weight:			700;
	letter-spacing:			-0.53px;
	display:				inline-block;

}
.titletext:hover {
	border-bottom-color:	rgb(0, 77, 128);
}

.footertable {
	padding:				0;
	margin:					0;
	border-collapse:		collapse;
	width:					100%;
}

.footertabletd {
	color:					white;
	background-color:		black;
	padding:				15;
	margin:					0;
	border-top-color:		rgb(244, 185, 0);
	border-top-style:		solid;
	border-top-width:		4px;
}

P
{
	padding:				0;
	font-family:			"Raleway";
	font-size:				var(--p-font-sz);
	font-weight:			normal;
	color:					#000000;
}
a
{
	font-family:			"Raleway";
	font-style:				italic;
	font-weight:			bold;
	font-size:				var(--a-font-sz);
	text-decoration:		none;
	color:					#101010;
}
UL
{
	margin-top:				5px;
	margin-bottom:			5px;
	margin-right:			5%;
	margin-left:			10%;
	padding:				5;
	font-family:			"Raleway";
	font-size:				var(--ul-font-sz);
	font-weight:			normal;
	color:					#000000;
}
LI
{
	margin-bottom:			10px;
}
h1
{
	font-family:			"Times New Roman", "sans-serif";
	font-weight:			bold;
	font-size:				var(--h1-font-sz);
	text-decoration:		none;
	margin:					0px;
}

.text 
{
	margin:					0;
	padding:				0;
	font-family:			"Raleway";
	font-size:				var(--body-font-sz);
	color:					#000000;
}

.titletext
{
	font-family:			"Raleway";
	font-weight:			bold;
	font-style:				normal;
    font-size: 				var(--altheading-font-sz);
	color:					#ffffff;
}

.heading
{
	padding:				0;
	font-family:			"Raleway";
	font-weight:			bold;
	font-size:				var(--altheading-font-sz);
	color:					#8AB3E2;
}

.titlebar
{
	width:					100%;
	height:					4px;
	background-color:		#8AB3E2;
}

.section
{
}
.section p
{
	border-style:			none;
	border-radius: 			15px;
}

.copyright {
	font-family:			"Lato";
	font-weight:			normal;
	font-style:				normal;
    font-size: 				var(--a-font-sz);
    line-height: 			var(--altheading-font-sz);
    padding-top: 			var(--minortitle-font-sz);
    padding-bottom: 		var(--minortitle-font-sz);
    display: 				inline-block;
	color:					rgba(255,255,255,0.4);
}
.copyright a {
	font-family:			"Lato";
	font-weight:			normal;
	font-style:				normal;
 	color:					rgba(255,255,255,0.8);
}

.sectionblock
{
	background:				#fff;
	border-radius:			8px;
	border:					1px solid #B4B4B4;
	margin-bottom:			10px;
}

.sectionblock th
{
	background:				rgb(0, 77, 128);
	text-align:				left;
	padding:				4px;
	font-family:			"Arial", "Helvetica", "sans-serif";
	font-size:				var(--p-font-sz);
	line-height:			var(--body-font-sz);
	color:					#FFFFFF;
	font-weight:			bold; 
}
.sectionblock th p
{
	font-family:			"Arial", "Helvetica", "sans-serif";
	font-weight:			bold;
	font-style:				normal;
	color:					#FFFFFF;
}
.sectionblock th a
{
	font-family:			"Arial", "Helvetica", "sans-serif";
	font-weight:			bold;
	font-style:				normal;
	color:					#FFFFFF;
}

.sectionblock td
{
	text-indent:			0px;
	margin-top:				8px;
	margin-bottom:			0px;
	font-family:			"sans-serif", "arial";
	font-size:				var(--ul-font-sz);
	line-height:			var(--body-font-sz);
	padding:				0px 10px 0px 10px;
	color:					#000000;
}
.sectionheading
{
	font-family:			"Arial", "Helvetica", "sans-serif";
	font-size:				var(--p-font-sz);
	color:					rgb(0, 77, 128);
	font-weight:			bold; 
}

.sectionblockbg
{
	background:				#fff;
	border-radius:			8px;
	border:					1px solid #B4B4B4;
	margin-bottom:			10px;
	padding-left:			10px;
}

.sectionblock_with_hover
{
	background:				#fff;
	border-radius:			8px;
	border:					1px solid #B4B4B4;
	margin-bottom:			10px;
}

.sectionblock_with_hover th
{
	background:				rgb(0, 77, 128);
	text-align:				left;
	padding:				4px;
	font-family:			"Arial", "Helvetica", "sans-serif";
	font-size:				var(--p-font-sz);
	line-height:			var(--body-font-sz);
	color:					#FFFFFF;
	font-weight:			bold; 
}
.sectionblock_with_hover th p
{
	font-family:			"Arial", "Helvetica", "sans-serif";
	font-weight:			bold;
	font-style:				normal;
	color:					#FFFFFF;
}
.sectionblock_with_hover th a
{
	font-family:			"Arial", "Helvetica", "sans-serif";
	font-weight:			bold;
	font-style:				normal;
	color:					#FFFFFF;
}

.sectionblock_with_hover td
{
	text-indent:			0px;
	margin-top:				8px;
	margin-bottom:			0px;
	font-family:			"sans-serif", "arial";
	font-size:				var(--ul-font-sz);
	line-height:			var(--body-font-sz);
	padding:				0px 10px 0px 10px;
	color:					#000000;

}
.sectionblock_with_hover tr:hover td
{
	background-color: 		rgb(0, 77, 128);
 	color:					rgba(255,255,255,0.8);
}

.account_table th {
	outline: 1px solid black;
}
.account_table td {
	outline: 1px dashed grey;
}
.account_table tr:hover td
{
	background-color: 		rgb(0, 77, 128);
 	color:					rgba(255,255,255,0.8);
}

.WSSheading
{
	padding:				0;
	font-family:			'Droid Serif', serif;
	font-weight:			bold;
	font-size:				var(--heading-font-sz);
	color:					#8AB3E2;
}
.WSSlogo
{
	width:					100px;
}
.WSSmajortitle
{
	padding:				0;
	font-family:			"Times New Roman", "serif";
	font-weight:			normal;
	font-size:				var(--h1-font-sz);
	color:					#000000;
}
.WSSminortitle
{
	padding:				0;
	font-family:			"Times New Roman", "serif";
	font-weight:			normal;
	font-style:				italic;
	font-size:				var(--minortitle-font-sz);
	color:					#000000;
}
.WSSlogosolo
{
	padding:				0 40 0 0;
}
.WSSmajortitlesolo
{
	padding:				0;
	font-family:			"Times New Roman", "serif";
	font-weight:			normal;
	font-size:				var(--majortitlesolo-font-sz);
	color:					#000000;
}
.WSSminortitlesolo
{
	padding:				0;
	font-family:			"Times New Roman", "serif";
	font-weight:			normal;
	font-style:				italic;
	font-size:				var(--minortitlesolo-font-sz);;
	color:					#000000;
}
.WSStable
{ 
	border-spacing:			0px;
	border-collapse:		separate;
	width:					100%;
}
.WSStable tr
{
	height:					110px;
}
.WSStable tr:hover td
{
	background-color:		rgb(0, 77, 128);
 	color:					rgba(255,255,255,0.8);
}
.WSStable tr:hover div
{
 	color:					rgba(255,255,255,0.8);
}
/*
	Before: H:216,S:24,V:58 # 717f94
	Colourise: H:216,S:8,L:-31
	After: H:215,S:13,V:59 # 717f94
*/
.scroll_menubar
{
	border-collapse:		collapse;
	border-spacing:			0;
	margin:					0;
	padding:				0;
	min-width:				80%;
}
.scroll_menu_start
{
	background-image:		url('/skin.v1/titlebar left.png');
	width:					93;
	height:					85;
	margin:					0;
	padding:				0;
	vertical-align:			top;
}
.scroll_menu_end
{
	background-image:		url('/skin.v1/titlebar right.png');
	width:					93;
	height:					85;
	margin:					0;
	padding:				0;
	vertical-align:			top;
}
.scroll_menu_item
{
	font-family:			"Raleway";
	font-size:				var(--body-font-sz);
	color:					#ffffff;
	text-align:				center;
	margin:					0;
	padding:				0;
	vertical-align:			top;
}
.scroll_menu_item div
{
	background-image:		url('/skin.v1/titlebar mid.png');
	font-family:			"Raleway";
	font-size:				var(--body-font-sz);
	color:					#ffffff;
	text-decoration:		none;
	font-style:				normal;
	font-weight:			normal;
	padding:				5px;
	display:				block;
	height:					75px;
}
.scroll_menu_item div:hover
{
	background-image:		url('/skin.v1/titlebar mid over.png');
	font-family:			"Raleway";
	font-size:				var(--body-font-sz);
	color:					#ffffff;
	text-decoration:		none;
	font-style:				normal;
	padding:				5px;
	display:				block;
	height:					75px;
}

.tooltip
{
	position:				relative;
	display: 				inline-block;
}

.tooltip .tooltiptext_left
{
	visibility: 			hidden;
	width: 					250px;
	background:				#ffffff;
	border:					1px solid #B4B4B4;
	margin-bottom:			10px;
	color:					#000000;
	text-align:				left;
	border-radius:			8px;
	padding:				15px;
	position:				absolute;
	z-index:				1;
	top:					100%;
	left:					50%;
	margin-left:			-60px;
}
.tooltip:hover .tooltiptext_left
{
	visibility:				visible;
}
.tooltip .tooltiptext_right
{
	visibility:				hidden;
	width: 					250px;
	background:				#fff;
	border:					1px solid #B4B4B4;
	margin-bottom:			10px;
	color: 					#000000;
	text-align:				left;
	border-radius: 			8px;
	padding: 				15px;
	position: 				absolute;
	z-index: 				1;
	top: 					100%;
	right: 					50%;
	margin-left: 			-60px;
}
.tooltip:hover .tooltiptext_right
{
	visibility: 			visible;
}

.breadcrumb
{
	color:					black;
	font-weight:			bold;
	font-style:				italic;
}
.breadcrumb:hover
{
	text-decoration:	underline;
}
.breadcrumb_end
{
	color:					black;
	font-weight:			bold;
	font-style:				italic;
}
.breadcrumb_end:hover
{
	text-decoration:	underline;
}
.breadcrumb_seperator
{
	color:					black;
	font-weight:			normal;
	font-style:				italic;
}