BODY		    { color: #000088; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #fff; background-image: url("Pattern-1.gif"); background-repeat: repeat-y; margin: 0 auto }
.Navleft	{/*The navigation on the left side, positioned absolutely*/
		    position: absolute;
		    top: 120px;
		    left: 3px;
		    width: 135px;
		    height: auto;
		    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		    line-height: 110%;/*line-height set to 110% in order to*/
		    }                  /*have the navigation elements better separated*/
.titlebar	  { font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; background: #ffffff; margin-top: 0; margin-right: 0; margin-left: 0; padding-top: 4px; padding-bottom: 2px; width: auto }
.Content	    { color: #2e3892; font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; background: #fff; margin-top: 0; margin-right: 0; margin-left: 0; padding: 0; width: auto; border: solid 0 }
.Content a	 { background: #fff; float: none; clear: both }
.Content a span	 { background: #fff; float: none; clear: both }
.Content a:hover	 { background: #fff; float: none; clear: both }
.Content a:hover span	 { background: #fff; float: none; clear: both }
.Header		{
			margin-top: 10px;
			margin-left: 20px;
			} 
.HCspace	 { background-color: transparent; background-image: url("Pattern1X.gif"); background-repeat: repeat-x; margin-top: 100px; margin-left: 160px; position: absolute; z-index: 1 }
.footer		  { color: #2e3892; font-size: 12px; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; background: #ffffff; text-align: center; margin-top: 40px; margin-right: 20px; margin-left: 20px; padding: 2px; border: solid 3px }
.navbox		{/*button-like box for the left-side navigation*/
			font-size: 15px;/*readability for the links*/
			font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
			background-color: #003399;
			border-color: #FF6633;
			border-style: groove;
			border-width: 2px;
			padding: 1px;
			margin: 2px;
			}
IMG.displayed	{
			display: block;
			margin-left: auto;
			margin-right: auto;
			background: #FFFFFF
			}
P, OL, UL, DL {font-size: 13px;}/*font-family is already defined, here I only set the font-size*/
P OL, P UL, P DL, OL UL {font-size: 13px;}/*and here the I prevent the incredible shrinking text*/
        
.six	{font-size: 11px; 
		color: #999999; /*this is for small text*/
		background: transparent;}
.mit	{text-align: justify;}/*justified text*/
.red	{color: #FF0000; background: #FFFFFF;}
.mint	{color: #009999; background: #FFFFFF;}
.ROT	{font-size: 16px; /*also red, but bigger and in bold*/
		color: #FF0000; 
		font-weight: 600; 
		background: #FFFFFF;}
    
a:link	    { color: #2e3892; text-decoration: none; background: #fff }
a:visited   { color: blue; text-decoration: none; background: #fff }
a:hover  { color: #dc143c; text-decoration: underline; background: #ccc }

/*now follow the section links in the navigation bar on the left side*/        
a.nav:link	{
		color: #FFFFFF; 
		text-decoration: none; 
		font-weight: 600; 
		font-size: 14px; 
		background-color: #003399;
		background: solid;}
a.nav:visited {
		color: #FF8C00; 
		text-decoration: none;
		font-weight: 600; 
		font-size: 14px; 
		background-color: #003399;
		background: transparent;}
a.nav:hover { 
		color: #7FFFD4; 
		text-decoration : none; 
		font-weight: 600; 
		font-size:14px; 
		background-color: #003399;
		background: transparent;}
a.navtot {/*the style for the actual page*/
		color: #CDCDCD; 
		text-decoration: none; 
		font-weight: 600; 
		font-size: 14px; 
		background-color: #003399;
		background: transparent;}

/*these are the sub-section links in the navigation bar on the left side*/ 
a.nav2:link  { color: #fff; font-size: 16px; font-family: Arial; font-weight: bold; text-decoration: none; background: #2e3892; margin-left: 6px }
a.nav2:visited  { color: #dcdcdc; font-size: 16px; font-family: Arial; font-weight: bold; text-decoration: none; background: #2e3892; margin-left: 6px }
a.nav2:hover  { color: #dc143c; font-size: 16px; font-family: Arial; font-weight: bold; text-decoration: none; background: #2e3892; margin-left: 6px }
a.navtot2 {
		color: #CDCDCD; 
		text-decoration: none; 
		font-weight: 400; 
		font-size: 13px; 
		margin-left: 6px; 
		background: transparent;}/*the actual page*/

/*link properties for individual pages*/        
a.nav3:link   { color: #2e3892; font-size: 14px; font-weight: 600; text-decoration: underline; background-color: #ccc }
a.nav3:visited  { color: #0000ff; font-size: 14px; font-weight: 600; text-decoration: underline; background-color: #ccc }
a.nav3:hover  { color: #ff0000; font-size: 14px; font-weight: 600; text-decoration: underline; background-color: #ccc }
a.navtot3 {/*the style for the actual page*/
		color: #CDCDCD; 
		text-decoration: none; 
		font-weight: 600; 
		font-size: 14px; 
		background-color: #66FF33;}

/*link properties for individual product*/        
a.navprod:link   { color: #2e3892; font-size: 12pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #ccc }
a.navprod:visited    { color: #2e3892; font-size: 12pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #ccc }
a.navprod:hover  { color: #ff0000; font-size: 12pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #ccc }
a.navtotprod {/*the style for the actual page*/
		color: #CDCDCD; 
		text-decoration: none; 
		font-weight: bold; 
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		background-color: #66FF33;}

hr.lgbl  { color: #ccc; height: 5px }
table.main	    { background-color: #ffffff; margin-right: 0; width: 100%; clear: both; border: solid 3px #2e3892; outline: solid 3px #2e3892 }
table.mainTOP	  { background-color: #ffffff; width: 100%; clear: both; border: solid 3px #2e3892 }
table.mainLOWER	  { background-color: #ffffff; width: 100%; clear: both; border-style: solid; border-width: 0 3px 3px; border-color: #2e3892 }
table.pagetitle	   { background-color: #ffffff; width: 100%; border: solid 3px #2e3892 }
td.pagetitle	   { color: #ccc; font-size: 18pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #2e3892; text-align: center; padding-top: 4px; padding-bottom: 4px; width: 100% }
td.2xpixclix	{
		width: 50%;
		padding-top: 10px;
		padding-bottom: 10px;
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;
		color: #0000FF;
		background-color:#FFFFFF;}
td.mdl2x	{
		width: 50%;		
		padding-top: 8px;
		padding-bottom: 8px;
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;
		color: #0000FF;
		background-color: #66FF33;}
td.3xpixclix	{
		clear: both;
		align: center;
		width: 33%;
		padding-top: 10px;
		padding-bottom: 10px;
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;
		color: #0000FF;
		background-color:#FFFFFF;}
td.mdl3x	  { color: #2e3892; font-size: 12pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #ccc; text-align: center; padding-top: 8px; padding-bottom: 8px; width: 33% }
p.3xpixclix	{
		width: 95%;
		padding-top: 10px;
		padding-bottom: 10px;
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
		text-align: left;
		color: #0000FF;
		background-color:#FFFFFF;}
td.4xpixclix	      { background-color: white; padding: 1px; clear: both; border: solid 0; outline: solid 0 #2e3892; -moz-border-radius:  }
td.mdl4x	  { color: #2e3892; font-size: 12pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #ccc; text-align: center; padding-top: 8px; padding-bottom: 8px; width: 25% }
td.mdl5x	   { color: #2e3892; font-size: 12pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #ccc; text-align: center; padding-top: 6px; padding-bottom: 6px; width: 20% }
td.5xpixclix	   { color: #0000ff; font-size: 12pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #ffffff; text-align: center; padding-top: 10px; padding-bottom: 10px; width: 20%; border: solid 0; outline-width: 0; outline-color: #2e3892 }
td.5xmidpixclix	{
		width: 20%;
		padding-top: 10px;
		padding-bottom: 10px;
		border-right-color:#0000FF;
		border-right-style:solid;
		border-right-width:3px;
		border-left-color:#0000FF;
		border-left-style:solid;
		border-left-width:3px;
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;
		color: #0000FF;
		background-color:#FFFFFF;}
td.doc	  { color: #2e3892; font-size: 11pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #ccc; text-indent: 10px }
td.doctitle	{
		text-align: center;
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 18pt;
		font-weight: bold;
		color: #66FF33;
		background-color: #0000FF;}
td.doctitle2	    { color: #ccc; font-size: 12pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #2e3892; text-align: center }
td.mdl	 { color: #309; font-size: 11pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #ccc; text-align: center }
td.mdlw	{
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: normal;
		text-align: center;
		color: #0000FF;
		background-color: #FFFFFF;}
td.mdl5x	   { color: #2e3892; font-size: 12pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #ccc; text-align: center; padding-top: 8px; padding-bottom: 8px; width: 20% }
td.mdl6x  { color: #fff; font-size: 12pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #2e3892; text-align: center; width: 17% }
td.mdl7x  { color: #2e3892; font-size: 12pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #ccc; text-align: center; width: 17% }
td.mdlmid5x	{
		width: 20%;		
		padding-top: 8px;
		padding-bottom: 8px;
		border-right-color:#0000FF;
		border-right-style:solid;
		border-right-width:3px;
		border-left-color:#0000FF;
		border-left-style:solid;
		border-left-width:3px;
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;
		color: #0000FF;
		background-color: #66FF33;}
td.tpmdl5x	{
		width: 20%;		
		padding-top: 8px;
		padding-bottom: 0px;
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;
		color: #0000FF;
		background-color: #66FF33;}
p.mdl5x	{
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;
		color: #0000FF;
		margin-top: 1pt;
		margin-bottom: 0pt;
		line-height: 12pt;}
p.p1 { color: #2e3892; font-size: x-small; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; line-height: 12pt; text-align: center; margin-top: 1pt; margin-bottom: 0 }
ul.tptindex	 { color: #309; font-size: 10pt; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-weight: bold; text-align: left; margin-left: 50px }
li.bigred	{
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
		text-align: center;
		color: #ff0000;
		background-color: #FFFFFF;}
a.class { color: #fff; background-color: #2e3892 }