BODY		{
			background-color: #FFFFFF;
			background-image: url('Pattern-1.gif');
			background-repeat: repeat-y; 
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			color: #000088;
			margin: 0px; 
			}
.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	{/*this is the page title area*/
	    	background: #FFFFFF;/*declare a color together with a contrasting background color*/
	    	margin-top: 0px;/*to position the content area under the banner area*/
	    	margin-left: 20px;/*to position the content area to the right of the navigation*/
	    	margin-right: 20px;/*breathing space for the text*/
	    	padding: 0px;/*space to separate navigation and content*/
	    	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	    	width: auto;
	    	}
.Content	{/*this is the main content area*/
	    	background: #FFFFFF;/*declare a color together with a contrasting background color*/
	    	color: #000088;/*to insure readability*/
	    	margin-top: 0px;/*to position the content area under the banner area*/
	    	margin-left: 20px;/*to position the content area to the right of the navigation*/
	    	margin-right: 20px;/*breathing space for the text*/
	    	padding: 0px;/*space to separate navigation and content*/
	    	font-family: Verdana, Eyechart, Geneva, Arial, Helvetica, sans-serif; 
	    	width: auto;
	    	border: 0.1px solid #FFFFFF;/*to insure that NN4.xx renders the background-color of the content area*/
	    	}
.Content a	{
			background: #FFFFFF;
			clear: both;
			float: none;
			}
.Content a span	{
			background: #FFFFFF;
			clear: both;
			float: none;
			}
.Content a:hover	{
			background: #FFFFFF;
			clear: both;
			float: none;
			}
.Content a:hover span	{
			background: #FFFFFF;
			clear: both;
			float: none;
			}
.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		{/*this is a box where the bottom-navigation*//* and the copyright will be placed*/
			background: #FFFFFF;
			color: #000099;
			font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
			font-size: 12px;
			text-align: center;
			padding: 2px;
			border-color: #0000FF;
			border-style: solid;
			border-width: 3px;
			margin-top: 40px;
			margin-left: 20px;
	    	margin-right: 20px;/*breathing space for the text*/
			}
.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	{/*normal links in the text*/
		color: blue; 
		text-decoration: none; 
		background: #FFFFFF;}
a:visited {
		color: blue; 
		text-decoration: none; 
		background: #FFFFFF;}
a:hover { 
		color: #999999; 
		text-decoration: underline; 
		background: #FFFFFF;}

/*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: #FFFFFF; 
		text-decoration : none; 
		font-weight: 400; 
		font-size: 13px; 
		margin-left: 6px; 
		background: transparent;}
a.nav2:visited {
		color: #FF8C00; 
		text-decoration : none;
		font-weight: 400; 
		font-size: 13px; 
		margin-left: 6px; 
		background: transparent;}
a.nav2:hover { 
		color: #7FFFD4; 
		text-decoration : none; 
		font-weight: 400; 
		font-size: 13px; 
		margin-left: 6px; 
		background: transparent;}
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: #0000FF; 
		text-decoration: underline; 
		font-weight: 600; 
		font-size: 14px; 
		background-color: #66FF33;}
a.nav3:visited {
		color: #0000FF; 
		text-decoration: underline;
		font-weight: 600; 
		font-size: 14px; 
		background-color: #66FF33;}
a.nav3:hover { 
		color: #FF0000; 
		text-decoration : underline; 
		font-weight: 600; 
		font-size:14px; 
		background-color: #66FF33;}
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: #0000FF; 
		text-decoration: none; 
		font-weight: bold; 
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		background-color: #66FF33;}
a.navprod:visited {
		color: #0000FF; 
		text-decoration: none;
		font-weight: bold; 
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		background-color: #66FF33;}
a.navprod:hover { 
		color: #FF0000; 
		text-decoration : none; 
		font-weight: bold; 
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		background-color: #66FF33;}
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 {
		height: 5px;
		color: #66FF33;}
table.main	{
		clear: both;
		width: 100%;
		margin-right: 20px;
		background-color:#FFFFFF;
		border-top-color:#0000FF;
		border-top-style:solid;
		border-top-width:3px;
		border-right-color:#0000FF;
		border-right-style:solid;
		border-right-width:3px;
		border-bottom-color:#0000FF;
		border-bottom-style:solid;
		border-bottom-width:3px;
		border-left-color:#0000FF;
		border-left-style:solid;
		border-left-width:3px;}
table.mainTOP	{
		clear: both;
		width: 100%;
		background-color:#FFFFFF;
		border-top-color:#0000FF;
		border-top-style:solid;
		border-top-width:3px;
		border-right-color:#0000FF;
		border-right-style:solid;
		border-right-width:3px;
		border-bottom-color:#0000FF;
		border-bottom-style:solid;
		border-bottom-width:3px;
		border-left-color:#0000FF;
		border-left-style:solid;
		border-left-width:3px;}
table.mainLOWER	{
		clear: both;
		width: 100%;
		background-color:#FFFFFF;
		border-top-color:#0000FF;
		border-top-style:solid;
		border-top-width:0px;
		border-right-color:#0000FF;
		border-right-style:solid;
		border-right-width:3px;
		border-bottom-color:#0000FF;
		border-bottom-style:solid;
		border-bottom-width:3px;
		border-left-color:#0000FF;
		border-left-style:solid;
		border-left-width:3px;}
table.pagetitle	{
		width: 100%;
		background-color:#FFFFFF;
		border-top-color:#66FF33;
		border-top-style:solid;
		border-top-width:1px;
		border-right-color:#66FF33;
		border-right-style:solid;
		border-right-width:1px;
		border-bottom-color:#66FF33;
		border-bottom-style:solid;
		border-bottom-width:1px;
		border-left-color:#66FF33;
		border-left-style:solid;
		border-left-width:1px;}
td.pagetitle	{
		width: 100%;
		padding-top: 4px;
		padding-bottom: 4px;
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 18pt;
		font-weight: bold;
		text-align: center;
		color: #66FF33;
		background-color:#0000FF;}
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	{
		width: 33%;		
		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;}
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	{
		width: 25%;
		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.mdl4x	{
		width: 25%;		
		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.5xpixclix	{
		width: 20%;
		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.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	{
		text-indent: 10px;
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: bold;
		color: #0000FF;
		background-color: #66FF33;}
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	{
		text-align: center;
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 12pt;
		font-weight: bold;
		color: #66FF33;
		background-color: #0000FF;}
td.mdl	{
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 11pt;
		font-weight: bold;
		text-align: center;
		color: #0000FF;
		background-color: #66FF33;}
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	{
		width: 20%;		
		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.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;}
ul.tptindex	{
		font-family: arial, Tahoma, Verdana, Helvetica, sans-serif;
		font-size: 10pt;
		font-weight: bold;
		text-align: left;
		color: #0000FF;
		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;}