* { -webkit-box-sizing: border-box; box-sizing: border-box; }
HTML,BODY { margin:0px; height:100%; text-align:center; padding:0px; }
BODY,TD { font:1.1em Verdana,Helvetica,Arial,sans-serif; color:#000000; }
BODY { background:#FFFFFF; }
A { color:#000066; }
A:hover { color:#CC0000; text-decoration:underline; }
A:visited { color:#000066; }
P,DL { margin:10px; padding:5px 0px; text-align:left; }
.indent { padding-left:25px; }
.centered { text-align:center; margin-left:auto; margin-right:auto; }
.centered TABLE { text-align:center; margin:0px auto; }
UL { padding-left:20px; }
UL,DD { margin:10px 25px; text-align:left; color:#333333; }
LI { padding:5px; }
OL { text-align:left; color:#333333; }
.titleText {font:small-caps Bold 1.8em Verdana,Helvetica,Arial,sans-serif; padding:5px 20px; background-color:#EEEEEE;}
.fancyText {font:Italic Bold 1.2em "Shelley Volante BT", Script, cursive;}
.largeText {font:small-caps Bold 1.4em Verdana,Helvetica,Arial,sans-serif;}
.strongText {font:bold 1.1em Verdana,Helvetica,Arial,sans-serif;}
.strongUText {font:bold 1.1em Verdana,Helvetica,Arial,sans-serif; text-decoration:underline;}
.smallText {font:bold 0.8em Verdana,Helvetica,Arial,sans-serif; color:#444444;}
.noteText {font:0.8em Verdana,Helvetica,Arial,sans-serif;}
.tinyText {font:0.7em Verdana,Helvetica,Arial,sans-serif;}
.newsTable {background:url(images/Title-BG.png) #EEEEEE;padding:10px;border-radius:10px;margin:0px 0px 5px;table-layout:fixed;}
.newsTable a {text-decoration:none;}
.newsHead {font-weight:bold;font-size:1em;}
.newsTitle {color:#000000;font-weight:bold;font-size:1.1em;}
.newsContent {background:#FFFFFF;color:#222222;padding:10px;margin:5px 0px;border-radius:10px;font-style:italic;font-size:0.8em;opacity:0.75;filter:alpha(opacity=75);}
.newsContent:hover {opacity:1;filter:alpha(opacity=100);}
.mainTitle {font:1.6em Verdana,Helvetica,Arial,sans-serif;padding-top:10px;}
.subTitle {font:bold 1.4em Verdana,Helvetica,Arial,sans-serif;padding-top:10px;}
.tableheader {font:1.3em Verdana,Helvetica,Arial,sans-serif; background-color: #DDDDDD; padding: 4px; }
.tablebody {font:0.9em Verdana,Helvetica,Arial,sans-serif; background-color: #EEEEEE; padding: 10px; }
.tablenested {font:0.9em Verdana,Helvetica,Arial,sans-serif; background-color: #E6E6E6; padding: 3px; }
.shadowRight {-moz-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55); -webkit-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55); box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);}
.flexcontainer{
  display: -webkit-box;     /* iOS 6-, Safari 3.1-6 */
  display: -moz-box;        /* Firefox 19- */
  display: -ms-flexbox;     /* IE 10 */
  display: -webkit-flex;    /* Chrome */
  display: flex;            /* Opera 12.1, Firefox 20+ */

  /* iOS 6-, Safari 3.1-6 */
  -webkit-box-orient: horizontal;
  -webkit-box-pack: justify;
  -webkit-lines: multiple;  /* Only here for informative purpose, this line is what should have made it work, it has never been implemented */ 

  /* Firefox 19- */
  -moz-flex-flow: row wrap;
  -moz-justify-content: space-between;
  -moz-box-lines: multiple; /* Only here for informative purpose, this line is what should have made it work, it has never been implemented */ 

  /* Chrome */
  -webkit-flex-flow: row wrap;
  -webkit-justify-content: space-between;

  /* IE10 */
  -ms-flex-flow: row wrap;
  -ms-justify-content: space-between;

  /* Opera 12.1, Firefox 20+ */
  flex-flow: row wrap;
  justify-content: space-between;
}
.flexitem {
  margin: 0px 0px 10px;
  -webkit-box-flex: auto;    /* iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1.0;        /* Firefox 19- */
  -webkit-flex: auto;        /* Chrome */
  -ms-flex: auto;            /* IE10 */
  flex: auto;                /* Opera 12.1, Firefox 20+ */
}
.flexitemfixed {
  margin: 0px auto 10px;
  -webkit-box-flex: 0;    /* iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 0;        /* Firefox 19- */
  -webkit-flex: auto;        /* Chrome */
  -ms-flex: auto;            /* IE10 */
  flex: 0 1 auto;                /* Opera 12.1, Firefox 20+ */
}
#mainBG {
	position:fixed;
	z-index:0;
	width:100%;
	background-color:#FFFFFF;
}
#searchForm { padding: 3.5px 10px; }

@media (max-width:480px) {
	BODY,TD { font:1.0em Verdana,Helvetica,Arial,sans-serif; color:#000000; }
	#mainHolder {
		position:relative;
		z-index:10;
		width:320px;
		margin:0px auto;
		text-align:left;
		min-height:100%;
		padding:0px;
	}
	#mainHeader {
		position:relative;
		z-index:20;
		width:100%;
		height:200px;
		margin:0px;
		background-image:url('images/HeaderBG.jpg');
		background-size:cover;
		overflow:hidden;
	}
	#mainHeaderLeft {
		display:none;
	}
	#mainHeaderRight {
		display:none;
	}
	#mainTitle {
		position:absolute;
		z-index:40;
		top:100px;
		left:0px;
		right:0px;
		width:320px;
		height:50px;
		text-align:center;
		font:bold 0.9em Verdana,Helvetica,Arial,sans-serif;
		color: #3A4CAC;
	}
	#mainTitleFR {
		position:absolute;
		z-index:40;
		top:150px;
		left:0px;
		right:0px;
		width:320px;
		height:50px;
		text-align:center;
		font:bold 0.8em Verdana,Helvetica,Arial,sans-serif;
		color: #3A4CAC;
	}
	#mainLogo {
		position:absolute;
		z-index:30;
		top:0px;
		left:0px;
		width:320px;
		height:100px;
		overflow:hidden;
		text-align:center;
	}
	#headLogo { width:162px; height:100px; margin:0px auto; }
	#mainMenus {
		position:relative;
		clear:both;
		z-index:100;
		width:320px;
		text-align:center;
	}
		#mainMenus ul ul { display:none; z-index:110; width:260px; }
		#mainMenus ul {
			margin: 0px;
			padding: 0px 20px;
			border-radius: 10px;
			list-style: none;
			position: relative;
			display: inline-block;
			background-color:#3A4DAC;
			width:320px;
		}
		#mainMenus ul li { float: none; display: block; }
		#mainMenus ul li a {
			padding: 5px 10px;
			display: block;
			color: #DDDDFF;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			border-radius: 10px;
			background-color:#5063C4;
		}
		#mainMenus ul li:hover a { color: #FFFFFF;text-decoration: underline; }
		#mainMenus ul li:active > ul li { float: none; display: block; }
		#mainMenus ul li:hover > ul li a { color: #DDDDFF; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #FFFFFF; text-decoration: underline; }
		#mainMenus ul li ul {
			position: relative;
			margin: 0px;
			padding: 0px;
			min-width: 260px;
			background-color:#6176DD;
			-moz-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			-webkit-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
		}
	#mainPageTitle {
		position:relative;
		clear:both;
		z-index:30;
		width:320px;
		margin:0px;
		padding:2px 10px;
		text-align:center;
		color:#000000;
		background-color:#EEEEEE;
		font:bold small-caps 1.5em Verdana,Helvetica,Arial,sans-serif;
	}
	#mainPageContent {
		position:relative;
		z-index:20;
		clear:both;
		width:320px;
		margin:0px;
		padding:5px;
	}
	#mainFooter {
		position:relative;
		clear:both;
		z-index:30;
		bottom:0px;
		width:320px;
		height:80px;
		margin:0px auto;
		text-align:center;
	}
	#newsSummary {
		position:relative;
		width:310px;
		text-align:center;
		margin:10px 0px;
	}
	#newsSpacer { width:270px; height:20px; }
}

@media (min-width:481px) and (max-width:700px) {
	#mainHolder {
		position:relative;
		z-index:10;
		width:100%;
		margin:0px auto;
		text-align:left;
		min-height:100%;
		padding:0px;
	}
	#mainHeader {
		position:relative;
		z-index:20;
		width:100%;
		height:160px;
		margin:0px;
		background-image:url('images/HeaderBG.jpg');
		background-size:cover;
		overflow:hidden;
	}
	#mainHeaderLeft {
		position:absolute;
		z-index:25;
		left:0px;
		top:0px;
		width:100px;
		height:160px;
		overflow:hidden;
		background-image:url('images/HeaderSpectrum.png');
		background-size:80% 100%;
		background-repeat:no-repeat;
	}
	#mainHeaderRight {
		position:absolute;
		z-index:25;
		top:0px;
		left:160px;
		right:0px;
		height:160px;
		overflow:hidden;
		background-image:url('images/HeaderBeam.png');
		background-size:80% 100%;
		background-repeat:repeat-x;
	}
	#mainTitle {
		position:absolute;
		z-index:40;
		top:5px;
		left:260px;
		right:0px;
		text-align:center;
		font:bold 1.0em Verdana,Helvetica,Arial,sans-serif;
		color: #3A4CAC;
	}
	#mainTitleFR {
		position:absolute;
		z-index:40;
		top:95px;
		left:260px;
		right:0px;
		text-align:center;
		font:bold 0.9em Verdana,Helvetica,Arial,sans-serif;
		color: #3A4CAC;
	}
	#mainLogo {
		position:absolute;
		z-index:30;
		top:0px;
		left:0px;
		width:260px;
		height:160px;
		overflow:hidden;
	}
	#headLogo { width:260px; height:160px; }
	#mainMenus {
		position:relative;
		clear:both;
		z-index:100;
		width:400px;
		margin:0px auto;
		text-align:center;
	}
		#mainMenus ul ul { display:none; z-index:110; width:340px; }
		#mainMenus ul {
			margin: 0px;
			padding: 0px 20px;
			border-radius: 10px;
			list-style: none;
			position: relative;
			display: inline-block;
			background-color:#3A4DAC;
			width:400px;
		}
		#mainMenus ul li { float: none; display: block; }
		#mainMenus ul li a {
			padding: 5px 10px;
			display: block;
			color: #DDDDFF;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			border-radius: 10px;
			background-color: #5063C4;
		}
		#mainMenus ul li:hover a { color: #FFFFFF;text-decoration: underline; }
		#mainMenus ul li:active > ul li { float: none; display: block; }
		#mainMenus ul li:hover > ul li a { color: #DDDDFF; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #FFFFFF; text-decoration: underline; }
		#mainMenus ul li ul {
			position: relative;
			margin: 0px;
			padding: 0px;
			min-width: 340px;
			background-color:#6176DD;
			-moz-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			-webkit-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
		}
	#mainPageTitle {
		position:relative;
		clear:both;
		z-index:30;
		width:400px;
		margin:0px auto;
		padding:5px 20px;
		text-align:center;
		color:#000000;
		background-color:#EEEEEE;
		font:bold small-caps 1.5em Verdana,Helvetica,Arial,sans-serif;
	}
	#mainPageContent {
		position:relative;
		z-index:20;
		clear:both;
		width:100%;
		margin:0px;
		padding:10px;
	}
	#mainFooter {
		position:relative;
		clear:both;
		z-index:30;
		bottom:0px;
		width:400px;
		height:80px;
		margin:0px auto;
		text-align:center;
	}
	#newsSummary {
		position:relative;
		width:320px;
		text-align:center;
		margin:10px auto;
	}
	#newsSpacer { width:280px; height:20px; }
}

@media (min-width:701px) and (max-width:1000px) {
	#mainHolder {
		position:relative;
		z-index:10;
		width:100%;
		margin:0px auto;
		text-align:left;
		min-height:100%;
		padding:0px;
	}
	#mainHeader {
		position:relative;
		z-index:20;
		width:100%;
		height:160px;
		margin:0px;
		background-image:url('images/HeaderBG.jpg');
		background-size:cover;
		overflow:hidden;
	}
	#mainHeaderLeft {
		position:absolute;
		z-index:25;
		left:0px;
		top:-10px;
		width:84px;
		height:160px;
		overflow:hidden;
		background-image:url('images/HeaderSpectrum.png');
		background-repeat:no-repeat;
	}
	#mainHeaderRight {
		position:absolute;
		z-index:25;
		top:-10px;
		left:160px;
		right:0px;
		height:160px;
		overflow:hidden;
		background-image:url('images/HeaderBeam.png');
		background-repeat:repeat-x;
	}
	#mainTitle {
		position:absolute;
		z-index:40;
		top:5px;
		left:260px;
		right:0px;
		text-align:center;
		font:bold 1.3em Verdana,Helvetica,Arial,sans-serif;
		color: #3A4CAC;
	}
	#mainTitleFR {
		position:absolute;
		z-index:40;
		top:100px;
		left:260px;
		right:0px;
		text-align:center;
		font:bold 1.1em Verdana,Helvetica,Arial,sans-serif;
		color: #3A4CAC;
	}
	#mainLogo {
		position:absolute;
		z-index:30;
		top:0px;
		left:0px;
		width:260px;
		height:160px;
		overflow:hidden;
	}
	#headLogo { width:260px; height:160px; }
	#mainMenus {
		position:relative;
		clear:both;
		z-index:100;
		width:100%;
		background-color:#3A4DAC;
		text-align:center;
	}
		#mainMenus ul ul { display:none; z-index:110; }
		#mainMenus ul li:hover > ul { display:block; }
		#mainMenus ul {
			margin: 0px;
			padding: 0px 20px;
			border-radius: 10px;
			list-style: none;
			position: relative;
			display: inline-block;
		}
		#mainMenus ul li {
			float: left;
			margin: 2px;
			position: relative;
			border-radius: 10px;
			background-color:#5063C4;
			border: 2px solid #5063C4;
		}
		#mainMenus ul li a {
			padding: 5px 10px;
			display: block;
			color: #DDDDFF;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			border-radius: 10px;
			background-color: #6176DD;
			border: 2px solid #000000;
		}
		#mainMenus ul li:hover a { color: #FFFFFF;text-decoration: underline; }
		#mainMenus ul li:hover > ul li, #mainMenus ul li:active > ul li { float: none; display: block; border: 0px; background-color: #6176DD; }
		#mainMenus ul li:hover > ul li a { color: #DDDDFF; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #FFFFFF; text-decoration: underline; }
		#mainMenus ul li ul {
			position: absolute;
			top: 40px;
			left: 0px;
			margin: 0px;
			padding: 0px;
			min-width: 150px;
			background-color:#6176DD;
			border: 2px solid #000000;
			-moz-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			-webkit-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
		}
	#mainPageTitle {
		position:relative;
		clear:both;
		z-index:30;
		width:100%;
		margin:0px;
		padding:5px 20px;
		text-align:center;
		color:#000000;
		background-color:#EEEEEE;
		font:bold small-caps 1.5em Verdana,Helvetica,Arial,sans-serif;
	}
	#mainPageContent {
		position:relative;
		z-index:20;
		clear:both;
		width:100%;
		margin:0px;
		padding:5px 20px 10px;
	}
	#mainFooter {
		position:relative;
		clear:both;
		z-index:30;
		bottom:0px;
		width:600px;
		height:80px;
		margin:0px auto;
		text-align:center;
	}
	#newsSummary {
		position:relative;
		width:400px;
		float:right;
		text-align:center;
		margin:10px;
	}
	#newsSpacer { width:360px; height:20px; }
}

@media (min-width:1001px) {
	#mainHolder {
		position:relative;
		z-index:10;
		width:100%;
		margin:0px auto;
		text-align:left;
		min-height:100%;
		padding:0px;
	}
	#mainHeader {
		position:relative;
		z-index:20;
		width:100%;
		height:200px;
		margin:0px;
		padding:0px;
		overflow:hidden;
		background-image:url('images/HeaderBG.jpg');
		background-size:cover;
	}
	#mainHeaderLeft {
		position:absolute;
		z-index:25;
		left:0px;
		top:0px;
		width:105px;
		height:200px;
		overflow:hidden;
		background-image:url('images/HeaderSpectrum.png');
		background-repeat:no-repeat;
	}
	#mainHeaderRight {
		position:absolute;
		z-index:25;
		top:0px;
		left:200px;
		right:0px;
		height:200px;
		overflow:hidden;
		background-image:url('images/HeaderBeam.png');
		background-repeat:repeat-x;
	}
	#mainTitle {
		position:absolute;
		z-index:40;
		top:5px;
		left:325px;
		right:0px;
		text-align:center;
		font:bold 1.7em Verdana,Helvetica,Arial,sans-serif;
		color: #3A4CAC;
	}
	#mainTitleFR {
		position:absolute;
		z-index:40;
		top:110px;
		left:325px;
		right:0px;
		text-align:center;
		font:bold 1.5em Verdana,Helvetica,Arial,sans-serif;
		color: #3A4CAC;
	}
	#mainLogo {
		position:absolute;
		z-index:30;
		left:0px;
		top:0px;
		width:325px;
		height:200px;
		margin:0px;
		padding:0px;
		line-height:0;
	}
	#headLogo { width:325px; height:200px; }
	#mainMenus {
		position:relative;
		clear:both;
		z-index:100;
		width:100%;
		background-color:#3A4DAC;
		text-align:center;
	}
		#mainMenus ul ul { display:none; z-index:110; }
		#mainMenus ul li:hover > ul { display:block; }
		#mainMenus ul {
			margin: 0px;
			padding: 0px 20px;
			border-radius: 10px;
			list-style: none;
			position: relative;
			display: inline-block;	
		}
		#mainMenus ul li {
			float: left;
			margin: 2px;
			position: relative;
			border-radius: 10px;
			background-color:#5063C4;
			border: 2px solid #5063C4;
		}
		#mainMenus ul li a {
			padding: 5px 10px;
			display: block;
			color: #DDDDFF;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			border-radius: 10px;
			background-color: #6176DD;
			border: 2px solid #000000;
		}
		#mainMenus ul li:hover a { color: #FFFFFF;text-decoration: underline; }
		#mainMenus ul li:hover > ul li, #mainMenus ul li:active > ul li { float: none; display: block; border: 0px; background-color: #6176DD; }
		#mainMenus ul li:hover > ul li a { color: #DDDDFF; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #FFFFFF; text-decoration: underline; }
		#mainMenus ul li ul {
			position: absolute;
			top: 40px;
			left: 0px;
			margin: 0px;
			padding: 0px;
			min-width: 150px;
			background-color:#6176DD;
			border: 2px solid #000000;
			-moz-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			-webkit-box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
			box-shadow:6px 6px 6px 0px rgba(119, 119, 119, 0.55);
		}
	#mainPageTitle {
		position:relative;
		z-index:30;
		width:100%;
		margin:0px;
		padding:5px 20px;
		text-align:center;
		color:#000000;
		background-color:#EEEEEE;
		font:bold small-caps 1.5em Verdana,Helvetica,Arial,sans-serif;
	}
	#mainPageContent {
		position:relative;
		z-index:20;
		width:100%;
		margin:0px;
		padding:10px 40px;
	}
	#mainFooter {
		position:relative;
		clear:both;
		z-index:30;
		bottom:0px;
		width:600px;
		height:80px;
		margin:0px auto;
		text-align:center;
	}
	#newsSummary {
		position:relative;
		width:400px;
		float:right;
		text-align:center;
		margin:0% 0% 1% 1%;
	}
}
#mainFooter {
	display:block;
	font:0.8em/1.6em Arial,Verdana,Helvetica,sans-serif;
	color:#444444;
}
#mainFooter A { text-decoration:none; color:#003366; }
#mainFooter A:hover { text-decoration:underline; color:#3D6FB6; }
#overlayLayer {
	z-index: 10000;
	background-image:url(/images/Shade50.png);
	position:fixed; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
}
#overlayLayer A { color:#FFFFFF; }