html{
  height: 100%;}

body{
  font-family: "Trebuchet MS", "Times New Roman", sans-serif;
  font-size: 14px;
  color: white;
  background-color: rgb(250,250,250);
  background-image: url(grid.gif);
  cursor: default;
  margin: 0;
  padding: 0;
  overflow: auto;}

body a{
  color: white;
  cursor: pointer;}

div.header, div.content, div.footer{
  position: relative;
  left: 50%;
  width: 960px;
  margin-left: -480px;
  height: 176px;
  overflow: hidden;}

div.logo{
  position: absolute;
  top: 78px;
  right: 16px;}

div.menu{
  position: absolute;
  width: 960px;
  height: 52px;}

div.menu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;}

div.menu li{
  position: relative;
  float: left;
  height: 52px;
  margin-right: 4px;}

div.menu li a span{
  position: absolute;
  left: 0;
  height: 52px;
  background-image: url(menu.gif);}

div.menu li.menu01, div.menu li.menu01 a span{ width: 88px;}
div.menu li.menu02, div.menu li.menu02 a span{ width: 150px;}
div.menu li.menu03, div.menu li.menu03 a span{ width: 112px;}
div.menu li.menu04, div.menu li.menu04 a span{ width: 108px;}
div.menu li.menu05, div.menu li.menu05 a span{ width: 196px;}
div.menu li.menu06, div.menu li.menu06 a span{ width: 72px;}
div.menu li.menu07, div.menu li.menu07 a span{ width: 68px;}
div.menu li.menu08, div.menu li.menu08 a span{ width: 138px; margin-right: 0;}

div.menu li.menu01 a span{ background-position: 0 0;}
div.menu li.menu02 a span{ background-position: -92px 0;}
div.menu li.menu03 a span{ background-position: -246px 0;}
div.menu li.menu04 a span{ background-position: -362px 0;}
div.menu li.menu05 a span{ background-position: -474px 0;}
div.menu li.menu06 a span{ background-position: -674px 0;}
div.menu li.menu07 a span{ background-position: -750px 0;}
div.menu li.menu08 a span{ background-position: -822px 0;}

div.menu li a b{
  display: none;}

div.menu li a:hover{
  background: transparent;}

div.menu ul.submenu, div.menu ul :hover ul{
  position: absolute;
  top: 0;
  left: -10000px;
  cursor: default;}

div.menu ul :hover ul{
  left: 0;}

div.menu ul.submenu li{
  position: relative;
  float: none;
  height: 26px;
  margin: 0;}

div.menu ul.submenu li.submenu01{
  margin-top: 8px;}

div.menu ul.submenu li a span{
  position: absolute;
  left: 0;
  height: 26px;
  background: none;}

div.menu li.menu02 ul.submenu{ background-image: url(submenu02.gif); width: 150px; height: 76px;}
div.menu li.menu03 ul.submenu{ background-image: url(submenu03.gif); width: 112px; height: 92px;}
div.menu li.menu04 ul.submenu{ background-image: url(submenu04.gif); width: 108px; height: 92px;}
div.menu li.menu05 ul.submenu{ background-image: url(submenu05.gif); width: 196px; height: 132px;}

div.menu li.menu03 ul.submenu li.submenu02, div.menu li.menu03 ul.submenu li.submenu02 a span{ height: 44px;}
div.menu li.menu04 ul.submenu li.submenu02, div.menu li.menu04 ul.submenu li.submenu02 a span{ height: 44px;}

div.header h3{
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 48px;
  height: 32px;
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;}

div.header h3 span{
  visibility: visible;
  position: absolute;
  left: 0;
  width: 200px;
  height: 32px;
  background-image: url(pagetitle.gif);}

div.header h3 span.pagetitle01{ background-position: 0 0;}
div.header h3 span.pagetitle02{ background-position: 0 -32px;}
div.header h3 span.pagetitle03{ background-position: 0 -64px;}
div.header h3 span.pagetitle04{ background-position: 0 -96px;}
div.header h3 span.pagetitle05{ background-position: 0 -128px;}
div.header h3 span.pagetitle06{ background-position: 0 -160px;}
div.header h3 span.pagetitle07{ background-position: 0 -192px;}
div.header h3 span.pagetitle08{ background-position: 0 -224px;}
div.header h3 span.pagetitle09{ background-position: 0 -256px;}
div.header h3 span.pagetitle10{ background-position: 0 -288px;}
div.header h3 span.pagetitle11{ background-position: 0 -320px;}
div.header h3 span.pagetitle12{ background-position: 0 -352px;}
div.header h3 span.pagetitle13{ background-position: 0 -384px;}
div.header h3 span.pagetitle14{ background-position: 0 -416px;}
div.header h3 span.pagetitle15{ background-position: 0 -448px;}
div.header h3 span.pagetitle16{ background-position: 0 -480px;}
div.header h3 span.pagetitle17{ background-position: 0 -512px;}
div.header h3 span.pagetitle18{ background-position: 0 -544px;}
div.header h3 span.pagetitle19{ background-position: 0 -576px;}
div.header h3 span.pagetitle20{ background-position: 0 -608px;}

div.content{
  height: auto;}

div.content span.content-top{
  display: block;
  width: 960px;
  height: 80px;}

div.content span.content-bottom{
  display: block;
  width: 960px;
  height: 80px;
  margin-top: -16px;
  background-position: 0 -80px;}

div.content span.content-center{
  display: block;
  width: 960px;}

div.content span.content-rule{
  display: block;
  width: 864px;
  height: 20px;
  margin: 32px 48px 16px 48px;
  background-repeat: no-repeat;}

div.content h4{
  visibility: hidden;
  position: relative;
  height: 40px;
  margin: 0 48px 8px 48px;
  font-size: 18px;}

div.content h4 span{
  visibility: visible;
  position: absolute;
  left: 0;
  height: 40px;}

div.content h4 span.title01{ background-position: 0 0;}
div.content h4 span.title02{ background-position: 0 -40px;}
div.content h4 span.title03{ background-position: 0 -80px;}
div.content h4 span.title04{ background-position: 0 -120px;}
div.content h4 span.title05{ background-position: 0 -160px;}
div.content h4 span.title06{ background-position: 0 -200px;}
div.content h4 span.title07{ background-position: 0 -240px;}
div.content h4 span.title08{ background-position: 0 -280px;}
div.content h4 span.title09{ background-position: 0 -320px;}
div.content h4 span.title10{ background-position: 0 -360px;}
div.content h4 span.title11{ background-position: 0 -400px;}
div.content h4 span.title12{ background-position: 0 -440px;}
div.content h4 span.title13{ background-position: 0 -480px;}
div.content h4 span.title14{ background-position: 0 -520px;}
div.content h4 span.title15{ background-position: 0 -560px;}
div.content h4 span.title16{ background-position: 0 -600px;}
div.content h4 span.title17{ background-position: 0 -640px;}
div.content h4 span.title18{ background-position: 0 -680px;}
div.content h4 span.title19{ background-position: 0 -720px;}
div.content h4 span.title20{ background-position: 0 -760px;}
div.content h4 span.title21{ background-position: 0 -800px;}
div.content h4 span.title22{ background-position: 0 -840px;}
div.content h4 span.title23{ background-position: 0 -880px;}
div.content h4 span.title24{ background-position: 0 -920px;}
div.content h4 span.title25{ background-position: 0 -960px;}

div.content p{
  position: relative;
  margin: 0 48px 16px 48px;
  text-align: justify;}

div.content p.quote{
  padding-left: 32px;}

div.content p.quote span{
  position: absolute;
  width: 20px;
  height: 16px;
  margin: 0 0 0 -32px;
  background-image: url(quote.gif);
  overflow: hidden;}

body.red    p.quote span{ background-position: 0 0;}
body.orange p.quote span{ background-position: 0 -16px;}

div.content ul{
  margin: 0 48px 16px 48px;
  padding: 0;
  list-style-type: none;
  text-align: justify;}

div.content ul li{
  padding-left: 24px;}

div.content ul li span{
  position: absolute;
  margin: 4px 0 0 -24px;
  width: 12px;
  height: 12px;
  background-image: url(list.gif);
  overflow: hidden;}

body.red    ul li span{ background-position: 0 0;}
body.orange ul li span{ background-position: 0 -12px;}
body.yellow ul li span{ background-position: 0 -24px;}
body.green  ul li span{ background-position: 0 -36px;}
body.blue   ul li span{ background-position: 0 -48px;}

div.priority{
  position: relative;
  width: 864px;
  height: 328px;
  margin: 32px 48px;}

div.priority div{
  position: relative;
  float: left;
  width: 320px;
  height: 160px;
  margin: 0 8px 8px 0;
  background-repeat: no-repeat;}

div.priority div#left{
  background-image: url(priority-left.gif);}

div.priority div#right{
  background-image: url(priority-right.gif);}

div.priority h4{
  margin: 20px 20px 4px 20px;
  text-align: left;}

div.priority p{
  margin: 0 74px 16px 20px;
  text-align: left;}

div.priority img{
  position: absolute;
  bottom: 20px;
  right: 12px;}

div.priority div#portrait{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 208px;
  height: 328px;
  margin: 0;
  background-image: url(priority-portrait.gif);}

div.priority div#portrait h4 span{
  width: 120px;}

div.priority div#portrait p{
  margin-right: 20px;}

div.priority div#news{
  position: absolute;
  top: 168px;
  left: 328px;
  background-image: url(priority-news.gif);}

div.priority div#news h4 span{
  width: 184px;
  background-image: url(blue/title.gif);}

div.content p.intro, div.content ul.intro{
  margin-right: 268px;}

div.content p.intro-plus{
  margin-right: 328px;}

div.content div.notes{
  position: absolute;
  top: 32px;
  right: 48px;}

div.content div.frame{
  position: absolute;
  top: 286px;
  right: 48px;}

div.content table{
  font-size: 13px;
  margin: 16px 48px;
  border-bottom: 1px solid white;
  border-right: 1px solid white;}

div.content table td, div.content table th{
  padding: 2px;
  border-top: 1px solid white;
  border-left: 1px solid white;}

div.content table th{
  text-transform: uppercase;
  text-align: left;}

div.content table th.date{ width: 198px;}
div.content table th.modul{ width: 74px;}

body#form div.header{
  height: 32px;
  margin-top: 16px;}

body#form div.content span.content-bottom{
  margin-bottom: 16px;}

body#form div.content form{
  margin: 0;}

body#form div.content form p{
  text-align: left;}

body#form div.content form p i{
  position: absolute;
  font-size: 10px;
  font-style: normal;}

body#form div.content form p span{
  z-index: 10;
  position: relative;
  float: left;
  width: 320px;}

body#form div.content input, body#form div.content select, body#form div.content textarea{
  width: 240px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: white;
  font-family: "Trebuchet MS", "Times New Roman", sans-serif;
  font-size: 14px;
  color: black;}

body#form div.content input.small{ width: 48px;}

body#form div.content select{ width: 242px;}
body#form div.content select#sex{ margin-left: 52px;}

body#form div.content select.small{ width: 84px;}
body#form div.content select.month{ width: 122px;}
body#form div.content select.year, body#form div.content select.day{ width: 56px;}

body#form div.content textarea{
  width: 320px;
  height: 76px;
  overflow: auto;}

body#form div.content p.submit input{
  position: relative;
  width: 68px;
  height: 40px;
  border: 0;
  cursor: pointer;
  background-color: transparent;}

body#form p.back{
  margin-top: 32px;}

div.content p textarea{
  width: 470px;
  height: 54px;
  font-family: "Trebuchet MS", "Times New Roman", sans-serif;
  font-size: 14px;
  color: white;
  border: 0;
  background-color: transparent;
  overflow: auto;}

div#box{
  position: relative;
  width: 480px;
  height: 200px;
  margin: 50px 0 0 240px;
  background-color: transparent;
  background-repeat: no-repeat;}

body.orange div#box{ background-image: url(box-orange.gif);}
body.yellow div#box{ background-image: url(box-yellow.gif);}
body.green  div#box{ background-image: url(box-green.gif);}

div#box h4{
  margin-top: 32px;}

div#box h4 span{
  width: 208px;
  background-image: url(title-box.gif);}

div#box p{
  text-align: left;}

body#gallery div.content p img{
  float: left;
  margin: 24px 16px 0 0;}

body#album span.content-top, body#album span.content-bottom{
  margin: 0;}

body#album object{
  margin: 0 158px;}

div.content div.stepcarousel{
  position: relative;
  width: 644px;
  height: 484px;
  margin: 0 158px;}

div.content div.stepcarousel div.belt{
  position: absolute;}

div.content div.panel{
  position: relative;
  float: left;
  width: 644px;
  height: 484px;
  margin-right: 16px;
  overflow: hidden;}

div.content div.panel span{
  position: absolute;
  width: 644px;
  height: 484px;
  background-color: white;}

div.content div.panel img{
  width: 640px;
  height: 480px;
  margin: 2px;}

div.content div.panel p{
  position: absolute;
  top: 32px;
  right: 2px;
  margin: 0;
  padding: 4px 8px;
  background-color: rgb(190,70,150);}

div.content div.panel p i{
  font-style: normal;
  margin-left: 2px;
  padding-left: 6px;
  border-left: 1px solid white;}

div.content div#hd{
  height: 430px;}

div.content div#hd img{
  height: 426px;}

body#press div.content h4{
  visibility: visible;}

div.footer{
  height: 94px;
  margin-top: 16px;}

div.footer p{
  position: absolute;
  top: 18px;
  margin: 0;
  font-size: 11px;}

div.footer p.left{
  left: 48px;}

div.footer p.right{
  right: 48px;
  text-align: right;}

div.footer p a{
  font-weight: normal;
  color: white;}

body.red span.content-top{    background-image: url(red/content.gif);}
body.red div.footer{       background-image: url(red/content.gif);}
body.red span.content-bottom{ background-image: url(red/content.gif);}
body.red span.content-center{ background-image: url(red/center.gif);}
body.red span.content-rule{   background-image: url(red/rule.gif);}
body.red h4 span{             background-image: url(red/title.gif); width: 184px;}

body.orange span.content-top{    background-image: url(orange/content.gif);}
body.orange div.footer{       background-image: url(orange/content.gif);}
body.orange span.content-bottom{ background-image: url(orange/content.gif);}
body.orange span.content-center{ background-image: url(orange/center.gif);}
body.orange span.content-rule{   background-image: url(orange/rule.gif);}
body.orange h4 span{             background-image: url(orange/title.gif); width: 274px;}

body.yellow span.content-top{    background-image: url(yellow/content.gif);}
body.yellow div.footer{       background-image: url(yellow/content.gif);}
body.yellow span.content-bottom{ background-image: url(yellow/content.gif);}
body.yellow span.content-center{ background-image: url(yellow/center.gif);}
body.yellow span.content-rule{   background-image: url(yellow/rule.gif);}
body.yellow h4 span{             background-image: url(yellow/title.gif); width: 274px;}

body.green span.content-top{    background-image: url(green/content.gif);}
body.green div.footer{       background-image: url(green/content.gif);}
body.green span.content-bottom{ background-image: url(green/content.gif);}
body.green span.content-center{ background-image: url(green/center.gif);}
body.green span.content-rule{   background-image: url(green/rule.gif);}
body.green h4 span{             background-image: url(green/title.gif); width: 274px;}

body.blue span.content-top{    background-image: url(blue/content.gif);}
body.blue div.footer{       background-image: url(blue/content.gif);}
body.blue span.content-bottom{ background-image: url(blue/content.gif);}
body.blue span.content-center{ background-image: url(blue/center.gif);}
body.blue span.content-rule{   background-image: url(blue/rule.gif);}
body.blue h4 span{             background-image: url(blue/title.gif); width: 184px;}

body.purple span.content-top{    background-image: url(purple/content.gif);}
body.purple div.footer{       background-image: url(purple/content.gif);}
body.purple span.content-bottom{ background-image: url(purple/content.gif);}
body.purple span.content-center{ background-image: url(purple/center.gif);}
body.purple span.content-rule{   background-image: url(purple/rule.gif);}
body.purple h4 span{             background-image: url(purple/title.gif); width: 150px;}

body.pink span.content-top{    background-image: url(pink/content.gif);}
body.pink div.footer{       background-image: url(pink/content.gif);}
body.pink span.content-bottom{ background-image: url(pink/content.gif);}
body.pink span.content-center{ background-image: url(pink/center.gif);}
body.pink span.content-rule{   background-image: url(pink/rule.gif);}

div#advert{
  position: absolute;
  top: 58px;
  right: 48px;
  width: 320px;
  height: 160px;
  background-image: url(priority-advert.gif);
  background-repeat: no-repeat;}

div#advert h4{
  margin: 20px 20px 4px 20px;
  text-align: left;}

div#advert p{
  margin: 0 74px 16px 20px;
  text-align: left;}

div#advert img{
  position: absolute;
  bottom: 20px;
  right: 12px;}

div.flags{
  z-index: 10;
  position: absolute;
  top: 48px;
  right: 48px;
  width: 104px;
  height: 40px;
  background-image: url(flags.png);
  background-repeat: no-repeat;}

div.flags a{
  float: left;
  width: 38px;
  height: 24px;
  margin: 8px 0 8px 9px;}
