/* No Tables Placement */
body {
 width: 100%;
 height: 100%;
 margin: 0px;
 border: 0px; /* solid red; */
 padding: 0px;
 background-color: rgb(64, 64, 64);
 /* color: white; */
}
div.container {
 width: 100%;
 max-width: 1024px;
/* height: 100%; */
 max-height: 700px;
 margin: 0px;
 border: 0px; /* 5px solid #FFFF00; /* Yellow */
 padding: 0px;
 line-height: 110%;
 font-family: Helvetica, Arial, sans-serif;
 color: white;
/* link="#ccffff"; */
/* vlink="#ffff99"; */
}
div.header {
 width: 100%;
 max-width: 1012px;
 height: 60px;
 padding: 2px;
/* border: 4px solid gray; */
 text-align: center;
}
img.header {
	height: 56px;
	max-width: 100%;
	overflow: hidden;
	margin: 0;
	border: 0;
	padding: 0;
}
/*
h1.header {
 margin-top: 4px
 padding: 2px;
}
*/
div.vnavmenu {
/* float: left; */
 clear: left;
/*
 position: relative;
 top: 0;
 left: 0;
 */
 width: 122px;
 height: 420px;
 margin: 0;
 border: 0; /*1px solid #FFAAD4; /* Pink */
 padding: 0;
/* background: url(images/gold-panel.jpg) no-repeat; */
/*  border-right: 5px solid rgb(216, 216, 166); */
 text-align: center;
/*
 font-family: Verdana;
 font-weight: bold;
 font-size: medium;
*/
}
div.preview {
	position: absolute;
	top: 64px;
	left: 124px;
 margin: 0;
 border: 0;
 padding: 0;
 width: 200px;
 height: 600px;
 overflow: hidden;
 text-align: center;
}
div.view {
	position: absolute;
	top: 64px;
	left: 324px;
 margin: 0;
 border: 0; /* 5px solid #AA00FF; /* Purple */
 padding: 0;
 width: 700px;
 height: 600px;
/* float: right; */
 text-align: center;
 font-weight: bold;
 font-size: medium;
}
div.previewnavbuttons {
 float: left;
 margin: 0;
 border: 0; /* 5px solid #FF7F00; /* Orange */
 padding: 0;
 height: 180px;
 width: 122px;
 clear: left;
 text-align: center;
 font-family: Verdana, Arial, san-serif;
 font-size: x-small;
 font-weight: bold;
}
div.footer {
	position: absolute;
	top: 660px;
 margin: 2px;
 border: 0;
 padding: 0;
 height: 40px;
 /* font-family: Verdana, Arial, sans-serif; */
 font-weight: bold;
 font-size: xx-small;
}
img.validatoricon {
	margin: 0;
	border: 4px;
	border-style: solid;
	border-color: rgb(64, 64, 64);
	padding: 0;
	height: 31px;
	width: 88px;
	vertical-align: middle;
}
img.validatoricon:hover {
        border-style: inset;
	border-color: yellow;
	cursor: pointer;
}
div.left {
  float:left;
/*  left: 10px; */
/*  top: 10px; */
  width:17%;
  margin:0;
  padding:0;
  border-right:5px solid rgb(216, 216, 166);
  text-align: center;
  font-weight:bold;
  font-size:large;
}
div.content {
 position: absolute;
 left: 130px;
 top: 60px;
 width: 700px;
 height: 500px;
/* margin-right:15%; */
/* border-left:1px solid #D4AAFF; */
 border: 0px; /* 5px solid #D4AAFF; */
/* padding:1em; */
/* border: 2px solid #D4AAFF; */
/* background: rgb(0, 51, 0) url(images/black-oval-gold-border.jpg) no-repeat; */
/* background-position: 50% 66%; */
 font-family: Helvetica, Arial, sans-serif;
 font-weight: bold;
}
 a:link    { color: #ccffff }   /* unvisited links */
 a:visited { color: #ffff99 }   /* visited links   */
 a:hover   { color: lime }      /* user hovers     */
 a:active  { color: #ccffff }   /* active links    */
div.contentcell a:link, div.contentcell a:visited {
 color: yellow;
 font-weight: bold;
}
div.contentrow {
 height: 220px;
 border: 0;
/*  border: thick solid blue; */
}
div.contentcolumn-r {
 float: right;  
 margin: 0 0 0 0;
 width: 49%;
 border: 0;
/*  border: 2px solid gray; */
}
div.contentcolumn-l {
  float: left;  
  margin: 0 0 0 0;
  width: 49%;
  border: 0;
/*  border: 2px solid blue; */
}
div.contentcell {
  height: 200px;
  text-align: center;
  font-weight: bold;
  color: yellow;
}
div.contentcellleft {
  top: 0px;
  width: 30%;
  border: 3px solid red;
  text-align: center;
  font-weight: bold;
  color: yellow;
}
div.contentcellright {
  width: 30%;
  margin-left: 50%;
  border: 3px solid yellow;
  text-align: center;
  font-weight: bold;
  color: yellow;
}
div.center {
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}
div.right {
float:right;
width:10%;
height:100%;
margin:0;
padding:1em;
}
div.pagecontent {
/* position: absolute;
 top: 66px;
 left: 120px;
 float: right;
*/
 width: 800px;
 height: 700px;
/* margin-left: 120px; */
/* margin-right:15%; */
/* border-left:1px solid #D4AAFF; */
/* border-right:1px solid #D4AAFF; */
/* padding:1em; */
/* width: 850px; 8/
/* border: 0; */
 margin: 0;
 border: 5px solid #D4D4FF; /* Lavender */
 padding: 0;
}
div.pagecontent a:link, div.pagecontent a:visited {
 color: #AAFFFF;
 font-weight: bold;
}
div.pagetitle {
 text-align: center;
 font-style: italic;
 font-family: arial,helvetica,sans-serif;
}
div.tst-preview {
 height: 130px;
 vertical-align: bottom;
 text-align: center;
 background-color: rgb(0, 51, 0); /* Dark Green */
 border: 1px solid #FF7F00; /* Orange */
}
button.navbutton {
background-image: url(images/greenmarblebutton.jpg);
text-align: center;
font-weight: bold;
color: yellow;
border: 2px groove;
}
td.leftnav {
  font-weight:bold;
  font-size:medium;
  color:white;
}
td.view { 
  background-color: #FAEBD7; /* AntiqueWhite */
  text-align: center;
}
td.preview { 
  background-color:rgb(0, 51, 0); 
  vertical-align: top;
  text-align:center; 
}
img.navbutton {
  margin: 5px;
  border: 0;
  max-height: 40px;
  max-width: 40px;
  cursor: pointer;
}
div.txtnavbutton {
	float: left;
	clear: left;
	margin: 3px;
	border-width: 4px;
	border-style: outset;
	border-color: rgb(0, 51, 0);
	width: 100px;
	height: 30px;
	background-image: url('images/greenmarblebox.jpg');
}
div.txtnavbutton:hover {
        border-style: inset;
	border-color: yellow;
}
a.txtnavbutton {
	float: left;
	clear: left;
	width: 100px;
	height: 30px;
	border-width: 4px;
	border-style: outset;
	border-color: rgb(0, 51, 0);
	background-image: url('images/greenmarblebox.jpg');
	line-height: 220%;
	font-family: Arial;
	font-size: 0.9em;
	font-weight: bold;
	color: yellow;
	text-align: center;
	text-decoration: none;
}
img.sitenavbutton {
  float: left; 
  clear: left; 
  margin: 3px;
  border-width: 4px;
  border-style: outset;
  border-color: rgb(0, 51, 0);
  width: 100px;
  height: 30px;
}
img.sitenavbutton:hover {
        border-style: inset;
	border-color: yellow;
}
img.navbutton-l {
  float: left;
  margin: 5px;
  border: 0;
  max-height: 40px;
  max-width: 40px;
  cursor: pointer;
}
img.navbutton-r {
  float: right;
  margin: 5px;
  border: 0;
  max-height: 40px;
  max-width: 40px;
  cursor: pointer;
}
img.preload {
	display: none;
}