body  {
	font: 90%  Arial, Helvetica, sans-serif;
	background: url(images/bg_seaTop2.jpg) repeat-x #FFFFFF fixed 0px -1px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; 
	color: #000000;
}

.thrColFixHdr a { text-decoration:underline; color:#FF0000;}
.thrColFixHdr a:hover { text-decoration:underline; color:#990000;}

.thrColFixHdr p {padding: 0 0 10px 0; margin-top: 5px;}
.thrColFixHdr #container { 
	width: 800px;  
	margin: 0 auto;

	text-align: left; 
} 
.thrColFixHdr #header { 
	
	padding: 10px 10px 0 0; 
} 
.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.thrColFixHdr #topnav {}

.thrColFixHdr #topnav ul {
			margin: 0;
			padding: 0; 
			list-style: none;
			height: 25px;
			background: url(images/subNavBg_Red.jpg);
			}
			
.thrColFixHdr #topnav ul li {float: left; width: 19%; padding: 0 0 0 1%;}

.thrColFixHdr #topnav ul li a {display: block; text-decoration: none; color:#FFFFFF; font-size:100%; text-align:center; height: 22px; padding-top: 3px;}
.thrColFixHdr #topnav ul li a.notEnd {background:url(images/topNavDivider.gif) no-repeat right;}
.thrColFixHdr #topnav ul li a:hover {color:#000; margin: 0; }

.thrColFixHdr #colContainer { background:#FFFFFF; margin-top: 0; padding: 0 0 0 10px; overflow: hidden;}
.thrColFixHdr #colContainer #pgHdr {color:#990000; font-size: 130%; padding:5px 10px 5px 0; font-weight: bold;}


.thrColFixHdr #sidebar1 {
	float: left; 
	width: 155px; 
	background: #FFFFFF; 
	padding: 0 15px 15px 0;
	font-weight: bold;}


.thrColFixHdr #mainContent { 
 width: 400px;
  background: #FFFFFF;
	float: left;
	padding: 10px 10px; 
	font-size: 90%;}
	 
.thrColFixHdr #mainContent h1 { color:#003366; margin: 0; padding: 5px 0 0 0; font-size: 120%;}
.thrColFixHdr #mainContent h2 { color:#003366; margin: 0; padding: 5px 0 0 0; font-size: 110%;}

.thrColFixHdr #mainContent ul { margin-top: 2px;}
.thrColFixHdr #mainContent li {margin-bottom: 10px;}

.thrColFixHdr #mainContent table {width: 380px; margin: 10px 0 20px 0;}
.thrColFixHdr #mainContent tr.hdr {background-color:#666666; color:#FFFFFF; margin: 0 0 3px 0;}
.thrColFixHdr #mainContent tr.dark {background-color:#DBDBDB;}
.thrColFixHdr #mainContent tr.light {background-color:#F0F0F0; }
.thrColFixHdr #mainContent td {padding-left: 5px;}



.thrColFixHdr #sidebar2 {
	float: left; 
	width: 175px; 
	background: #FFFFFF; 
	padding: 15px 10px 15px 15px;
}

.thrColFixHdr  #infoBox { margin-bottom: 8px;  }


.thrColFixHdr  #infoBox #infoBoxHdr { 
background:url(images/boxTitleBg_Blue.jpg) repeat-x; 
height:18px; 
padding:2px 0 0 10px;
color:#FFFFFF;
border: 1px solid #003366;
font-size:90%;
}



.thrColFixHdr  #infoBox #infoBoxContent { background:url(images/E8.gif); text-align: center; padding:15px 5px; font-size:75%; }
/* .thrColFixHdr  #infoBox #infoBoxContent img { background:url(images/FF.gif); border: 1px solid #CCCCCC; padding:5px; }*/


/* this to style news box  */
.thrColFixHdr #infoBox #infoBoxContent.news {text-align: left;}
.thrColFixHdr #infoBox #infoBoxContent.news a {text-decoration: underline; font-weight: bold; color:#000033; padding: 0; margin: 0;}
.thrColFixHdr #infoBox #infoBoxContent.news p { border-bottom: 1px solid #ccc;}
/*  end of news box styling */

/* this to style the login box */
.thrColFixHdr  #infoBox #infoBoxHdr.login { background:url(images/boxTitleBg_Red.jpg); border: 1px solid #330000; }




.thrColFixHdr #footer { } 
.thrColFixHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size:70%;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
    left: 0; background: #fff;
}

/* additions by Oz from this point forward */

TABLE.record
{
	font-size: small;
	display:block;
	width:100%;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	margin: 0px 0px 0px 0px;
}

TABLE.record TR TD DIV.title 
{
    background-color:#666666;
    color:#FFFFFF;
    padding-left: 5px;
    font: bold 12px/20px   Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 10px;
}
   
TABLE.record TR TD DIV.subtitle 
{
	display:block;
	color:#666666;
	width:50%;
	border-bottom: solid 1px #cccccc;
	margin: 10px 0px 3px 0px;
}
   
TABLE.record TR TD DIV.row
{
    clear: both;
    width: 100%;
    overflow:hidden;
    padding: 3px 10px 3px 10px;
}
      
TABLE.record TR TD DIV.mandatory
{
	color: #000000;
	width: 35%;
	float: left;
	text-align: right;
}

TABLE.record TR TD DIV.optional
{
	color: #666666;
	width: 35%;
	float: left;
	text-align: right;
}

TABLE.record TR TD DIV.validator
{
	width: 5%;
	float: left;
	color: Red;	
}

TABLE.record TR TD DIV.value
{
	width: 60%; 
	float: left;
}

TABLE.record TR TD DIV.buttons
{
	display:block;
	text-align:center;
	margin: 10px 0px 10px 0px;
}
   
TABLE.record TR TD DIV.message
{
	display:block;
	width: 100%; 
	color:#000033;
	margin: 5px 10px 5px 10px;
}

INPUT.button
{
	width:100px;
}

.digit
{
	border:0 0 0 0;
	padding: 0 0 0 0;
	margin: 0 0 0 0;	
	vertical-align: middle;
}

.ITegrityLogo
{
	border-top: solid 20px #ffffff;
}