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

BODY {
	background-color: #fff;
	color: #003; 
}

/* --links section-- */


div.links {
	background-color: #333;
	color: #bff; 
}

div.links P {
	BORDER-TOP:  #efe 2px solid; 
	BORDER-LEFT: #bff 5px solid;
	BORDER-BOTTOM-WIDTH: 1px; 
	BORDER-RIGHT-WIDTH: 1px; 
	padding: 5px;
	margin: 0px 0px 1px; 
	DISPLAY: block;
	WHITE-SPACE: nowrap; 
	COLOR: #bff; 
}

div.links P.lvl1 {
	padding-left: 1em;
}

div.links P.lvl2 {
	padding-left: 1.2em;
}

div.links P.lvl3 {
	padding-left: 1.4em;
}

div.links P.lvl4 {
	padding-left: 1.6em;
}

div.links P.lvl5 {
	padding-left: 1.8em;
}

div.links A {
	BORDER-TOP:  #efe 2px solid; 
	BORDER-LEFT: #666 5px solid; 
	BORDER-BOTTOM-WIDTH: 1px; 
	BORDER-RIGHT-WIDTH: 1px; 
	padding: 5px;
	margin: 0px 0px 1px; 
	DISPLAY: block;
	COLOR: #fff; 
	TEXT-DECORATION: none;
}

div.links A.lvl1 {
	padding-left: 1em;
}

div.links A.lvl2 {
	padding-left: 1.2em;
}

div.links A.lvl3 {
	padding-left: 1.4em;
}

div.links A.lvl4 {
	padding-left: 1.6em;
}

div.links A.lvl5 {
	padding-left: 1.8em;
}

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-color: #eee;
}

div.links A SPAN {
	DISPLAY: none
}

div.links A:hover SPAN {
	padding: 5px;
	margin: 0px; 
	DISPLAY: block; 
	Z-INDEX: 100; 
	background: #dfe; 
	COLOR: #363; 
	TOP: -120px; 
	LEFT: 5px; 
	WIDTH: 120px; 
	POSITION: absolute; 
	TEXT-ALIGN: center;
}

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: 150px; 
	top: 20px;
        width: 100%;
  /*margin-right: 20%;*/
	Z-INDEX: 200; 
	DISPLAY: block; 
	FONT: 14px Verdana, sans-serif; 
	background-color: #fff;
	position: relative;
}

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

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 {
	padding: 10px 0px 10px 30px;
	margin: 0px 0px 1em 0px;
	COLOR: #fff; 
	background-color: #333;
	position: static; 
	LETTER-SPACING: 0.3em; 
	TEXT-ALIGN: right;
	VERTICAL-ALIGN: middle; 
}

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

div.content H3 {
	BORDER-BOTTOM:  #efe 4px solid; 
	MARGIN-LEFT: 10px;
}

div.content H4 {
	BORDER-BOTTOM:  #efe 2px solid; 
	MARGIN-LEFT: 10px;
}


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: #003; 
	background: #efe;
}

TABLE.border {
  BORDER: #333 1px solid;
  border-collapse: collapse;
  margin: 10px;
  padding: 5px;
  COLOR: #003; 
}
TABLE.border TD {
	border: #333 1px solid;
	padding: .5em .5em .5em .5em
}

TABLE.border TH {
	border: #333 1px solid;
	padding: .5em .5em .5em .5em
}


A.menu {
	padding-left: 40px;
	TEXT-ALIGN: left;
	VERTICAL-ALIGN: middle; 
	COLOR: #003; 
	background: transparent;
	WHITE-SPACE: nowrap; 
}