/* Standart style sheet. Note: uses CSS2 features like position */

/* --links section-- */

div.links {
  top: 170px;
  left: 10px; 
  width: 180px; 
  z-index: 50;
  position: absolute;
}

div.links p, div.links a {
  border-left: #22e 5px solid;
  /* height: 32px;
  line-height: 32px; */
  padding: 5px;
  margin: 0px 0px 1px; 
  display: block;
  background: #fff url(bg-stroke.gif) repeat scroll 0 0;
  color: #000;
  font-weight: bold; 
  white-space: nowrap; 
  text-decoration: none;
}


div.links p.lvl1, div.links a.lvl1 {
  padding-left: 5px;
}

div.links p.lvl2, div.links a.lvl2 {
  padding-left: 10px;
  font-size: 95%;
  border-left: #44f 5px solid;
}

div.links p.lvl3, div.links a.lvl3 {
  padding-left: 15px;
  font-size: 85%;
  border-left: #66f 5px solid;
}

div.links p.lvl4, div.links a.lvl4 {
  padding-left: 20px;
  font-size: 80%;
  border-left: #88f 5px solid;
}

div.links p.lvl5, div.links a.lvl5 {
  padding-left: 25px;
  font-size: 75%;
  border-left: #aaf 5px solid;
}

div.links p.lvl6, div.links a.lvl6 {
    padding-left: 30px;
    font-size: 60%;
    border-left: #aaf 5px solid;
}

div.links a.picture {
    TEXT-ALIGN: center;	
}

div.links a.language {
	BORDER-LEFT: #f99 5px solid; 
}

div.links A:hover {
	BORDER-LEFT: #6fc 5px double; 
	COLOR: #666;
	background: #eee;
}

div.links A SPAN {
	DISPLAY: none
}

div.links A:hover SPAN {
  padding: 5px;
  margin: 0px; 
  display: block; 
  Z-INDEX: 100; 
  background: #ccf; 
  COLOR: #00c; 
  TOP: -120px; 
  LEFT: 5px; 
  WIDTH: 180px; 
  POSITION: absolute; 
  TEXT-ALIGN: center;
  font-size: 80%;
  white-space: normal;
}

a img {
    border: #666 5px solid;
}

a img.borderless {
    border: none;
}

a img:hover {
    border: #6c9 5px double;
}

a img.borderless:hover {
    border: none;
}


/* --content-- */

div.content {
  padding: 1em;
  left: 190px; 
  top: 10px;
  width: 75em;
  z-index: 200; 
  display: block; 
  font-size: 100%;
  position: relative;
}

div.content p {
  /* margin: 10px 0px 1em 10px; */
}

/* center the gallery table */
table.gallery { 
	margin-left:auto; 
	margin-right:auto;
}

/* compress the gallery a little */
table.gallery img.margin {
	margin: 0em;
}

/* compress the image box a little */
div.imageBox img.margin {
	margin: 0em;
}

/* Text inside an image box has a margin */
div.imageBox i {
	margin: .5em;
}

img.margin {
	margin: 1em;
}

div.imageBox {
    border: #88d 1px solid;
    color: #223; 
    background: #eef;

    margin: 1em;
    padding: 0;
    text-align: center;
}

div.imageBox:hover {
    margin: 0.5em 0.5em 1.5em 1.5em;
    cursor: pointer;
}

div.overlayFrame {
    border: #66d 1px solid;
    color: #66d; 

    text-align: center;
}

div.overlayFrame:hover {
    cursor: pointer;
}

/* --header-- */

div.content H1, div.content H2 {
/*  border:  #22e 1px solid; */
  padding: .2em 0em .2em 0.4em;
  margin: 0em 0em 0.2em 0em;
  background: #fff url(bg-stroke.gif) repeat scroll 0 0;
  color: #000; 
  position: static; 
  VERTICAL-ALIGN: middle; 
}

div.content H1.title {
  font-size: 250%;
  WHITE-SPACE: nowrap; 
  TEXT-TRANSFORM: lowercase;
}

div.content H1 {
  font-size: 200%;
}

div.content H2 {
  font-size: 150%;
}

div.content H3 {
    font-size: 120%;
    BORDER-BOTTOM:  #aaf 4px solid; 
    /* MARGIN-LEFT: 10px; */
}

div.content H4 {
    font-size: 100%;
    BORDER-BOTTOM:  #aaf 2px solid; 
    /* MARGIN-LEFT: 10px; */
}

p.lastUpdated {
    font-size: 60%;
}

DT {
  FONT-WEIGHT: bold
}
DD {
  margin-BOTTOM: 0.66em;
}
div.content A:link {
  COLOR: #330;
}
div.content A:visited {
  COLOR: #030;
}
div.content A:hover {
  COLOR: #6c9;
}
CODE {
  FONT: 110% monospace; 
  COLOR: #000;
}
PRE {
  FONT: 110% monospace; 
  COLOR: #000;
}


table {
  FONT: 14px Verdana, sans-serif; 
}

table.full {
  border-collapse: collapse;
  margin: 3px;
}
table.full TD {
  border: #333 1px solid;
  padding: 0px 10px 10px 10px;
}

table.ad {
  BORDER: #333 1px solid;
  /*margin: 10px;*/
  padding: 5px;
  TEXT-ALIGN: center;
  VERTICAL-ALIGN: middle; 
  color: #232; 
  background: #efe;
}

table.border {
  color: #003; 
  border: #6c9 3px solid;
  border-collapse: collapse;
  margin: 10px;
  padding: 5px;
}
table.border TD {
  border: #333 1px solid;
  padding: .5em .5em .5em .5em
}

table.border th {
  border: #333 1px solid;
  padding: .5em .5em .5em .5em
}


table.designer { 
  padding: 0em 1em 0em 2em
}

table.designer th { 
  text-align: left;
}


div.menu {
  margin: 10px 0px 1em 10px;
}

div.menu a {
	padding-left: 20px;
	/* text-align: left;*/ 
	font-size: 160%;
	VERTICAL-ALIGN: middle; 
	color: #003; 
	background: transparent;
	WHITE-SPACE: nowrap; 
}

div.menu img { 
	margin: 0;
}