body { color:black; background:#626262; font: 12pt Georgia, serif; margin:0; padding:0; text-align:center; }

#outer { text-align:left; width: 922px; margin-left:auto; margin-right: auto; padding:0; }
#inner { width:809px; height:1800px; background: white url(../images/page-bg.gif) repeat-y; margin:0; padding:0; }

#header { margin:0 0 0 27px; }
#main { width:526px; margin-left:142px; text-align:left; }

.left-col { float:left; width:259px; padding:11px 0 0 0; }
.right-col { float:right; width:259px; padding:11px 0 0 0; }
.left-col, .right-col, .left-col table td { font:8pt Arial, sans-serif; }

#topnav { background:#2e3191; width:755px; height:18px; text-align:left; font:8pt Arial, sans-serif;  padding-top:2px; margin-left:27px;}/**/
#topnav ul { margin-left: 5px; padding-left: 0; display: inline; } 
#topnav ul li {	margin-left: 0;	margin-bottom: 0;	padding: 0 11px;	list-style: none;	display: inline;	font:bold 8pt Arial, sans-serif;}

#topnav a  { color:white; text-decoration:none; /*margin:0 10px;*/ }
#topnav a:hover { color: #a1bbe3;  }
#topnav a.currentpage { color: #a1bbe3; cursor:default; }

#content-table { width:526px; padding:0; margin:0; }
#content-table td { padding:0;  }
tr#title td { font: bold 10pt "Trebuchet MS", serif;  text-align:left; }
tr#image td {  border:3px solid #2e3191; text-align:center; background:#2e3191; }
tr#image-title td { color:white; background:#2e3191; height:28px; font: bold 8pt Arial, san-serif; padding-left:10px; }
tr#content td { color:white; background:#2e3191; }
tr#content td p { padding:10px; font:8pt Arial, sans-serif; margin:0;}
tr#content td a { color:white; text-decoration:none; }

#content-table tr.content td { color:white; background:#2e3191; }
#content-table tr.content td p { padding:10px; font:8pt Arial, sans-serif; margin:0;}
#content-table tr.content td a { color:white; text-decoration:none; }
#content-table tr.content td a:hover { color:#a1bbe3; text-decoration:underline; }
#content-table tr.image td {  border:3px solid #2e3191; text-align:left; background:#2e3191; padding-top:1px;}
#content-table tr.image td#topimage {  border:3px solid #2e3191; text-align:center; background:#2e3191; padding-top:1px;}
#content-table tr.imagetitle td { padding-left:10px; color:white; background:#2e3191; height:20px; font: bold 8pt Arial, san-serif; }

/* products subnav */
#subnavbar { background:#2e3191; width:755px; height:18px; text-align:center; padding-top:2px; margin-left:27px;}
/*#subnavbar ul { margin-left:0; padding-left: 0; display: inline; } 
#subnavbar ul li { margin-left: 0;	margin-bottom: 0;	padding:0 7px;	list-style: none;	display: inline;	font:bold 8pt Arial, sans-serif;}
#subnavbar a { color:white; text-decoration:none; }
#subnavbar a:hover { color:#a1bbe3; text-decoration:none; }*/

/* system solution pages */
#sys td { background:#2e3191; font:bold 8pt Arial, sans-serif; padding:0; height:16px;}
#sys a { color:white; margin:0; padding:0; text-decoration:none; }
#sys a:hover, .subnav2 a:hover { color:#a1bbe3; text-decoration:none; }
#sys1,#sys2,#sys3 { width:170px; }
#sys1 { text-align:left; padding-left:3px; float:left; }
#sys2 { text-align:center; float:left; }
#sys3 { text-align:right; padding-right:3px; float:right; }

/* component pages */
#comp td { background:#2e3191; font:bold 8pt Arial, sans-serif; padding:0; height:16px;}
#comp a { color:white; margin:0; padding:0; text-decoration:none; }
#comp a:hover, .subnav2 a:hover { color:#a1bbe3; text-decoration:none; }
#comp1 { text-align:left; padding-left:3px; float:left; }
#comp2 { text-align:right; padding-right:3px; float:right; }

/* marx generator pages */
#marxnav td { background:#2e3191; font:bold 8pt Arial, sans-serif; padding:0; height:16px;}
#marxnav a { color:white; margin:0; padding:0; text-decoration:none; }
#marxnav a:hover, .subnav2 a:hover { color:#a1bbe3; text-decoration:none; }
#marx1 { width:106px; text-align:left; padding-left:3px; margin-right:1px; float:left; }
#marx2 { width:105px; text-align:left; float:left; margin-right:1px; }
#marx3 { width:106px; text-align:left; float:left; margin-right:1px; }
#marx4 { width:105px; text-align:left; float:left; margin-right:1px; }
#marx5 { width:94px; text-align:right; padding-right:3px; float:right; }

#content-table .marx-chart { margin-left:3px; width:520px;  }
#content-table .marx-chart td  { padding:1px; font:8pt Arial, sans-serif; vertical-align:middle; text-align:center; height:40px;}
#content-table .marx-chart tr th { color:white; font:bold 8pt Arial, sans-serif;  text-align:center; vertical-align:bottom;}
#content-table .marx-chart tr.toprow td { border-top:1px solid white; }
#content-table .marx-chart tr.bottomrow td { border-bottom:1px solid white; }
#content-table .marx-chart tr.lightblue td { background-color:#238bff;  }
#content-table .marx-chart td.col1 { border-left:1px solid white; width:92px; text-align:left; }
#content-table .marx-chart td.col4 { border-right:1px solid white; }
#content-table .marx-chart .right-col p { padding:5px 0 5px 0; }


.caption { font:italic 8pt Arial, sans-serif; color:#a1bbe3; background:#2e3191; }
.hr { width:520px; text-align:center; height:5px; padding:0; margin-left:3px; }
hr { color:#9698c8; height:1px; }

#footer { color:#2e3191; font:8pt Arial, sans-serif; text-align:center; padding-top:10px; }
#footer a  { color:#2e3191; text-decoration:none; }
#footer a:hover { color:#a1bbe3; text-decoration:underline; }

/* --[[ Main Container ]]-- */
#imouter0 {background-color:#2e3191; width:520px; height:18px; text-align:center; padding-top:2px; margin-left:27px; }

/* --[[ Sub Container ]]-- */
#imenus0 li ul { background-color: #a1bbe3; border-style:solid; border-color:#a2a2a2; border-width:0px 1px;  }/*padding:0 7px;*/

/* --[[ Main Items ]]-- */
#imenus0 li a { display:block; color:#ffffff; text-align:center; font:bold 8pt Arial, sans-serif; text-decoration:none; border-style:none; border-color:#000000; border-width:0px; padding:2px 0; }/**/

/* [hover] - These settings must be duplicated for IE compatibility.*/
#imenus0 li:hover>a {background-color: #2e3191; color:white; }
#imenus0 li a.ihover, .imde imenus0 a:hover {background-color:#2e3191; color:white; }

/* [active] */
#imenus0 li a.iactive {}

/* --[[ Sub Items ]]-- */
#imenus0 ul a {color: #2e3191; text-align:left; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:2px 5px; }
#imenus0 ul a.right {color: #2e3191; text-align:right; font-size:11px; font-weight:normal; text-decoration:none; border-style:none; border-color:#000000; border-width:1px; padding:2px 5px; }

/* [hover] - These settings must be duplicated for IE comptatibility.*/
#imenus0 ul li:hover>a {background-color:transparent; color:#2e3191; text-decoration:underline; }
#imenus0 ul li a.ihover {background-color:transparent; color:#2e3191; text-decoration:underline; }

/* [active] */
#imenus0 ul li a.iactive {background-color:#ffffff; }