/* Styles for demo, not necessary for scrolling layers */  
body  { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight: normal; top: 0; left: 0; overflow: hidden }
h1 { font-size:1.4em }
h2 { font-size:1.2em }
a { text-decoration: none }
a.img { text-decoration: none; background-color: #a2bd1b; border-style: none }
a.img:hover { text-decoration: none; background-color: #c9015c }
.menu   { color: #000; font-size: 12px; font-family: Arial, Helvetica, Geneva, Verdana; font-style: italic; font-weight: bold; line-height: 16px; text-decoration: none }
.niv2_menu { color: #000; font-size: 11px; font-family: Arial, Helvetica, Geneva, Verdana; font-style: italic; line-height: 14px; text-decoration: none; margin-left: 10px }
.niv2_menu:hover { color: #ded8c2; font-size: 11px; font-family: Arial, Helvetica, Geneva, Verdana; font-style: italic; line-height: 14px; text-decoration: none; margin-left: 10px }
.niv2_menu_02 { color: #ded8c2; font-size: 11px; font-family: Arial, Helvetica, Geneva, Verdana; font-style: italic; line-height: 14px; text-decoration: none; margin-left: 10px }
.coment { color: #fff; font-size: 11px; font-family: Arial, Helvetica, Geneva, Verdana; text-decoration: none; text-align: right; margin-right: 20px; padding-right: 20px }
.coment:hover { color: #fff; font-size: 11px; font-family: Arial, Helvetica, Geneva, Verdana; text-decoration: none; text-align: right; margin-right: 20px; padding-right: 20px }
.com_link { color: #fff; font-family: Arial, Helvetica, Geneva, Verdana; text-decoration: none; text-align: right; margin-right: 20px; padding-right: 20px }
.com_link { color: #fff; font-family: Arial, Helvetica, Geneva, Verdana; text-decoration: none; text-align: right; margin-right: 20px; padding-right: 20px }
.menu:hover  { color: #ded8c2; font-size: 12px; font-family: Arial, Helvetica, Geneva, Verdana; font-style: italic; font-weight: bold; line-height: 18px; text-decoration: none }
.menu_02  { color: #ded8c2; font-size: 12px; font-family: Arial, Helvetica, Geneva, Verdana; font-style: italic; font-weight: bold; line-height: 18px; text-decoration: none }
.bread { color: black; font-size: 11px; font-family: Arial, Helvetica, Geneva, Verdana; line-height: 14px; text-decoration: none }
.bors { color: black; font-size: 11px; font-family: Arial, Helvetica, Geneva, Verdana; line-height: 14px; text-decoration: none }
.img_txt  { margin-bottom: 100% }
h1, h2, p { margin:0 0 .5em 0 }
div#menu_left { position: relative; z-index: 1; top: 20px; left: 30px; width: 140px }
/* Styles for scrolling layers and scrollbars  */

div#holder1   { position: relative; z-index: 100; top: 20px; left: 20px; width: 700px; height: 360px; overflow: hidden }
div#wn1    { position: relative; z-index: 1; top: 0; left: 0; width: 675px; height: 360px; overflow: hidden }
 op7 needs width set here too (?)  
div#lyr1   { width: 665px; float: left }
div.content   { text-align: left; position: relative; z-index: 1; top: 0; left: 0; width: 665px }  

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1   { font-size: 1px; position: absolute; z-index: 2; top: 0; left: 685px; width: 11px; height: 360px }
div#track1   { background: #ababa1 url("/images/nav/track.gif"); position: absolute; z-index: 1; top: 12px; left: 0; width: 11px; height: 336px }
div#dragBar1  { background-color: #777866; position: absolute; z-index: 1; top: 1px; left: 1px; width: 9px; height: 20px }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }
.slogan { color: black; font-size: 18px; font-family: Arial, Helvetica, Geneva, Verdana; font-style: italic; font-weight: 600; text-decoration: none; padding-left: 20px; position: relative; top: 12px }