#tabPages { Z-INDEX: 11; PADDING: 15 0 0 0; text-align: center; FONT: 11px/15px verdana,arial,sans-serif; WIDTH: 777px;}
#tabPages DIV.off {	Z-INDEX: 20; BORDER: olive 1px solid; PADDING: 5 20 0 20; FLOAT: left; /*CURSOR: pointer; */COLOR: navy; LINE-HEIGHT: 33px; MARGIN-RIGHT: 2px; POSITION: relative; HEIGHT: 33px; color: white; background: navy; background-image: url(sf/header_stroke.png); cursor: pointer }
#tabPages DIV.on { Z-INDEX: 100; text-align: justify; BORDER: crimson 1px solid; PADDING: 5 20 20 20; MARGIN-TOP: 0px; FLOAT: left; /*CURSOR: pointer; */COLOR: crimson; /*LINE-HEIGHT: 32px; MARGIN-RIGHT: 2px; */POSITION: relative; HEIGHT: 33px; color: white; background: navy; background-image: url(sf/header_stroke.png); cursor: pointer }
DIV.hide { DISPLAY: none; OVERFLOW: hidden; WIDTH: 0px;}
DIV.show { CLEAR: left; WIDTH: 733px; HEIGHT: 150px; text-align: justify; POSITION: relative; TOP: 0px; /*MARGIN-TOP: 0px;*/ BORDER: crimson 0px solid; PADDING: 20 20 20 20;  Z-INDEX: 50; BACKGROUND: transparent; FONT: 11px/15px verdana, arial, sans-serif; }
DIV.show IMG { 	FLOAT: left; MARGIN: 10px 30px 10px 0px; padding: 5px 5px 25px 5px; /*height: 100px;*/  }
.clear { 	CLEAR: both }
#tabPages a {DISPLAY: block; padding: 5px; border: white 0px; FONT-SIZE: 1.1em; color: navy;}
#tabPages a:hover {DISPLAY: block; padding: 5px; border: white 1px;  FONT-SIZE: 1.2em; color: white; background: navy; background-image: url(sf/header_stroke.png);}