@import "/noNN4.css";
/* ^^^^^ styles that would cause problems in Netscape 4.x are in this alternate file */
/* * { background-image : url('/img/hack.gif') !important; } */
/* TD{border-style:dotted;border-width:0px;border-color:#ff00cc;}*/
/*----- type styles -----*/
BODY, TD, TH, TR, TABLE, P, B, I, STRONG, EM, H1, H2, H3, H4, H5, H6, BLOCKQUOTE
			{	font-family : Verdana, Arial, sans-serif;
			}
.smallGrey		{	font-size : 9px !important;
				color : #666666 !important;
			}
.small			{	font-size : 9px;
			}
.whiteLink:link, .whiteLink:hover, .whiteLink:visited, .whiteLink:active
			{	color : #ffffff !important;
				text-decoration : none !important;
				font-size : 10px !important;
			}

/*----- typical link styles -----*/
A:link, A:active, A:visited
			{	text-decoration : underline;
				color : #0C3C6E;
			}
A:hover			{	text-decoration : none;
				color : #0C3C6E;
			}
			
.ANoUnderline:Link, .ANoUnderline:active, .ANoUnderline:visited
{
	text-decoration : none;
	color : #0C3C6E;
}
.ANoUnderline:hover
{
	text-decoration : underline;
	color : #0C3C6E;
}

/*----- page layout -----*/
BODY			{	margin : 0px;
				padding : 0px;
				background-image : url('/img/body_background.gif');
				background-repeat : repeat-y;
			}
.nopad			{	padding : 0px !important;
			}

/*----- page section definitions -----*/
.logoHead		{	background-color : #EAEDF6;
			}
.header			{	background-color : #E0E5F2;
				background-image : url('/Images/header_gradient.gif');
				background-repeat : repeat-y;
				text-align : center;
			}
.rightHead		{	background-color : #E0E5F2;
				text-align : left;
				background-image : url('/Images/locator_background.jpg');
				background-repeat : no-repeat;
				background-position : bottom right;
				padding-bottom : 4px;
			}
			
.rightHead FORM		{	margin : 0px;
				padding : 0px;
			}

.diagonal		{	background-image : url('/Images/diagonal.gif');
				background-color : #BBC6E3;
			}
.disclaimer		{	text-align : center;
				font-size : 10px;
				padding-top : 100px;
				padding-bottom : 5px;
				color : #666666;
			}
.leftbar		{	background-color : #BBC6E3;
			}

/*----- content area styles -----*/
.contentArea		{	color : #333333;
				padding-top : 0px;
				padding-bottom : 0px;
				padding-left : 5px;
				padding-right : 5px;
			}
	.headerCell		{	border-bottom-style : solid;
					border-left-style : none;
					border-top-style : none;
					border-right-style : none;
					border-width : 1px;
					border-color : #0C3C6E;
					padding-bottom : 2px;
				}
	.header1, .title		{	color : #0C3C6E;
					font-size : 14px;
					font-weight : bold;
				}
	.header2		{	color : #666666;
					font-size : 12px;
					font-weight : bold;
					margin-top : 10px !important;
				}
	.t1,.sb9, .sb, .st, .contentArea P, BLOCKQUOTE
				{	font-size : 12px;
					color : #333333;
				}
	.t2, .contentArea LI	{	font-size : 11px !important;
					color : #333333;
				}

	UL LI
				{	list-style-type : square;
					list-style-display : outside;
					margin-left : 0px;
				}
	OL LI
				{	list-style-display : outside;
					margin-left : 0px;
				}
	.contentArea LI IMG	{	border-style : solid;
					border-width : 1px;
					border-color : #999999;
				}
	
	UL,OL			{	margin-top : 0px;
				}
	UL.mf, OL.mf		{	margin-top : -10px;
				}
	
	/* where there are nested lists on a page this rule adds leading white space to keep the entries seperate. */
	UL UL, UL OL, OL OL, OL UL
				{	margin-top : 0px;
				}
	/* hacking old code */
	HR			{	display : none !important;
				}
	.homepagehighlight	{	background-color : #F2F4FA;
					border-style : solid;
					border-width : 1px;
					border-color : #BBC6E3;
					padding : 0px;
				}
	.homepagehighlightarticle
				{	background-color : #FFFFFF;
					border-style : solid;
					border-width : 1px;
					border-color : #BBC6E3;
					padding : 0px;
				}
	.homepagehighlightOver	{	background-color : #EAEDF6;
					border-style : solid;
					border-width : 1px;
					border-color : #6D7AA0;
					padding : 0px;
				}

/*----- right side info boxes -----*/
.rightbar		{	padding-right : 5px;
				padding-top : 5px;
				padding-bottom : 5px
				padding-left : 0px;
			}
	.rightbox
				{	border-style : solid;
					border-width : 1px;
					border-color : #BBC6E3;
					margin-bottom : 5px;
				}
	.rightbox TH
				{	background-color : #BBC6E3;
					color : #0C3C6E;
					font-size : 13px !important;
					font-weight : bold;
					padding : 3px;
					text-align : center;
				}
	.rightbox TD		{	padding : 3px;
				}
	.rightbox P
				{	color : #333333;
					font-size : 11px;
				}
/*----- article insets/sidebar stories -----*/
.articleinset
			{	border-style : solid;
				border-width : 1px;
				border-color : #BBC6E3;
				margin-left : 8px;
				margin-bottom : 5px;
			}
	.articleinset TH	{	background-color : #F7F8FB;
					color : #0C3C6E;
					font-size : 13px !important;
					font-weight : bold;
					padding : 5px;
					padding-bottom : 8px;
					text-align : center;
				}
	.articleinset TD
				{	padding : 5px;
					background-color : #F7F8FB;
				}
	.articleinset P
				{	color : #333333;
					font-size : 11px;
				}
				
	
				
/*----- service banner styles -----*/


#banners		{	font-size : 10px !important;
			}
	#banners A:link, #banners A:hover, #banners A:active, #banners A:visited
				{	/* moved to individual link styles for NN4 */
					/* NN4 needs to die, already... */
				}
	#banners TD		{	width : 33%;
					height : 66px;
				}
	.bannerOne		{	border-style : solid;
					border-width : 0px;
					border-color : #ff0000;
					background-color : #cccccc;
					background-image : url('/Images/banner_payroll2.jpg');
					background-repeat : no-repeat;
				}
	.bannerOneHover
				{	border-style : solid;
					border-width : 0px;
					border-color : #ff0000;
					background-color : #cccccc;
					background-image : url('/Images/banner_payroll2.jpg');
					background-repeat : no-repeat;
					cursor : pointer;
				}
	.bannerOneLink:link, .bannerOneLink:hover, .bannerOneLink:active, .bannerOneLink:visited
				{	color : #ff0000;
					font-size : 10px !important;
					font-weight : bold !important;
					line-height : 11px;
					text-decoration : none;
				}
	.bannerTwo		{	border-style : solid;
					border-width : 0px;
					border-color : #0272AF;
					background-color : #6F8AB5;
					background-image : url('/Images/banner_franchise.jpg');
					background-repeat : no-repeat;
				}
	.bannerTwoHover
				{	border-style : solid;
					border-width : 0px;
					border-color : #0272AF;
					background-color : #6F8AB5;
					background-image : url('/Images/banner_franchise.jpg');
					background-repeat : no-repeat;	
					cursor : pointer;
				}
	.bannerTwoLink:link, .bannerTwoLink:hover, .bannerTwoLink:active, .bannerTwoLink:visited
				{	color : #FFFFFF;
					font-size : 10px !important;
					font-weight : bold !important;
					line-height : 11px;
					text-decoration : none;
				}
	.bannerThree
				{	border-style : solid;
					border-width : 0px;
					border-color : #993333;
					background-color : #FFFFFF;
					background-image : url('/img/banner_smallBiz.jpg');
					background-repeat : no-repeat;
				}
	.bannerThreeHover
				{	border-style : solid;
					border-width : 0px;
					border-color : #993333;
					background-color : #FFFFFF;
					background-image : url('/img/banner_smallBiz.jpg');
					background-repeat : no-repeat;
					cursor : pointer;
				}
	.bannerThreeLink:link, .bannerThreeLink:hover, .bannerThreeLink:active, .bannerThreeLink:visited
				{	color : #993333;
					font-size : 10px !important;
					font-weight : bold !important;
					line-height : 11px;
					text-decoration : none;
				}
	.bannerOneLink:link, .bannerOneLink:hover, .bannerOneLink:active, .bannerOneLink:visited,
	.bannerTwoLink:link, .bannerTwoLink:hover, .bannerTwoLink:active, .bannerTwoLink:visited,
	.bannerThreeLink:link, .bannerThreeLink:hover, .bannerThreeLink:active, .bannerThreeLink:visited
				{	color : #0000ff;
					font-size : 10px !important;
					font-weight : bold !important;
					line-height : 11px;
					text-decoration : underline;
				}



/*----- main navigation styles -----*/
/* there's a lot of repetetive CSS code in here, but it's needed to keep NN4 from chewing everything up */
.mainNav		{	background-color : #EAEDF6;
				font-size : 11px;
			}
	.mainNav .navHome:link, .mainNav .navHome:active, .mainNav .navHome:visited
				{	display : block;
					padding-left : 15px;
					padding-top : 3px;
					padding-bottom : 3px;
					color : #000000;
					text-decoration : none;
					font-weight : bold;
					background-image : url('/Images/nav_level1off.gif');
					background-repeat : no-repeat;
				}
	.mainNav .navHome:hover
				{	display : block;
					padding-left : 15px;
					padding-top : 3px;
					padding-bottom : 3px;
					color : #000000;
					text-decoration : none;
					font-weight : bold;
					background-image : url('/Images/nav_level1off.gif');
					background-repeat : no-repeat;
					background-color : #F7F8FB;
				}
	.mainNav .nav1:link, .mainNav .nav1:active, .mainNav .nav1:visited
				{	display : block;
					padding-left : 15px;
					padding-top : 3px;
					padding-bottom : 3px;
					color : #000000;
					text-decoration : none;
					font-weight : bold;
					background-image : url('/Images/nav_level1off.gif');
					background-repeat : no-repeat;
				}
	.mainNav .nav1:hover
				{	display : block;
					padding-left : 15px;
					padding-top : 3px;
					padding-bottom : 3px;
					color : #000000;
					text-decoration : none;
					font-weight : bold;
					background-image : url('/Images/nav_level1off.gif');
					background-repeat : no-repeat;
					background-color : #F7F8FB;
				}
	.mainNav .active1:link, .mainNav .active1:hover, .mainNav .active1:active, .mainNav .active1:visited
				{	display : block;
					padding-left : 15px;
					padding-top : 3px;
					padding-bottom : 3px;
					color : #000000;
					text-decoration : none;
					font-weight : bold;
					background-repeat : no-repeat;
					background-image : url('/Images/nav_level1on.gif') !important;
					background-color : #F7F8FB !important;
				}
	.mainNav .nav1, .mainNav .active1
				{	border-top-style : solid;
					border-width : 1px;
					border-color : #BBC6E3;
				}
	.mainNav .nav2:link, .mainNav .nav2:active, .mainNav .nav2:visited
				{	display : block;
					padding-left : 26px;
					padding-top : 3px;
					padding-bottom : 3px;
					color : #000000;
					text-decoration : none;
				}
	.mainNav .nav2:hover
				{	display : block;
					padding-left : 26px;
					padding-top : 3px;
					padding-bottom : 3px;
					color : #000000;
					text-decoration : none;
					background-color : #F7F8FB;
				}
	.mainNav .active2:link, .mainNav .active2:hover, .mainNav .active2:active, .mainNav .active2:visited
				{	display : block;
					padding-left : 26px;
					padding-top : 3px;
					padding-bottom : 3px;
					color : #000000;
					text-decoration : none;
					background-image : url('/Images/nav_level2on.gif') !important;
					background-color : #F7F8FB !important;
				}

	.webmail:link, .webmail:hover, .webmail:active, .webmail:visited
				{	display : block;
					padding : 3px;
					margin-top : 5px;
					/* background-color : #EAEDF6 !important; */
					text-align : center;
					font-size : 11px;
					font-weight : bold;
					color : #000000 !important;
					text-decoration : none;
				}

/* subsection navigation styles */
.subsectnav:link, .subsectnav:active, .subsectnav:visited
				{	display : block;
					width : 100%;
					padding : 4px;
					text-align : center;
					font-size : 10px;
					text-decoration : none;
					background-color : #BBC6E3;
					color : #000000;
					font-weight : normal;
					border-style : solid;
					border-width : 1px;
					border-color : #6D7AA0;
				}
.subsectnav:hover		{	display : block;
					width : 100%;
					padding : 4px;
					text-align : center;
					font-size : 10px;
					text-decoration : none;
					background-color : #EAEDF6;
					color : #000000;
					font-weight : normal;
					border-style : solid;
					border-width : 1px;
					border-color : #BBC6E3;
				}
.subsectactive:link, .subsectactive:active, .subsectactive:visited, .subsectactive:hover
				{	display : block;
					width : 100%;
					padding : 4px;
					text-align : center;
					font-size : 10px;
					text-decoration : none;
					background-color : #EAEDF6;
					color : 999999;
					font-weight : bold;
					border-style : solid;
					border-width : 1px;
					border-color : #BBC6E3;
				}
/* service description headers */
.servicehead			{	font-weight : bold;
					color : #0C3C6E !important;
					text-align : left;
					margin-top : 22px;
				}

/* hey look, special styles just for communique too, go figure... */
	/* this is the cell where the masthead goes */
.commhead			{	padding : 0px;
					padding-bottom : 10px;
					text-align : center;
				}
	/* row under mast head with slogan and issue */
.commmast			{	background-color : #000000;
					color : #ffffff;
					font-size : 11px;
					font-weight : bold;
					padding : 3px;
				}
	/* left side bar with menu items */
.commbar			{	background-color : #BBC6E3;
					padding : 1px;
				}
	/* "inside this issue" text on sidebar */
.commbarhead			{	text-align : center;
					font-size : 12px;
					font-weight : bold;
					color : #0C3C6E;
					padding : 5px;
				}
	/* menu items */
.commnav:link, .commnav:active, .commnav:visited
				{	display : block;
					width : 100%;
					padding : 4px;
					text-align : center;
					font-size : 10px;
					text-decoration : none;
					background-color : #BBC6E3;
					color : #000000;
					font-weight : normal;
					border-style : none;
					border-width : 1px;
					border-color : #6D7AA0;
				}
.commnav:hover			{	display : block;
					width : 100%;
					padding : 4px;
					text-align : center;
					font-size : 10px;
					text-decoration : none;
					background-color : #EAEDF6;
					color : #000000;
					font-weight : normal;
					border-style : none;
					border-width : 1px;
					border-color : #BBC6E3;
				}
.commbar .wrapper		{	border-style : solid;
					padding : 0px;
					border-width : 1px;
					border-color : #6D7AA0;
					margin-top : 15px;
					width : 123px;
				}
.commbar IMG			{	margin-top : 0px;
				}
.commbar .caption		{	width : 100%;
					padding : 5px;
					margin-top : 0px;
					font-size : 10px;
					font-style : italic;
				}
	/* menu item for current page */
.commactive:link, .commactive:active, .commactive:visited, .commactive:hover
				{	display : block;
					width : 100%;
					padding : 4px;
					text-align : center;
					font-size : 10px;
					text-decoration : none;
					background-color : #EAEDF6;
					color : 999999;
					font-weight : bold;
					border-style : none;
					border-width : 1px;
					border-color : #BBC6E3;
				}
.rightad			{	border-style : solid !important;
					border-color : #BBC6E3;
					border-width : 1px;
					margin-bottom : 5px;
					background-color : #F7F8FB;
				}
	.rightadHead		{	font-size : 10px;
					font-weight : bold;
					margin-bottom : 3px;
				}
	.rightadBody		{	font-size : 9px;
					color : #666666;
				}
	.rightadLink:link, .rightadLink:hover, .rightadLink:active, .rightadLink:visited
				{	font-size : 9px;
				}

/* esolutions login styles */
.eSolutionsLogin
			{	background-color : #BBC6E3;
			}
	.eSolutionsLogin FORM
				{	padding : 0px;
					margin : 0px;
				}
	.eSolLoginTablehead	{	font-size : 10px;
					color : #000000;
					font-weight : bold;
					text-align : center;
					background-color : #BBC6E3;
				}
	.eSolLoginTablecell	{	font-size : 9px !important;
					color : #000000;
					text-align : left;
				}
	.eSolutionsLogin INPUT	{	width : 85%;
					font-size : 10px !important;
					height : 18px;
				}
	.eSolutionsLogin select	{	width : 100%;
					font-size : 11px !important;
					height : 18px;
				}
	.eSolutionsLogin .button{	width : 65px;
			        height : 20px;
					background-color : #EAEDF6;
					font-size : 9px !important;
					font-weight: bold;
				}
				
/* look, up in the sky. is it a bird? is it a plane? no, it's SUPERBANNER! */
#superbanner		{	background-color : #EAEDF6;
				border-style : solid;
				border-color : #EAEDF6;
				border-width : 1px;
				padding : 5px;
			}
.skyscraper		{	display : block;
				margin-bottom : 5px;
			}

/* redesign the homepage so it doesn't look like anything else on the site? okay! */
.hpbanners		{	background-image : url(/img/hp_head_bgtile.gif);
				background-repeat : repeat-y;
				background-color : #E0E5F2;
			}
			
/*stylesheet to display button style and textboxes*/
.buttonStyle 
	{
		border: 1 solid #000000; 
		width: 100px; 
		background-color: #EAEDF6; 
		font-size: 9px !important;
	}
	
.textBoxBorder 
	{
		border: 1 solid #000000; 
		font-family: Arial; 
		font-size: 8pt; 
		width:175
	}
	
.title1 
	{
		font-size: 14px; 
		font-weight: bold; 
		color: #335C99;
	}