xp {
	margin: 0 }
/*keeps paragraph margin from pushing outside beyond a div's bottom boundary.*/
table {
	font-size: 1em;
	}
p {
	margin-top: 0;
	margin-bottom: 10px;}
a {
	color: #000099;
	text-decoration: none }
a:hover {
	color: #6699cc;
	background-color: #fff }
h1, h2, h3, h4, p, ul, ol, li, div, td {
	font-family: Verdana, Arial, Helvetica, sans-serif }
p, ul, ol, li, div, td {
	xfont-size: 12px;
		font-size: 11px;
	line-height: 1.4em}
h1 {
	font-size: 26px;
	margin-bottom: 18px }
h2 {
	font-size: 21px;
	line-height: 1.2em;
	margin-bottom: 18px }
h3 {
	font-size: 17px;
	line-height: 1.2em;
	margin-top: 0px;
	margin-bottom: 16px}
h4 {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0 }
h5 {
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0 }
h6 {
	font-size: 11px;
	margin-top: 0;
	margin-bottom: 0 }	
xli {
	margin-top: 3px }
.quote {
	font-size: 13px;  
	line-height: 16px; 
	font-style: italic; 
	font-family:Palatino, Palatino Linotype, Times New Roman, Times, serif
	}
.menu{
	background: url(graphics/grayGradient.gif) repeat left top;
	visibility: hidden;
	position: absolute;
	border-style: solid;
	border-width: 1px;
	border-color: white black black}
.menu td{
	padding: 0px 10px 4px 20px}
.menu p {
	margin-bottom: 1px }
.linksDiv {
	background: url(graphics/grayGradient.gif) repeat left top;
	xbackground: red;
	xmargin: -12px -44px 10px 10px;
	margin: 0 0 10px 10px;
	padding: 4px 12px 12px;
	width: 150px;
	float: right;
	display:inline}
.linksDiv p {
	margin-bottom: 1px }
	
.nlinksDiv {
	background: url(graphics/grayGradient.gif) repeat left top;
	xbackground: green;
	margin: 4px 0px 30px 0px;
	padding: 12px 12px 12px;
	width: 160px}
.nlinksDiv p {
	margin-bottom: 1px }		
	
.attribution {
	text-align: right }
.attribution p {
	font-style: normal }
.attribution p:first-line {
	font-weight: bold; font-style: normal }

.indent2 { padding: 0 0 0 2em;}
.inset2 { padding: 0 2em 0 2em; }
.inset3 { padding: 0 3em 0 3em; }
.inset4 { padding: 0 4em 0 4em;}
.center { text-align: center}	
.redfont{
color: red}	
.footergraytext
{
	font-size: 10px;
	line-height: 14px;
	text-align: left;
	color: gray;
	margin-bottom: 14px;
}


/*The comment below hides rules from IE Mac - to prevent it from hanging!*/
/*The invalid table property, height="100%", achieves the 100% effect for IE Mac*/
/* \*/
html, body, framework {
	height: 100% }
/* */
/*The styles below are for a general page. The home page (with Nav Column visible) applies over-rides*/
html {

	background-color: #c8c8c8;
	margin-top: 0;
	padding: 0 }
body {
	color: #222222;
	xbackground-color: #c8c8c8;
	background-color: #ededed;
	background-color: #c8c8c8;
	margin: 0;
	padding: 0 }
#framework {
	background-color: white;
	margin-right: 20px;
	margin-left: 20px }
/*use box-and-fill to place border on top of bottom mask so the absolute navColumn 
doesn't obscure it under IE 5 Win*/
#topLeftCell {
	background: url(graphics/blue2.gif) repeat-y left top;
	vertical-align: top }
#topRightCell {
	background: url(graphics/2RightCream300.gif) repeat-y right top;
	width: 215px }
#bottomLeftCell {
	background: url(graphics/blue2.gif) repeat-y left top;
	vertical-align: bottom }
#bottomRightCell {
	background: url(graphics/2RightCream300.gif) repeat-y right top;
	vertical-align: bottom }
#topLeftMask, #topRightMask {
	background-color: #0000BB;
	padding-bottom: 2px }
#bottomLeftMask, #bottomRightMask {
	background-color: #0000BB;
	padding-top: 2px }
	
#topRightCell, #bottomRightCell, #bottomRightMask {
	width: 2px }
.fill {
	background-color: #c8c8c8;

		height: 16px }
/**/
/*All Styles below are for the StandardPage (with hidden navColumn)*/
/*the Nav column is an absolute div on the StandardPage. On the HomePage, it is in the Top-Left-Cell*/
#navColumn {
	background: url(graphics/grayGradient.gif) repeat left top;
	visibility: hidden;
	position: absolute;
	z-index: 2;
	top: 16px;
	left: 20px;
	width: 213px;
	border-style: solid;
	border-width: 2px 4px 4px 2px;
	border-color: white gray gray white }
#navColumn h4 {
	font-size: 12px;
	line-height: 15px;
	margin: 6px 0 2px }
#navColumn p {
	margin-bottom: 0;
	margin-left: 18px }
#navLogoDiv {
	padding-left: 12px;
	height: 98px;
	xbackground-color: red }
#navLogoDiv img {
	margin-top: 20px;
	margin-bottom: 4px }
#navButtonBar {
	font-size: 12px;
	line-height: 15px;
	background: silver;
	padding-left: 30px;
	height: 15px }
/*to prevent enclosed text from pushing height beyond spec on IE Win, specify line-height <= height*/
/*overflow: hidden would work for Win IE but then Mac IE it will re-interpret width:auto as shrink to content*/
#navContent {
	padding: 6px 0px 10px 12px }
/*why 6px top padding? seems like it should be 12 like #content?*/
#navMinContent {
	margin-left: 2px;
	width: 213px;
	height: 450px }
/*In the StandardPage, the contentColumn (header/buttonBar/content) is in the Left-Top cell*/
/* In the HomePage, the contentColumn is in the Right-Top cell*/
#contentColumn {
	margin-left: 2px }
#headerDiv {
	padding-left: 44px;
	height: 98px }
#k2Logo {
	margin-top: 18px;
	margin-left: -2px }	
#sassLogo{margin-top: 12px}

/* 250 - 215 = 35 overflow. Pull back 35 + margin*/	
#pageTitle{font-size: 23px;
	font-weight: bold;
	text-align:right;
	padding-top: 20px;
	padding-right: 44px;
	width: auto }
	
#buttonBar {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	background-color: silver;
	padding-left: 44px;
	height: 15px}
#buttonBar span{xfont-weight: bold; font-weight:500}
#content {
	padding: 12px 44px 10px }
/*the width below is for singleColumn standard page. Over-ride it on every other page.*/
#minContentWidth {
	font-size: 1px;
	line-height: 0;
	visibility: hidden;
	xbackground: red;
	xwidth:480px;
	xwidth: 693px;
	width: 753px;
	height: 1px }
/**/
/*the rightColumn does not occur on the home page. In the product page, it is in the Right-Top-Cell*/
#rightColumn {
	margin-right: 2px;
	position: absolute;
	width: 213px }
#rightHeaderDiv {
	background-color: white;
	text-align: right;
	padding-right: 10px;
	height: 98px }
#rightHeader {
	padding: 18px 10px 0px 20px }
#rightButtonBar {
	xfont-size: 12px;
	font-size: 1px;	
	line-height: 15px;
	background-color: silver;
	height: 15px }
#rightContent {
	padding: 12px 10px 10px 16px }
#rightMinContent {
	width: 215px;
	height: 450px }
/*footer and rightFooter divs are not contained within contentColumn, navColumn, or rightColumn*/
#footerDiv {
	margin-right: 2px;
	margin-left: 2px;
	padding: 0 44px 6px;
	font-size: 9px;
	font-family: Geneva, Arial, Ohlfs;
	xtext-align: center }
#rightFooterDiv {
	margin-right: 2px;
	padding-left: 12px }
/*IE Win needs font-size and line height specified in order to avoid expanded height. Overflow-hidden would also work, but then IE Mac screws up box model.*/
#menu1Div, #menu2Div, #menu3Div, #menu4Div, #menu5Div {
}
/*test leaving nav visible*/
#xxnavColumn {
	visibility: visible }
#button { xbackground-color: red; position: absolute; left: 80px; top: 70px; 
	width:80px; height: 45px }