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

/* note that body and div.icon style are generated by makeCustomStyles and included in the html. */

/* --links section-- */

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

div.links p {
/*  border-top:  #22e 1px solid; */
  border-left: #22e 5px solid;
/*  border-bottom: #22e 1px solid; 
  border-right: #22e 1px solid;
*/
  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; 
}

div.links a {
/*  border-top:  #22e 1px solid; */
  border-left: #22e 5px solid;
/*  border-bottom: #22e 1px solid; 
  border-right: #22e 1px solid; 
*/
  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: .3em;
}

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

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

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

div.links p.lvl5, div.links a.lvl5 {
  padding-left: 4em;
  font-size: 75%;
  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: 0px 0px 40px 0px;
  left: 190px; 
  top: 20px;
  /*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.imageBoxleft img.margin, div.imageBoxright img.margin, div.imageBoxcenter img.margin {
	margin: 0em;
}

img.margin {
	margin: 1em;
}

div.imageBoxleft, div.imageBoxright, div.imageBoxcenter {
	border: #66f 2px solid;
	color: #223; 
	background: #eef;
	margin: 1em;
	padding: .5em;
}
div.imageBoxleft {
	float: left;
}

div.imageBoxright {
	float: right;
}

div.imageBoxcenter {
	float: center;
}

td.menuTable { 
	width: 210px;
	padding: .5em;
}

/* div.content P:first-letter { 
	padding: 0px .2em 0px 0px;
	font-size: 190%; 
	font-weight: bold; 
	float: left;
	color: green; 
}
*/

/* --header-- */

div.content H1, div.content H2 {
/*  border:  #22e 1px solid; */
  padding: .2em 0em .2em 1em;
  margin: 0em 0em 1em 1em;
  background: #fff url(bg-stroke.gif) repeat scroll 0 0;
  color: #000; 
  position: static; 
  LETTER-SPACING: 0.3em; 
  TEXT-ALIGN: right;
  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;
}