/*
light blue --->   #35A6FF
red               #990000

*/
page {
   background-color: white;
}


body {
	margin: 2;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	text-align: center;
	min-height: 400px;
	height:auto;		/* This does however :-)  Welcome to the wonderful world of IE Hacks */
   color: black;
   background-color: white;    
}

#centeringDiv
{
	text-align:center;
	background-color: #35A6FF; /* was blue   other option  ,DDECF3 B8E9FF */
	min-height: 400px;
	width: 100%;
	height:auto; 	/* This does however :-)  Welcome to the wonderful world of IE Hacks */
	padding: 0;
}

#borderDiv
{
	text-align:center;
	background-color: navy;  /* was blue   other option  ,DDECF3 B8E9FF */
	min-height: 400px;
	height:auto; 	/* This does however :-)  Welcome to the wonderful world of IE Hacks */
	padding: 0;
	width: 840;
}

#borderDivWide
{
	text-align:center;
	background-color: navy;  /* was blue   other option  ,DDECF3 B8E9FF */
	min-height: 400px;
	height:auto; 	/* This does however :-)  Welcome to the wonderful world of IE Hacks */
	padding: 0;
	width: 1240;
}


#topMenuBar {
	padding: 0px 0px;			/* OK to put padding here */
	background-color: navy;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 800px;
}

#topMenuBarWide {
	padding: 0px 0px;			/* OK to put padding here */
	background-color: navy;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 1180px;
}


#menuBar {
	padding: 0px 0px;			/* OK to put padding here */
	background-color: navy;
	text-align:center; 
	margin-top: 0px;
	margin-bottom: 0px;
	width: 800px;
}
#menuBarWide {
	padding: 0px 0px;			/* OK to put padding here */
	background-color: navy;
	text-align:center; 
	margin-top: 0px;
	margin-bottom: 0px;
	width: 1180px;
}

#adminBar {
	padding: 0px 0px;			/* OK to put padding here */
	background-color: #35A6FF;
	text-align:center; 
	margin-top: 0px;
	margin-bottom: 0px;
	width: 800px;
	
}
#adminBarWide {
	padding: 0px 0px;			/* OK to put padding here */
	background-color: #35A6FF;
	text-align:center; 
	margin-top: 0px;
	margin-bottom: 0px;
	width: 1180px;
	
}

#secondMenuBar{
	padding: 3px 10px;			/* OK to put padding here */
	background-color: navy;
	text-align:center; 
	margin-top: 0px;
	margin-bottom: 0px;
	width: 800px;
}

#secondMenuBarWide{
	padding: 3px 10px;			/* OK to put padding here */
	background-color: navy;
	text-align:center; 
	margin-top: 0px;
	margin-bottom: 0px;
	width: 1180px;
}

#fourthMenuBar{
	padding: 3px 10px;			/* OK to put padding here */
	background-color: navy;
	text-align:center; 
	margin-top: 0px;
	margin-bottom: 0px;
	width: 800px;
}

#fourthMenuBarWide{
	padding: 3px 10px;			/* OK to put padding here */
	background-color: navy;
	text-align:center; 
	margin-top: 0px;
	margin-bottom: 0px;
	width: 1180px;
}

/*
#pageDetail 
{
	color: black;
	text-align:left; 
	width: 980px;
	background-color: white;
	margin-left: auto; margin-right: auto;
	min-height: 400px;	/* This doesn't work for IE6 and prior */
	/*height:auto;		/* This does however :-)  Welcome to the wonderful world of IE Hacks */
/*}
*/

#help 
{
	color: black;
	text-align:left; 
	width: 800px;
	background-color: white;
	margin-left: auto; margin-right: auto;
	min-height: 400px;	/* This doesn't work for IE6 and prior */
	height:auto;		/* This does however :-)  Welcome to the wonderful world of IE Hacks */
}

#helpWide
{
	color: black;
	text-align:left; 
	width: 1180px;
	background-color: white;
	margin-left: auto; margin-right: auto;
	min-height: 400px;	/* This doesn't work for IE6 and prior */
	height:auto;		/* This does however :-)  Welcome to the wonderful world of IE Hacks */
}

#popupMessages 
{
	color: red;
	text-align:left; 
	width: 800px;
	background-color: white;
	margin-left: auto; margin-right: auto;
	border-width: 3;
}

#errorMessages 
{
	color: red;
	text-align:left; 
	width: 800px;
	background-color: white;
	margin-left: auto; margin-right: auto;
	border-width: 3;
}

#pageDetail 
{
	color: black;
	text-align:left; 
	width: 800px;
	background-color: white;
	margin-left: auto; margin-right: auto;
	min-height: 400px;	/* This doesn't work for IE6 and prior */
	height:auto;		/* This does however :-)  Welcome to the wonderful world of IE Hacks */
}

#pageDetailWide
{
	color: black;
	text-align:center; 
	width: 1180px;
	background-color: #35A6FF;
	margin-left: auto; margin-right: auto;
	min-height: 400px;	/* This doesn't work for IE6 and prior */
	height:auto;		/* This does however :-)  Welcome to the wonderful world of IE Hacks */
}

#pageDetailLarge 
{
	color: black;
	text-align:left; 
	width: 1180px;
	background-color: white;
	margin-left: auto; margin-right: auto;
	min-height: 400px;	/* This doesn't work for IE6 and prior */
	height:auto;		/* This does however :-)  Welcome to the wonderful world of IE Hacks */
}
#helpSmall 
{
	color: black;
	text-align:left; 
	width: 800px;
	background-color: white;
	margin-left: auto; margin-right: auto;
	min-height: 400px;	/* This doesn't work for IE6 and prior */
	height:auto;		/* This does however :-)  Welcome to the wonderful world of IE Hacks */
}

#popupMessagesSmall 
{
	color: red;
	text-align:left; 
	width: 800px;
	background-color: white;
	margin-left: auto; margin-right: auto;
	border-width: 3;
}

#errorMessagesSmall
{
	color: red;
	text-align:left; 
	width: 800px;
	background-color: white;
	margin-left: auto; margin-right: auto;
	border-width: 3;
}


#pageDetailOld 
{
	color: black;
	text-align:left; 
	background-color: white;
	margin-left: auto; margin-right: auto;
	min-height: 400px;	/* This doesn't work for IE6 and prior */
	height:auto;		/* This does however :-)  Welcome to the wonderful world of IE Hacks */
}

#errorContainer{
	background-color: navy;	
	width: 100%;
	color: Red;
	font-size:medium;
}


#footerContainer{
	background-color: #990000;	
	height: 25px;	/* This is what you needed to get the footer to turn red, or some text to give the div some 'matter' */
	float: left;
	width: 800;
}

#footerRight {
	padding: 3px 10px; /* since this is inside a container (footerContainer), this is cross-browser compatable!! */
	color: White;
	font-size: medium;
	text-align:right; 
	float:right;
}

#footerLeft {
	padding: 3px 10px; /* friendly way to pad on the left side */
	color: White;
	font-size: medium;
	text-align:left; 
	float:left;
}

#trace
{
	background-color: white;	
}    
/* ***************************************
	Menu links top row
   ***************************************/
a.menu:link {
	color :white;
	font : bold;
	background-color : navy;
	text-decoration : none;
	font-size:14;
	font-family:Arial;
}

a.menu:visited{
	color : white;
	font : bold;
	text-decoration : none;
	background-color : navy;
	font-size:14;
	font-family:Arial;
}

a.menu:hover{
	color: black;
	background-color : white;  
	font-size:14;
	font-family:Arial;
}


a.selected:LINK {
	color :black;
	font : bold;
	background-color : white;
	text-decoration : none;
	font-size:14;
	font-family:Arial;
}

a.selected:VISITED{
	color : black;
	font : bold;
	text-decoration : none;
	background-color : white;
	font-size:14;
	font-family:Arial;
}

a.selected:HOVER{
	color: black;
	background-color : white;  
	font-size:14;
	font-family:Arial;
}
/* ***************************************
	Menu links third menu
   ***************************************/
a.menuThird:link {
	color :white;
	font : bold;
	background-color : #35A6FF; /*Black*/
	text-decoration : none;
	font-size:14;
	font-family:Arial;
}

a.menuThird:visited{
	color : white;
	font : bold;
	text-decoration : none;
	background-color : #35A6FF; /*Black*/
	font-size:14;
	font-family:Arial;
}

a.menuThird:hover{
	color: blue;
	background-color: #35A6FF; /*Black*/  
	font-size:14;
	font-family:Arial;
}


a.selectedThird:LINK {
	color:Black ;
	font : bold;
	background-color : white; /*Black*/
	text-decoration : none;
	font-size:14;
	font-family:Arial;
}

a.selectedThird:VISITED{
	color : black;
	font : bold;
	text-decoration : none;
	background-color : white; /*Black*/
	font-size:14;
	font-family:Arial;
}

a.selectedThird:HOVER{
	color: black;
	background-color : white; /*Black*/  
	font-size:14;
	font-family:Arial;
}
/* ***************************************
	Menu Left on submenu page
   ***************************************/
a.leftMenu:link {
	color :white;
	font : bold;
	background-color : #35A6FF;
	text-decoration : none;
	font-size:14;
	font-family:Arial;
}

a.leftMenu:visited{
	color : white;
	font : bold;
	text-decoration : none;
	background-color : #35A6FF;
	font-size:14;
	font-family:Arial;
}

a.leftMenu:hover{
	color: black;
	background-color : #35A6FF;  
	font-size:14;
	font-family:Arial;
}


a.leftSelected:LINK {
	color: black; /*#35A6FF*/
	font : bold;
	background-color : white;
	text-decoration : none;
	font-size:14;
	font-family:Arial;
}

a.leftSelected:VISITED{
	color : black;
	font : bold;
	text-decoration : none;
	background-color : white;
	font-size:14;
	font-family:Arial;
}

a.leftSelected:HOVER{
	color: black;
	background-color : white;  
	font-size:14;
	font-family:Arial;
}

/* ***************************************
	Menu links top row
   ***************************************/
a.help {
	color :white;
	font : bold;
	background-color : black;
	text-decoration : none;
	font-size:14;
	font-family:Arial;
}

#organizationHeadingDefault
{
	background-color: navy;
	background-image:url('../img/logoBackground.jpg');
	color: white;
	font-size: x-large;
	font: bold;
	font-style:italic;
	font-family: Comic Sans MS;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 53;
}

#organizationHeading 
{
	background-color: navy;
	color: white;
	font-size: large;
	font: bold;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
}

#organizationHeadingWide
{
	background-color: navy;
	color: white;
	font-size: large;
	font: bold;
	text-align:center;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 1200px;
}

/*	 
*/
#pageHeading {
	background-color: #35A6FF; 
	color: white;
	font-size: medium;
	text-align:center;
	margin: 0 auto;
	width: 800px;
}

#pageHeadingWide {
	background-color: #35A6FF; 
	color: white;
	font-size: medium;
	text-align:center;
	margin: 0 auto;
	width: 1180px;
}

td.mainHeader{
   background-color: #35A6FF; 
	color:white;
	font-size:x-small;
	font-family:Arial;
}

td.error{
   background-color:  white; 
	color:red;
	font-size:small;
	font-family:Arial;
	font-weight: bold;
}

td.itemListHeader{
   background-color:  white; 
	color:blue;
	font-family:Arial;
	font-size:small;
}

font.itemListHeader{
   background-color:  white; 
	color:blue;
	font-family:Arial;
	font-size:small;
}

font.error{
   background-color:  white; 
	color:red;
	font-family:Arial;
	font-size:small;
	font-weight: bold;
}

td.itemListDetail{
   background-color:  white; 
	color: Black;
	font-family:Arial;
	font-size:small;
}

td.menuTop{
   background-color:black; 
}

td.menuLeft{
   background-color: #35A6FF; 
}

td.menuLeftSelected{
   background-color: white; 
}

td.menuSecond{
   background-color:  BLACK; 
}

td.tableHeader{
   background-color:  #35A6FF; 
	color:white;
	font-size: medium ;
	font-family:Arial;
}

td.tableHeaderSilver{
   background-color:  silver; 
	color:white;
	font-size: medium ;
	font-family:Arial;
}

td.page1 {
   color: black;
   background-color: white;    
}

td.page2 {
   color: black;
   background-color: silver;    
}

td.instructionHeading {
   color: black;
   background-color: silver;
   border: =3;    
}


FONT.paragraphHeading{
	color:blue;
	font-size: medium;
	font-family:Arial;
}	

FONT.paragraphHeadingVerySmall{
	color:blue;
	font-size: smaller;
	font-family:Arial;
}

FONT.paragraphSmall{
	color:black;
	font-size: smaller;
	font-family:Arial;
}

FONT.paragraphBold{
	color:black;
	font-size: small;
	font-family:Arial;
	font: bold;
}

table.logon 
{
	background-color: silver;
	color:blue;
	font-family:Arial;
	font-size:x-small ;
}

table.main 
{
	background-color: white;
	width: 800;
}

table.mainWide
{
	background-color: white;
	width: 1100;
}

table.borderColorWide 
{
	background-color: navy;
	width: 1200;
}

ul{
  margin-top: 0px;
  margin-bottom: 0px;
 text-align :left;
}

ol{
  margin-top: 0px;
  margin-bottom: 0px;
 text-align :left;
}

h1
{
	color: blue;
	font-family: Arial;
	font-size:x-large;
	font: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	text-align:center;
}
h2
{
	color: blue;
	font-family: Arial;
	font-size: medium;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:left;
	margin-left:0;
}

h3
{
	color:black;
	font-family:Arial;
	font-size:medium;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:left;
	font: bold;
}
Normal
{
	color:black;
	font-family:Arial;
	font-size:small;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:left;
}

p 
{
	margin:0;
	text-align:left;
	font-family:Arial;
	font-size:x-small;
}

table.borderColor
{
	background-color: Navy;
}
table.backgroundColor
{
	background-color:silver; /*#35A6FF;*/
}

table.footerColor 
{
		background-color: navy;
}