* { -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:justify; }
.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.2em Verdana,Helvetica,Arial,sans-serif;}
.strongUText {font:bold 1.2em 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 {padding:0px;margin:0px;border:0px;table-layout:fixed;}
.newsHeadBG {vertical-align:top;}
.newsTitle {font:bold italic 0.9em Verdana,Helvetica,Arial,sans-serif;}
.newsTable th {font:Bold Italic 1em Verdana,Helvetica,Arial,sans-serif;}
.newsTable td {font:0.7em Verdana,Helvetica,Arial,sans-serif;opacity:0.6;filter:alpha(opacity=60);}
.newsTable td:hover {opacity:1;filter:alpha(opacity=100);}
.newsContent {padding:10px;}
.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: #EEEEEE; 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);}
.headLink {font:bold 1.0em Verdana,Helvetica,Arial,sans-serif; color:#000000; text-decoration:none; display:block;}
.headLink:visited {color:#000000;}
.headLink:hover {color:#660000; text-decoration:none;}
#mainBG {
	position:fixed;
	z-index:0;
	width:100%;
	background-color:#FFFFFF;
}
#searchForm { margin:0px; padding: 5px 10px; }

@media (max-width:480px) {
	#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:70px;
		margin:0px;
		background-color:#444444;
		background-image:url('/images/Header-BG.jpg');
		background-repeat:no-repeat;
		background-attachment:scroll;
		background-position:center;
		background-size:cover;
		overflow:hidden;
	}
	#mainLogo {
		position:absolute;
		z-index:30;
		top:2px;
		left:10px;
		right:10px;
		text-align:center;
	}
	#headLogo { width:100%; max-height:68px; }
	#mainGauge {
		display:none;
	}
	#mainMenus {
		position:relative;
		clear:both;
		z-index:100;
		width:100%;
		margin:0px auto;
		background-color:#444444;
		text-align:center;
	}
		#mainMenus ul ul { display:none; z-index:110; width:260px; }
		#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;
			background-color:#4C4C4C;
			width:320px;
		}
		#mainMenus ul li { float: none; display: block; }
		#mainMenus ul li a {
			padding: 5px 10px;
			display: block;
			color: #FFFFFF;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			border-radius: 10px;
			background-color: #666666;
		}
		#mainMenus ul li:hover a { color: #FFFF66;text-decoration: underline; }
		#mainMenus ul li:hover > ul li, #mainMenus ul li:active > ul li { float: none; display: block; }
		#mainMenus ul li:hover > ul li a { color: #FFFFFF; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #FFFF66; text-decoration: underline; }
		#mainMenus ul li ul {
			position: relative;
			margin: 0px;
			padding: 0px;
			min-width: 260px;
			background-color:#555555;
			-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.2em Verdana,Helvetica,Arial,sans-serif;
	}
	#mainContent {
		position:relative;
		z-index:20;
		width:100%;
		margin:0px;
		padding:10px;
	}
	#mainFooter {
		position:relative;
		clear:both;
		z-index:30;
		bottom:0px;
		width:90%;
		height:60px;
		margin:10px auto;
		text-align:center;
	}
	#newsSummary {
		position:relative;
		width:90%;
		text-align:center;
		margin:10px auto;
		background:#EEEEEE;
	}
	#mainImage {
		display:none;
	}
	#mainText {
		position:relative;
		width:90%;
		margin:10px auto;
	}
}

@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:150px;
		margin:0px;
		background-color:#444444;
		background-image:url('/images/Header-BG.jpg');
		background-repeat:no-repeat;
		background-attachment:scroll;
		background-position:center;
		background-size:cover;
		overflow:hidden;
	}
	#mainLogo {
		position:absolute;
		z-index:30;
		top:2px;
		left:20px;
		right:20px;
		text-align:center;
	}
	#headLogo { width:100%; max-height:148px; }
	#mainGauge {
		display:none;
	}
	#mainMenus {
		position:relative;
		clear:both;
		z-index:100;
		width:100%;
		margin:0px auto;
		background-color:#444444;
		text-align:center;
	}
		#mainMenus ul ul { display:none; z-index:110; width:340px; }
		#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;
			background-color:#4C4C4C;
			width:400px;
		}
		#mainMenus ul li { float: none; display: block; }
		#mainMenus ul li a {
			padding: 5px 10px;
			display: block;
			color: #FFFFFF;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			border-radius: 10px;
			background-color: #666666;
		}
		#mainMenus ul li:hover a { color: #FFFF66;text-decoration: underline; }
		#mainMenus ul li:hover > ul li, #mainMenus ul li:active > ul li { float: none; display: block; }
		#mainMenus ul li:hover > ul li a { color: #FFFFFF; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #FFFF66; text-decoration: underline; }
		#mainMenus ul li ul {
			position: relative;
			margin: 0px;
			padding: 0px;
			min-width: 340px;
			background-color:#555555;
			-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.2em Verdana,Helvetica,Arial,sans-serif;
	}
	#mainContent {
		position:relative;
		z-index:20;
		width:100%;
		margin:0px;
		padding:10px;
	}
	#mainFooter {
		position:relative;
		clear:both;
		z-index:30;
		bottom:0px;
		width:90%;
		height:60px;
		margin:10px auto;
		text-align:center;
	}
	#newsSummary {
		position:relative;
		width:90%;
		text-align:center;
		margin:10px auto;
		background:#EEEEEE;
	}
	#mainImage {
		position:relative;
		width:90%;
		margin:10px auto;
	}
	#mainText {
		position:relative;
		width:90%;
		margin:10px auto;
	}
}

@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:150px;
		margin:0px;
		background-color:#444444;
		background-image:url('/images/Header-BG.jpg');
		background-repeat:no-repeat;
		background-attachment:scroll;
		background-position:center;
		background-size:cover;
		overflow:hidden;
	}
	#mainLogo {
		position:absolute;
		z-index:30;
		top:3px;
		left:20px;
		right:170px;
		text-align:center;
	}
	#headLogo { width:80%; }
	#mainGauge {
		position:absolute;
		z-index:30;
		top:3px;
		right:20px;
		width:150px;
		height:145px;
		text-align:center;
	}
	#headGauge { width:150px; height:145px; }
	#mainMenus {
		position:relative;
		z-index:100;
		width:100%;
		background-color:#444444;
		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;
			background-color:#4C4C4C;
	
		}
		#mainMenus ul li { float: left; position: relative; }
		#mainMenus ul li a {
			padding: 5px 10px;
			display: block;
			color: #FFFFFF;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			border-radius: 10px;
			background-color: #666666;
		}
		#mainMenus ul li:hover a { color: #FFFF66;text-decoration: underline; }
		#mainMenus ul li:hover > ul li, #mainMenus ul li:active > ul li { float: none; display: block; }
		#mainMenus ul li:hover > ul li a { color: #FFFFFF; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #FFFF66; text-decoration: underline; }
		#mainMenus ul li ul {
			position: absolute;
			top: 38px;
			left: 0px;
			margin: 0px;
			padding: 0px;
			min-width: 150px;
			background-color:#555555;
			-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.4em Verdana,Helvetica,Arial,sans-serif;
	}
	#mainContent {
		position:relative;
		z-index:20;
		width:100%;
		margin:0px;
		padding:10px 20px;
	}
	#mainFooter {
		position:relative;
		clear:both;
		z-index:30;
		bottom:0px;
		width:600px;
		height:60px;
		margin:0px auto;
		text-align:center;
	}
	#newsSummary {
		position:relative;
		width:400px;
		float:right;
		text-align:center;
		margin:0px 0px 10px 10px;
		background:#EEEEEE;
	}
	#mainImage {
		position:relative;
		width:auto;
		overflow:hidden;
	}
	#mainText {
		position:relative;
		width:400px;
		float:right;
		clear:right;
	}
}

@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:170px;
		margin:0px;
		background-color:#444444;
		background-image:url('/images/Header-BG.jpg');
		background-repeat:no-repeat;
		background-attachment:scroll;
		background-position:center;
		background-size:cover;
		overflow:hidden;
	}
	#mainLogo {
		position:absolute;
		z-index:30;
		top:5px;
		left:20px;
		right:170px;
		text-align:center;
	}
	#headLogo { height:160px; }
	#mainGauge {
		position:absolute;
		z-index:30;
		top:13px;
		right:20px;
		width:150px;
		height:145px;
		text-align:center;
	}
	#headGauge { width:150px; height:145px; }
	#mainMenus {
		position:relative;
		z-index:100;
		width:100%;
		background-color:#444444;
		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;
			background-color:#4C4C4C;
	
		}
		#mainMenus ul li { float: left; position: relative; }
		#mainMenus ul li a {
			padding: 5px 10px;
			display: block;
			color: #FFFFFF;
			text-decoration: none;
		}
		#mainMenus ul li:hover, #mainMenus ul li:active {
			border-radius: 10px;
			background-color: #666666;
		}
		#mainMenus ul li:hover a { color: #FFFF66;text-decoration: underline; }
		#mainMenus ul li:hover > ul li, #mainMenus ul li:active > ul li { float: none; display: block; }
		#mainMenus ul li:hover > ul li a { color: #FFFFFF; text-decoration: none; }
		#mainMenus ul li:hover > ul li a:hover { color: #FFFF66; text-decoration: underline; }
		#mainMenus ul li ul {
			position: absolute;
			top: 38px;
			left: 0px;
			margin: 0px;
			padding: 0px;
			min-width: 150px;
			background-color:#555555;
			-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;
	}
	#mainContent {
		position:relative;
		z-index:20;
		width:100%;
		margin:0px;
		padding:10px 20px;
	}
	#mainFooter {
		position:relative;
		clear:both;
		z-index:30;
		bottom:0px;
		width:600px;
		height:60px;
		margin:0px auto;
		text-align:center;
	}
	#newsSummary {
		position:relative;
		width:400px;
		float:right;
		text-align:center;
		margin:0px 0px 10px 10px;
		background:#EEEEEE;
	}
	#mainImage {
		position:relative;
		width:auto;
		overflow:hidden;
	}
	#mainText {
		position:relative;
		width:400px;
		float:right;
		clear:right;
	}
}
#mainFooter TD {
	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; }