html {
   color: #000000;
   background-color: #D7D0D6;
   font-family: arial, verdana, helvetica, sans-serif;
   font-size: 11px;
   line-height: 17px;
}

th,
td {
   font-size: 11px;
}

body {
   text-align: center;
}

/* ----------------------------------- */

div.page {
   position: relative;
   margin: 0 auto;
   color: #000000;
   background-color: #FFFFFF;
   background-image: url(../gfx/visuals/1-half.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
   text-align: left;
}

div.page .page-header .page-navigation .login{
	float:right;
	margin:0 120px 0 0;
}

@media screen {
   div.page {
      width: 980px;
      height: 580px;
   }
}

/* ----------------------------------- */

@media screen {
   div.page-header {
      height: 220px;
      background-image: url(../gfx/logo.gif);
      background-position: bottom left;
      background-repeat: no-repeat;
   }
}

/* ----------------------------------- */

div.page-navigation {
   padding: 6px 14px;
}

div.page-navigation map ul li a {
   text-decoration: none;
}

div.page-navigation map ul li a:link,
div.page-navigation map ul li a:visited {
   color: #000000;
   background-color: transparent;
}

div.page-navigation map ul li a:hover,
div.page-navigation map ul li a:active {
   color: #6F2B91;
   background-color: transparent;
}

div.page-navigation img {
   border-width: 0;
   border-style: none;
   vertical-align: bottom;
}

div.page-navigation map ul li.active a {
   color: #6F2B91 !important;
   background-color: transparent;
}

div.page-navigation map ul li a span.item {
   color: #000000;
   background-color: transparent;
   font-size: 12px;
   font-weight: bold;
}

div.page-navigation map ul li a span.purple {
   color: #6F2B91 !important;
   background-color: transparent;
   padding:0 5px 0 0;
}

div.page-navigation map ul li.active a span.item,
div.page-navigation map ul li a:hover span.item,
div.page-navigation map ul li a:active span.item {
   color: #6F2B91 !important;
   background-color: transparent;
}

/* ----------------------------------- */

div.page-navigation map.rootnav ul {
   position: absolute;
   top: 6px;
   right: 14px;
}

div.page-navigation map.rootnav ul li {
   display: inline;
   color: #C5BCC4;
   background-color: transparent;
}

div.page-navigation map.rootnav ul li a:link,
div.page-navigation map.rootnav ul li a:visited {
   color: #C5BCC4;
   background-color: transparent;
}

div.page-navigation map.rootnav ul li a:hover,
div.page-navigation map.rootnav ul li a:active {
   color: #6F2B91;
   background-color: transparent;
}

/* ----------------------------------- */

div.page-navigation map.subnav ul {
   position: absolute;
   top: 6px;
   left: 142px;
}

/* ----------------------------------- */

div.page-navigation map.subsubnav ul {
   position: absolute;
   top: 6px;
   left: 342px;
}

/* ----------------------------------- */

@media screen {
   div.page-content {
      overflow: auto;
      overflow-x: hidden;
      overflow-y: auto;
      margin: 18px 0 0 36px;
      width: 444px;
      height: 304px;
   }
}

/* ----------------------------------- */

div.full {
   background-image: url(../gfx/visuals/1-full.gif);
}

div.home {
   background-image: url(../gfx/visuals/intro.gif);
   background-color:#D7D0D6;
}

div.home div.page-header,
div.home div.page-content {
   display: none;
}

/* ----------------------------------- */