/* Page Styles */

body {
background-image: url("images/emperorback.jpg");
background-position: center;
background-repeat: repeat-y;
background-color:#0C4481;
margin:0px;
}
h1  {
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-weight:bold;
	font-size:18px;
	color:#000000;
	margin-top:10px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
}
h2  {
	text-decoration: none;
	font-family: Arial;
	font-weight:bold;
	font-size:14px;
	color:#000000;
	margin:13px 0 15px 0;
}
h3  {
	font-size: 12px;
	font-family: Arial, Helvetica;
	font-weight: normal;
}
h4  {
	text-decoration: none;
	font-family: Arial;
	font-weight:bold;
	font-size:14px;
	color:#000000;
	margin-top:20px;
	margin-bottom:4px;
}
.icons a:link {
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-size:10px;
	color:#0C4481;
	font-weight: bold;
	vertical-align:top;
}
.icons a:hover {
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-size:10px;
	color:#0C4481;
	font-weight: bold;
	vertical-align:top;
}
.icons a:visited {
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-size:10px;
	color:#0C4481;
	font-weight: bold;
	vertical-align:top;
}
body {
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-size:12px;
	color:#000000;
}
body a:link {
	text-align: left;
	text-decoration: underline;
	font-family: Arial;
	font-size:12px;
	color:#0000FF;
}
body a:visited {
	text-align: left;
	text-decoration: underline;
	font-family: Arial;
	font-size:12px;
	color:#0000FF;
}
body a:hover {
	text-align: left;
	text-decoration: underline;
	font-family: Arial;
	font-size:12px;
	color:#FF0000;
}
.emperoraquatics li{
display: inline;
}

.emperoraquatics li a{
float: left;
color: #FFFFFF;
padding: 8px 15px;
text-decoration: none;
margin-top: 0;
border-right: 0px 0;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.emperoraquatics li a:visited{
color: #FFFFFF;
text-decoration: none;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.emperoraquatics li a:hover, .emperoraquatics li .emperoraquatics{
color: #231f75;
text-decoration: none;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
background: url(images/navwhiteroll.jpg);
}
.emperoraquatics{
margin: 0;
padding: 0px;
float: left;
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
width: auto;
border: 0px 0;
border-width: 0px 0;
background: url(images/navblueroll.jpg);
list-style: none;
}
.bluerowHeader {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background-color:#314C79;
color:#FFFFFF;
margin-bottom: 0px;
}
.bluenav1{
	width: 190px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #8C8F93;
	border-size: 1px;
	border-width: 1px;
}
.bluenav1 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.bluenav1 li a, .bluenav1 li a:hover{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(images/blue-nav1.jpg) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 4px 4px 4px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
.bluenav1 li a:link{
	color: #000000;
}
.bluenav1 li a:hover{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-position: 100% -32px;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 4px 4px 4px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
.bluenav1 li a:visited{
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#555555;
	height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 4px 4px 4px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
.bluenav1 li a.selected{
	color: #000000;
	background-position: 100% -64px;
}
TD.spacing {
	text-align: left;
	padding-top:10px;
	padding-left:10px;
	padding-right:6px;
	padding-bottom: 2px;
}
TD.ProductFocus {
	text-align: left;
	padding-top:10px;
	padding-left:10px;
	padding-right:6px;
	padding-bottom: 4px;
	background-color:#D8D0B9;
	border-width:thin
	border-color:#000000
}
p.nav {
	text-align: left;
	text-decoration: none;
	font-family: Arial;
	font-size:14px;
	color:#000000;
	margin-left:6px;
	margin-right:2px;
}
p.nav a:link {
	text-align: left;
	text-decoration: none;
	font-family: Arial;
	font-size:14px;
	color:#000000;
	margin-left:6px;
	margin-right:2px;
}
p.nav a:visited {
	text-align: left;
	text-decoration: none;
	font-family: Arial;
	font-size:14px;
	color:#0000FF;
	margin-left:6px;
	margin-right:2px;
}
p.nav a:hover {
	text-align: left;
	text-decoration: none;
	font-family: Arial;
	font-size:14px;
	color:#EED31D;
	margin-left:6px;
	margin-right:2px;
}
.FooterText {
	text-align: center;
	text-decoration: none;
	font-family: Arial;
	font-size:10px;
	color:#000000;
}

.news {text-align:left; font:10px Arial; color:#231075; text-decoration:none; text-indent:3px;}
.news a:link{text-align:left; font:10px Arial; color:#231075; text-decoration:underline;}
.news a:visited{text-align:left; font:10px Arial; color:#231075; text-decoration:underline;}
.news a:hover{text-align:left; font:10px Arial; color:#FF0000; text-decoration:underline;}

.home {
	text-align: left;
	text-decoration: none;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 0;
	margin: 6px 0 0 5px;
}
.home a:link{
	text-align: left;
	text-decoration: none;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 0;
	margin: 6px 0 0 5px;
}
.home a:visited{
	text-align: left;
	text-decoration: none;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#FFFFFF;
	padding: 0;
	margin: 6px 0 0 5px;
}
.home a:hover{
	text-align: left;
	text-decoration: none;
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#CEE8F7;
	padding: 0;
	margin: 6px 0 0 5px;
}
#newsnav{width:334px; height:20px; float:left; text-indent:5px; margin:0px; padding:0px;}
.newsnav{font:10px Arial, Helvetica, sans-serif; text-align:left; list-style:none; margin:0px; padding:0px; line-height:20px; text-decoration:none;}
.newsnav li{display:block; background-color:#D4D9DF; vertical-align:middle; line-height:20px; text-decoration:none;}
.newsnav li a{color:#231075; display:block; text-decoration:none; font:10px Arial, Helvetica, sans-serif; line-height:20px;}
.newsnav li a:visited{color:#231075; font:10px Arial, Helvetica, sans-serif; vertical-align:middle; line-height:20px; text-decoration:none;}
.newsnav li a:hover /*.newsnav li .newsnav*/{color:#40A5DD; font:10px Arial, Helvetica, sans-serif; background-color:#E6E7E8; line-height:20px; text-decoration:none;}