body, td
{
	margin: 1em;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8.5pt; /* font sizing in ems, baby. if you want to change anything, just change this.*/ /*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	line-height: 11pt;
	color: #333333;
	background-color: #BABAA9;
}
td
{
	background-color: #ffffff;
}
td.logintable
{
	background-color: #F9F7F2;
	border-top: 1px solid #CCCCFF;
	font-size: 0.6em;
}
td.topbar
{
	background-color: #F9F7F2;
	border-top: 1px solid #CCCCFF;
	font-size: 0.6em;
}
td.maintext
{
	padding: 20 10 20 50;
}
td.clienttext1
{
	padding: 0 10 20 0;
}
td.clienttext2
{
	padding: 0 10 20 50;
}
td.pagetitle
{
	font-size: 1.0em;
	color: #FFFFFF;
	font-weight: bold;
}
td.sectionnavigation
{

	background-color: #ffffff;
	border-bottom: 1px solid #CCCCFF;
}

td.sectionnavigationnone
{

	background-color: #ffffff;
	border-top: 1px solid #CCCCFF;
}
td.featuresol
{

	background-color: #e6e4e7;
	padding: 5;
	color: #666666;
	font-size: 7pt;
	font-family: geneva;
	line-height: 9pt;
}

/*the following classes are to demonstrate better line heights for narrow columns*/
.narrow1
{
	width: 50%;
	line-height: 1.3em;
}
.narrow2
{
	width: 50%;
	line-height: 1.5em;
}

/*typography*/
a
{
	color: #333366;
	text-decoration: none;
}
a:link
{
}
a:visited
{
	color: #666699;
}
a:active
{
}
a:hover
{
	text-decoration: none;
	color: #859B77;
}
h1
{
	font-size: 1.0em;
	font-weight: bold;
	margin: 0em 0em 1em 0em;
	color: #cc0000;
}
h2
{
	font-size: 1.7em;
	margin: 0em 0em 1.2em 0em;
	font-weight: normal;
}
h3
{
	font-weight: bold;
	font-size: 1.4em;
	margin: 0em 0em 1.2em;
	color: #999966;
}
h4
{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0em 0em 1.2em;
	color: #666666;
}
h5
{
	font-size: 1.0em;
	margin: 0em 0em 1em 0em;
	font-weight: bold;
	color: #333366;
}


h6
{
	font-size: 0.9em;
	margin: 0em 0em .5em 0em;
	font-weight: normal;
	color: #666699;
}
img
{
	border: 0;
}
ol, ul, li
{
	/* 	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em;
}
p
{
	font-size: 1em;
	margin: 0em 0em 1.2em;
	line-height: 1.5em;
	text-align: left;
}
p.pad
{
	margin: 1em 1em 1em;

}
p.sectionpad
{
	margin: 2em 2em 2em;

}
p.red
{
	font-size: 1.0em;
	margin: 0em 0em 1em 0em;
	font-weight: bold;
	color: #cc0000;
}
p.teal
{
	font-size: 1.0em;
	margin: 0em 0em 1em 0em;
	font-weight: bold;
	color: #336666;
}
p.green
{
	font-size: 1.0em;
	margin: 0em 0em 1em 0em;
	font-weight: bold;
	color: #336633;
}
p.blue
{
	font-size: 1.0em;
	margin: 0em 0em 1em 0em;
	font-weight: bold;
	color: #003366;
}
p.pink
{
	font-size: 1.0em;
	margin: 0em 0em 1em 0em;
	font-weight: bold;
	color: #660066;
}
p.clientlist
{

	background-color: #ffffff;
	border-bottom: 1px solid #CCCCFF;
	font-size: .8em;
	margin: 0em 0em 0em 0em;
	font-weight: normal;
	line-height: 2.2em;
	vertical-align: super;
}
p.small
{
	font-size: .8em;
	color: #999999;
}

li p
{
	margin-top: 0.2em;
}
pre
{
	/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
}
strong, b
{
	font-weight: bold;
}
a.clientlist
{
	color: #859B77;
	font-size: 1em;
	font-weight: bold;
}
a.sectionnavigation
{
	color: #333366;
	font-size: 1.0em;
	font-weight: bold;
}
a:hover.sectionnavigation
{
	background-color: #ccccff;
	color: #666666;

}

td.casestudylist
{
	padding: 0 0 0 10;
}
a.casestudylist
{
	color: #666666;
	font-size: .75em;
	font-weight: normal;
}
a:hover.casestudylist
{
	color: #859B77;

}
a.nav
{
	color: #333366;
	font-size: 1em;
	font-weight: bold;
}
a:hover.nav
{
	color: #669966;

}
a.subnav
{
	color: #669966;
	font-size: .8em;
	
}
a:hover.subnav
{
	color: #666699;
}
a.nav2
{
	color: #333366;
	font-size: 1em;
	font-weight: bold;
}
a:hover.nav2
{
	color: #993333;

}
a.subnav2
{
	color: #993333;
	font-size: .8em;
	
}
a:hover.subnav2
{
	color: #666699;
}
a.nav3
{
	color: #333366;
	font-size: 1em;
	font-weight: bold;
}
a:hover.nav3
{
	color: #996699;

}
a.subnav3
{
	color: #996699;
	font-size: .8em;
	
}
a:hover.subnav3
{
	color: #666699;
}
a.nav4
{
	color: #333366;
	font-size: 1em;
	font-weight: bold;
}
a:hover.nav4
{
	color: #669999;

}
a.nav5
{
	color: #996666;
	font-size: 1em;
	font-weight: bold;
}
a:hover.nav5
{
	color: #669999;

}
a.industry
{
	color: #333366;
	font-weight: bold;
}
a:hover.industry
{
	color: #996666;
	font-weight: bold;
}
a.clientbutton
{
	color: #333366;
	font-weight: bold;
	font-size: .8em;
	background: #3333cc;
}
span.copyright
{
	color: #666699;
	font-weight: normal;
	font-size: .8em;
}
span.qa
{
	font-size: 1em;
	margin: 0em 0em .5em 0em;
	font-weight: normal;
	color: #666699;
}
