/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
BJM NOTES:
* html body				Only IE v4-6 will see this because of the star selector
html > body #pagemain	Normal browsers (not IE v4-6) will see this because of the child selector

Firefox adds the padding to the height. IE includes it in the height.


bjm5 = I had to muck with the height of pagetail in IE.  Firefox adds the padding to 
the height - in effect giving me 25px + 5px = 30px total.  IE includes it in 
the height keeping the total height at 25px.
This descrepency would mess me up when I set the bottom of pagenav and pagemain.
So, I added this to deal with the problem.

bjm6 = Put in a width for phright - I get a warning (not an error) on validation 
otherwise.  But, if I put in a width of 40%, phaddress and phmenu get pushed off 
page.  I think this is because I have 'left' set in phleft and 'right' set in 
phright, so things get squeezed out.  So, I set it a tad smaller than 40%.

bjm7 = I set padding-bottom to 0 because in FF3, I'm unable to give myself padding 
at the bottom.  By removing the padding here and adding a <br />, I will have some 
space at the bottom in all browsers
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* commented backslash hack \*/ 
html, body
{
	height:		100%;
	overflow:	hidden;
}
/* end mac hack */ 

body
{
	margin:				0;
	padding:			0;
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	font-size:			11pt;
	color:				#000000;
	background-color:	#000000;
}

* html body
{
	height:				100%;
	margin:				0;
	padding:			140px 0 2px 0;
}

#pagehead
{
	position:			relative;
	width:				100%;
	height:				140px;
	font-weight:		bold;
	background-color:	#7EB6FF;
}

* html #pagehead
{
	position:			absolute;
	top:				0;
	left:				0;
}

html>body #pagemain
{
	position:			absolute;
	overflow:			auto;
	top:				140px;
	left:				172px;
	right:				0;
	bottom:				2px;
	padding:			10px;
	background-color:	#CAE1FF;
}

* html #pagemain
{
	position:			relative;
	height:				100%;
	margin:				0 0 0 150px;
	padding:			10px 10px 0 10px;	/* bjm7 */
	overflow:			auto;
	z-index:			100;
	background-color:	#CAE1FF;
}

html>body #pagenav
{
	position:			absolute;
	overflow:			auto;
	top:				140px;
	left:				0;
	width:				150px;
	bottom:				2px;
	padding:			10px;
	background-color:	#1874CD;
}

* html #pagenav
{
	float:				left;
	height:				100%;
	width:				150px;
	margin-left:		0;
	padding:			10px 10px 0 10px;
	overflow:			auto;
	position:			relative;
	z-index:			100;
	background-color:	#1874CD;
}

#pagetail
{
	position:			absolute;
	bottom:				0;
	width:				100%;
	height:				25px;
	padding-top:		5px;
	padding-left:		10px;
	background-color:	#FFE303;
}



* html #pagetail	/*** bjm5 ***/
{
	height:				30px;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#phleft
{
	position:			relative;
	top:				10px;
	left:				25%;
	float:				left;
	width:				100%;
	height:				80px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

a:link
{
	color:				#FFFFFF;
	font-weight:		bold;
	text-decoration:	none;
}

a:visited
{
	color:				#FFFFFF;
	font-weight:		bold;
	text-decoration:	none;
}

a:hover
{
	color:				#FFFFFF;
	background-color:	#26466D;
	text-decoration:	none;
}

#pagehead a
{
	text-decoration:	none;
	background-color:	#7EB6FF;
}

#pagemain a
{
	text-decoration:	none;
	color:				#003EFF;
}

#pagemain a:hover
{
	text-decoration:	none;
	color:				#FFFFFF;
	background-color:	#CAE1FF;
}

a:active
{
	color:				#FFFFFF;
	text-decoration:	none;
}

ul
{
	margin-top:			-10px;
	margin-bottom:		0px;
}


table
{ 
	margin-left:		auto;
	margin-right:		auto;
}