<style>
<!--

/* Global rules RGB(0,108,210)
----------------------------------*/

fieldset{ border: 0px; }

body	{ 
	margin: 0px;
	padding: 0px; 
	background-color: rgb(245,245,245);     
	text-align: center;
	}

p,ul,ol,*
	{
	color: RGB(0,108,150); 
	font-size: 10pt;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	}

ul {margin-top: 0;}

a {text-decoration: none; color: RGB(0,90,230);}
a img {border: none;}
a:hover {text-decoration: underline}

.blue {color: RGB(0,190,230);}
.hide {display:none;}
.smaller, .smaller a, .smaller u, .smaller b {font-size:8pt;}

code, code p {font-family: tahoma; font-size: 10pt; color: black;}

img.productshot {margin-top:10px;}


/* Containing table 
----------------------------------*/

table {margin: 10px auto; padding: 0;}
td {margin: 0; padding: 0;}
tr#bodyrow {height: 100%;}


/* Top bar (header/logo)
----------------------------------*/

#topbar		{margin: 0; padding: 0; width: 800; height: 95; background-color: rgb(230,230,230);}
#topbar h1 	{float: left; margin: 0; padding: 0;line-height:1px;}


/* Left Menu column

----------------------------------*/

#leftmenu	 {margin: 0; 
		  padding: 0 0 25px 0; 
		  width: 185px; height: 100%; background-color: white; 
	 	  background-image: url("../images/designelements/graydient.jpg");
		 }

#leftmenu p     {margin-left: 12px; margin-right: 12px; padding: 0;}

#leftmenu .menu,
#leftmenu .menu a	{font-family: Arial; color: RGB(0,108,150); text-decoration: none; 
		 	 font-size: 10pt; font-weight: bold;}

#leftmenu p.menu	{margin: 0px 0px 0px 12px; padding: 24px 0 0 0;}

#leftmenu .submenu,
#leftmenu .submenu a	{font-family: Arial;color: RGB(0,108,150); text-decoration: none; 
		 	 font-size: 8pt;}

#leftmenu .submenu a:hover {text-decoration:underline;}

#leftmenu p.submenu	{margin: 4px 0 0 24px; padding: 0px; line-height: 9px;}


#leftmenu .SOLsub,
#leftmenu .TPsub,
#leftmenu .AIsub	{display: none;} /* appropriate submenu display in page <head> styles */


/* Middle Content (main body text)
----------------------------------*/

#middlecontent  {margin: 0; padding: 0 0 20px 0; width: 450px; 
		height: 100%; background-color: white}

#middlecontent p, 
#middlecontent h2, 
#middlecontent h3	{margin: 0; padding: 12px;}

#middlecontent h4, 
#middlecontent h5,
#middlecontent h6	{margin: 0; padding: 12px 12px 0 12px;}

#middlecontent p.smaller {margin: 0; padding: 6px 12px 6px 12px;}

#middlecontent ul, 
#middlecontent ol	{padding-right: 12px;}

#middlecontent p>img, 
#middlecontent h2>img	{margin: 0; padding-top: 12px;} /*Netscape, IE discrepancy hack*/

#middlecontent p code				{display: inline; padding: 0; margin: 0;}
#middlecontent p.codeindent			{margin: 0; padding: 0 0 0 24px;}
#middlecontent p.codeindent2			{margin: 0; padding: 0 0 0 36px;}

#middlecontent table    {background-color: white; border: solid RGB(0,108,150) 1px;
			 padding: 0px; margin: 15px 2px 15px 2px;}

#middlecontent thead 	    {background: #99CCFF;}
#middlecontent tr.darkrow   {background: #EFEFEF;}
#middlecontent tr.darkerrow {background: #99CCFF;}

#middlecontent td, 
#middlecontent th	    {border: none; padding: 0px; vertical-align: top;}

#middlecontent table p,
#middlecontent table b,
#middlecontent table a	{font-size: 8pt;}

#middlecontent thead p	{color: RGB(0,108,210); font-weight: bold;}

#middlecontent th p	{color: RGB(0,108,210); font-size: 8pt; font-weight: normal; 
			 text-align: left;}

#middlecontent th b	{color: RGB(0,108,210); font-size: 8pt; font-weight: bold; 
			 text-align: left;}

#middlecontent div.calloutbox {
	float: right; border: 2px solid; width: 40%; padding: 0;
	background: rgb(245,245,245);
	margin: 12px 12px 6px 6px;
	font-weight:normal;}

#middlecontent div.switchname {clear: left; display: block; float: left; width: 120px; font-style: italic;}

#middlecontent div.switchdef  {display: block; float: left;}

#middlecontent div.fourhundredimageouter {width: 100%; text-align: center; 
					  margin-top: 12px; margin-bottom: 12px;}

#middlecontent div.fourhundredimageinner {width: 400px; margin: auto; text-align: left;}

#middlecontent p.fourhundredimagecaption {margin: 0; padding: 0 0 5px 0; font-weight: bold;}

#middlecontent .readmore {color:RGB(0,108,210);cursor:hand;cursor:pointer;}

#middlecontent .linklist {color:RGB(0,108,210);cursor:hand;cursor:pointer;}

#middlecontent .solutioncathead {border:1px solid; background:rgb(230,230,230); 
				 padding:0px 20px 1px 20px; margin:0 12px 0 12px;}

#middlecontent .solutioncatbul {margin-left:30px;}

#middlecontent .learnmore	{font-family: Arial; color: RGB(0,108,150); 
				text-decoration: none; font-size: 8pt; font-weight: bold; 						border-top:1px solid; border-bottom:1px solid;
				margin: 24px 0 5px 0; padding: 6px 12px 6px 12px;}


/* Right column content (secondary)
----------------------------------*/

#rightcontent	{margin: 0; padding: 0 0 10px 0; width: 165px; height: 100%; 
		 background-color: #FAE6E6;}

#rightcontent p, 
#rightcontent h2, 
#rightcontent h3, 
#rightcontent h4, 
#rightcontent h5, 
#rightcontent h6  {margin: 0; padding: 10px;}

#rightcontent .keypointtitle {font-family: Arial; color: RGB(0,108,150); text-decoration: none; 
			      font-size: 10pt; font-weight: bold; margin-bottom: 10px; margin-top: 25px;
			      border-top: 1px solid; border-bottom: 1px solid;}

#rightcontent .dashlist,
#rightcontent .dashlist b {margin-left: 17px; margin-right: 8px; margin-top: 0; margin-bottom: 10px;
			   text-indent: -7px; font-size: 8pt; font-family: Arial; 			   			   color:RGB(0,108,150); text-decoration: none; padding: 0;}

#rightcontent .tight {margin-bottom: 0px;}

#rightcontent a.dashlist {margin: 0; font-size: 8pt; font-family: Arial;
			  color: RGB(0,108,150); text-decoration: none; padding: 0;}

#rightcontent a:hover {text-decoration: underline}

#rightcontent p.dashlist u {font-size: 8pt; font-family: Arial; color: RGB(0,108,150); 
			    padding: 0;}


/* Right column "benefit bullets" (front page)
-----------------------------------------------*/

#benbulblock 	 {width: 153px; height: 170px; margin: 6px; 
		  background-image: url("../images/designelements/screenbackground.jpg"); 
		  background-repeat: no-repeat; background-attachment: scroll; 
		  background-position: upper left; overflow:hidden; cursor:hand;}

#benbulblock p	 {color:white;padding:0px; margin:0px;}

/* Hover underline removedin 'index.htm' <head> */

#benbulupper 	 {margin:0;padding:0;font-size:14pt;vertical-align:top;}

#benbulupper p	 {font-size:14pt;margin:3px 0 0 3px;}

#benbulupper p.little 	 {font-size:10pt; font-weight:bold;}

#benbullower	 {vertical-align: bottom;text-align:right;margin:0;padding:0;}

#benbullower p	 {text-align:right; font-weight:bold;margin:0 3px 3px 0;}


/* Two Column Layout Right Content (main body text)
---------------------------------------------------*/

#twocolrightcontent	{margin: 0; padding: 0 0 20px 0; width: 615px; 
		      	 height: 100%; background-color: white}

#twocolrightcontent p, 
#twocolrightcontent h2, 
#twocolrightcontent h3 	{margin: 0; padding: 12px;}

#twocolrightcontent h4, 
#twocolrightcontent h5, 
#twocolrightcontent h6 	{margin: 0; padding: 12px 12px 0 12px;}

#twocolrightcontent ul, 
#twocolrightcontent ol	 {padding-right: 12px;}

#twocolrightcontent p>img, 
#twocolrightcontent h2>img {margin: 0; padding-top: 12px;} /*Netscape, IE discrepancy hack*/

#twocolrightcontent p code		{display: inline; padding: 0; margin: 0;}
#twocolrightcontent p.codeindent	{margin: 0; padding: 0 0 0 24px;}
#twocolrightcontent p.codeindent2	{margin: 0; padding: 0 0 0 36px;}

#twocolrightcontent table	{background-color: white; border: solid RGB(0,108,150) 1px;
			 	padding: 0px; margin: 15px 2px 15px 2px;}

#twocolrightcontent thead	 {background: #99CCFF;}
#twocolrightcontent tr.darkrow   {background: #EFEFEF;}
#twocolrightcontent tr.darkerrow {background: #99CCFF;}

#twocolrightcontent td, 
#twocolrightcontent th	 {border: none; padding: 0px; vertical-align: top;}

#twocolrightcontent table p,
#twocolrightcontent table b,
#twocolrightcontent table a    {font-size: 8pt; color: RGB(0,108,150);}

#twocolrightcontent thead p	{color: RGB(0,108,210); font-weight: bold;}
#twocolrightcontent th p	{color: RGB(0,108,210); font-size: 8pt; font-weight: normal; 
			    	 text-align: left;}

#twocolrightcontent th b	{color: RGB(0,108,210); font-size: 8pt; font-weight: bold; 
			    	 text-align: left;}

#twocolrightcontent div.calloutbox {float: right; border: 2px solid; width: 40%; padding: 0;
			       	    background-color: rgb(245,245,245); margin: 12px 12px 6px 6px;}



/* Footer
----------------------------------*/

#footerbar       {margin: 0; padding: 0; width: 800px; height: 30px; 
		  background-color: rgb(245,245,245); border-top: silver 3px solid;}

#footerbar p,
#footerbar a     {text-align: center; vertical-align: bottom; color: rgb(170,170,170); margin: 8;}


/* Title classes
----------------------------------*/

.title, h3		{font-family: Arial;color: RGB(0,108,150);  text-decoration: none; 
	    		font-size: 11pt; font-weight: bold; margin: 0;}

.subtitle, h4 		{font-family: Arial; color: RGB(0,108,150); text-decoration: none; 
	       		font-size: 10pt; font-weight: bold; margin: 0;}

.subsubtitle, h5 	{font-family: Arial; color: RGB(0,108,150); text-decoration: underline; 
		  	font-size: 10pt; font-weight: normal; margin: 0;}

h6, h6 a 		{font-family: Arial; color: RGB(0,108,150); text-decoration: none; 
    			font-size: 8pt; font-weight: bold; margin: 0;}




/* Other classes and IDs
----------------------------------*/

.technotefooter {font-style: italic; padding-top: 20px;}

#magnify {text-align: right; width: 100%;}
#magnify a {font-size: 8pt; color: RGB(0,108,150);}
#magnify img {position: relative; top: 7; margin-right: 5; border: 0;}



/* Dropdown menu styles (jumplist)
----------------------------------*/

#anylinkbuttondiv{
	width: 160px;
	height: 16px;
	margin: 36px 0 36px 9px;
	border: 2px outset;
	background: #FAE6E6 url('../images/designelements/downarrow.gif') no-repeat scroll right;
}

#solutioncatheadbuttondiv{
	border:1px solid; 
	border-top:0;
	background:rgb(230,230,230) url('../images/designelements/downarrow.gif') no-repeat scroll 99%; 
	margin:0 12px 0 12px;
}

#anylinkbuttonanchor{
	display: block;
	margin: 0;
	padding: 0 0 0 3px;
	text-decoration: none;	
	font:  8pt Arial,Verdana,Helvetica,sans-serif;
	color: RGB(0,108,150);
	font-weight: bold;
	line-height: 16px;
	width: 100%;
}

#solutioncatheadbuttonanchor{
	display: block;
	margin: 0;
	padding: 0 0 1px 20px;
	text-decoration: none;	
	color: RGB(0,108,150);
	width: 100%;
}


#solutioncatheadbuttonanchor h4 {padding:0;}

div.anylinkcss{
	position: absolute;
	margin: 3px 0 0 1px;
	visibility: hidden;
	border: 1px solid RGB(0,108,150);
	border-bottom-width:  0;
	line-height: 18px;
	z-index: 100;
	background-color: white;
	width: 180px;
}

div.anylinkcss a{
	width: 100%;
	display: block;
	border-bottom: 1px solid RGB(0,108,150);
	padding: 1px 0;
	color: RGB(0,108,150);
	font: 8pt Arial,Verdana,Helvetica,sans-serif;
	text-decoration: none;
	text-indent: 5px;
}

div.solutioncatcss{
	position: absolute;
	margin: -2px 0 0 20px;
	visibility: hidden;
	border: 1px solid RGB(0,108,150);
	border-bottom-width:  0;
	z-index: 100;
	background-color: white;
	width: 320px;
}

div.solutioncatcss a{
	width: 100%;
	display: block;
	border-bottom: 1px solid RGB(0,108,150);
	color: RGB(0,108,150);
	text-decoration: none;
	text-indent: 5px;
	padding-bottom:1px;
}

.anylinkcss a:hover,
.solutioncatcss a:hover{ 
	background-color: rgb(235,235,235);
	text-decoration: none;
}
}
-->
</style>

