@CHARSET "ISO-8859-1";

body {
font-size:  10;
font-family:  verdana, arial, sans-serif;	
}

.headerBody
{ 
//background	: #003366;
//background-image: url('img/spiHomeBkg.gif');
background-image: url('img/bluesponge100_100.gif');
background	: white;
}
.headerText
{ 
background	: white;
text-align	: center;
vertical-align	: text-bottom;
text-shadow	: yellow;
font-size:  14;
font-family:  arial, "lucida console";
//color	:  #003366;
color	:  black;
}

.headerTextOLD
{ 
background	: white;
position	: absolute;
text-align	: center;
vertical-align	: bottom;
text-shadow	: yellow;
//top		: 56px;
//left		: 40%;
//left		: 405px;
font-size:  18;
font-family:  arial, "lucida console";
color	:  #003366;
}

.headerBar
{ 
background		: #003366;
width			: 100%;
margin: 			0 0 0 0;
}

body
{ 
//background	: #003366;
background		: #5277A6;
width			: 100%;
}

.filler
{ 
background	: #003366;
//background-image: 
//url('img/bluesponge100_100.gif');
//background-repeat: repeat
}
.pageBody
{ 
background	: white;   /* light blue*/
/*background	: #aaccee;   // light blue*/
	/*background	: #D4E1FA;   // light blue*/
	/*background	: #F6F7C1;     /*  // brown   */
/*background	: #EEEFB7;     /*  // brown   */
height: 			100%;
font-size:  11;
/*font-family:  arial, "lucida console";             */
font-family:  Verdana;
}
.pageBodyOLD
{ 
//background	: #003366;
//background-image: url('img/spiHomeBkg.gif');
//background-image: url('img/bluesponge100_100.gif');
//background-position: top;
//background-repeat: repeat;
//background	: white;
//margin-left: 40px;
height: 			100%;
}
.lightBlue
{ 
//background	: #003366;
background		: #5277A6;
}
.menuBar
{ 
background		: yellow;
position	: relative;
top: -10px;
text-align	: center;
color	:  #003366;
vertical-align	: top;
//text-shadow	: yellow;
height : 18px;
/*margin-bottom: 4px; */
width :	100%;
}
ul.menuUl
{
float:left; 
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a.menuA
{
float:left;
width:18em;
text-decoration:none;
color: #003366;       /*  */
/* color:white;       /*  */
background-color: yellow;  /* */
/*background-color:purple;  /* */
padding:0.2em 0.6em;
border-right:1px solid white;
}
a.menuA:hover {background-color:#003366; color: yellow;height:14px; }
li.menuLi {display:inline}

.navBar
{ 
/* background		: #003366;*/
position	: absolute;
text-align	: center;
vertical-align	: top;
//text-shadow	: yellow;
height : 100%;
width :	20%;
top		: 175px;
left		: 8px;
}
.navTable
{ 
background		: yellow;
position	: absolute;
text-align	: center;
//vertical-align	: bottom;
//text-shadow	: yellow;
top		: 50px;
left		: 36px;
}
.sideColumn {
min-width	: 30 px;
width		: (* - 760)/2;
}

h4.hotLinks
{ 
background		: #003366;
color: white;
}

ul.hotLinks
{ 
	position: relative;
	font : bold;
	top: -18;
background		: white;
color: #003366;
margin-top: 0px;
}

.hotLinksCategory
{ 
	position: relative;
	font : bold;
	top: -18;
background		: white;
color: #003366;
}