/* margin 2% give a small shift at right and left. To remove it either remove margin or put it as 0% */

body 
{
  background-color: #EEEEEE;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
  margin: 0px 2%;
  padding: 0px;
}

/* Table properties start here. There are two ID tables and 6 classes. 
#MainTable
#LogoTable
.ContentTable
.RightTable
.LeftTable
.InnerTable
.CenterTable
.Foottable
*/

/* MainTable. Change the border px and color to get any color for the out table border. 
Given 1 px and black. #000000 */

table
{
	border-collapse: collapse;
}

#MainTable
{
	margin-left: auto;
	margin-right: auto;
	border:1px solid #000000;
	width: 100%;
	border-collapse: collapse;	
}

#LogoTable
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}

.ContentTable
{
	width: 100%;
	border:0px solid #000000;
	border-collapse: collapse;
}

.LeftTable
{
	width: 100%;
	border:1px solid #000000;
	border-collapse: collapse;
}

.CenterTable
{
	width: 100%;
	border:1px solid #000000;
	border-collapse: collapse;
}

.RightTable
{
	width: 100%;
	border:1px solid #000000;
	border-collapse: collapse;
}

.InnerTable
{
	width: 100%;
	border:1px solid #000000;
	border-collapse: collapse;
}

.FootTable
{
	width: 100%;
	border:1px solid #000000;
  background: #738fbf;
	border-collapse: collapse;
}

.searchTable
{
/*
	width: 100%;
  background: #cccccc;
  */
	border: 5px solid #0000ff;
}

td 
{
	font-size: 12px;
 /*
 line-height: 130%;
 letter-spacing: 0.5em;
 */
}

/* background color for the entire page. #EEEEEE, light ash color. change this to get any color. */

.PageBgColor
{
	background-color: #EEEEEE;
}

/* The background color in the logo header */

.LogoCell
{
	background-image:url('./images/td1.gif');
  width:100%;
	height:80px;
}

/*
.PintLogo
{
	background-image:url('./images/pintlogo-3.gif');
	background-repeat:no-repeat;
	width:20%;
	height:76px;
	cursor:pointer;
	cursor:hand;
}
*/

.PintLogo
{
	background-image:url('./images/pint-logo-new-3.gif');
	background-repeat:no-repeat;
	width:100%;
	height:80px;
	cursor:pointer;
	cursor:hand;
}

.LinkCell
{
	border-top:1px solid black;
	border-bottom:1px solid black;
  /*
	background: #738fbf;
  */
  background-image:url('./images/my-bg-6.gif');
  background-repeat:repeat-x;
	width: 100%;
}

.ContentLeftColumn
{
	width: 20%;
	vertical-align: top;
}

.ContentCenterColumn
{
	width: 60%;
	vertical-align: top;
}

.ContentSearchLeftColumn
{
	width: 20%;
	vertical-align: top;
}

.ContentSearchCenterColumn
{
	width: 80%;
	vertical-align: top;
}

.ContentRightColumn
{
	width: 100%;
	vertical-align: top;
}

.PortalSpacerColumn
{
	background-image:url('./images/spacer.gif');
	white-space: nowrap; 	
}

.BoxHeading
{
	font-weight: bold;
	text-align: center; 
	vertical-align: top;
  /*
  background: #738fbf;
  */
  background-image:url('./images/my-bg-5.gif');
  background-repeat:repeat-x;
	border:1px solid #000000;
	width: 100%;
	white-space: nowrap; 
}

.BoxSubHeading
{
	font-weight: bold;
	text-align: center; 
	vertical-align: top;
  background: #e8e8f6;
	border:1px solid #000000;
	width: 100%;
	white-space: nowrap; 
}

.BoxContents
{
	background-color: #FFFFFF;
	width: 100%;
}


.BoxContent
{
	background-color: #eeeeee;
	width: 100%;
}

.navcontainer {width: 100%;}

.navcontainer ul {
width: 150px;
margin: 5px;
padding: 0px 0px 0px 1px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

.navcontainer a {
display: block;
line-height: 12px;
padding: 3px;
width: 160px;
background-color: #000000;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}

.navcontainer a:link, .navlist a:visited {
background-color: #e4e4f9;
color: #000;
text-decoration: none;
}

.navcontainer a:hover {
/*
background-color: #9ca9c0;
*/
background-color: #4F75F2;
border-top: 1px solid #0A246A;
border-left: 1px solid #0A246A;
color: #fff;
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top:1px;
	margin-right:0px;
	margin-bottom:1px;
	margin-left:0px;	
	color: #000000;
}

ul
{
 	margin-right: 0px;
	padding-right: 0px; 
 	margin-left: 14px;
	padding-left: 5px; 
 	margin-bottom: 2px;
	padding-bottom: 2px;
 	margin-top: 2px;
	padding-top: 2px;
  font-wight: bold;
}

a.Small
{
	font-size: 75%;
}

a.Important:Link
{
	color: #990000;
}

a.SystemAdmin:Link
{
	font-weight: bold;
	color: #990000;
}

.SystemAdmin
{
	font-weight: bold;
	color: #990000;
}

a.SiteAdmin:Link
{
	font-weight: bold;
}

.SiteAdmin
{
	font-weight: bold;
}

a:visited {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: underline;
}
a:link {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #000066;
  background-color: #9999ff;
	text-decoration: none;
}
input {
	font-size : 12px;
}

textarea {
	font-size : 12px;
}

.Spacer
{
	background-color: #999999;
	height: 1px;
	background-image:url('./images/spacer.gif');
}


/*overriding alignments 1 through 9 as on a calculator*/
.alignLeft 
{
	text-align: left;
}

.alignCenter
{
	text-align: center;

}

.alignJustify 
{
	text-align: justify;
  line-height: 18pt;
}

.align2 
{
	text-align: center; vertical-align: bottom
}

.align3 
{
	text-align: right; vertical-align: bottom
}

.align4 
{
	text-align: left; vertical-align: middle
}

.align5
{
	text-align: center; 
	vertical-align: middle;
}

.align6 
{
	text-align: right; vertical-align: middle
}

.align7 
{
	text-align: left; vertical-align: top
}

.align8 
{
	text-align: center; vertical-align: top
}

.align9
{
	text-align: right; vertical-align: top
}

.searchSmallCaption { 
		color: #0000FF;
    background-color: #cccccc;
		font-family: "Arial", "Helvetica", "sans-serif";	
		font-size: 14px; 
}

.searchCellLeft1 {
  border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
  background-color: #cccccc;
  text-align: right;
}
.searchCellMiddle1 {
border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
  background-color: #cccccc;
  text-align: left;
}

.searchCellRight1 {
border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
  background-color: #cccccc;
  text-align: center;
}

.searchCellLeft2 {
border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
  background-color: #cccccc;
  text-align: right;
}
.searchCellMiddle2 {
border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
  background-color: #cccccc;
  text-align: left;
}

.searchCellRight2 {
border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
  background-color: #cccccc;
  text-align: center;
}

input { 
	font-family: "Arial", "Helvetica", "sans-serif"; 
	font-size: 11px; 
      }
input.reset {
		color: #000000;
		font-family: "Arial", "Helvetica", "sans-serif";
		font-size: 100%;
		font-weight : bold;
		background-color : #cccccc;
	    }

input.submit {
		color: #000000;
		font-family: "Arial", "Helvetica", "sans-serif";
		font-size: 100%;
		font-weight : bold;
		background-color : #cccccc;
	    }
.smallheadblue{
color: blue;
text-decoration: underline;
font-weight: bold;
}
.smallheadbrown{
color: #ff7700;
font-size: 18px;
text-align: right;
text-decoration: none;
font-weight: bold;
}