body {
	margin:0; padding:0;
	font-family: "Trebuchet MS", sans-serif;
	line-height: 1.5;
	background:white url('../img/right-strip.gif') top right repeat-y;
	color:#666;
	}

p { margin: 0.7em 0 }

h1, h2, h3, h4 {
	font: bold 225%/1.1 Georgia,serif;
	margin: 1em 0 0.5em 0; padding:0;
	}
h2 { font-size:167% }
h3 { font-size:140% }
h4 { font-size:115% }

pre {
	font: 90%/1.3 monospace;
	margin: 2em 0; padding: 1em 1.5em 1em 3em;
	border: 1px solid #6291CA;
	background: #EDEFF2;
	color: black;
	}

table {
	border-collapse: collapse;
	}
th, td {
	padding: 0.1em 0.5em;
	border: 1px solid silver;
	}

/* LINKS */
a:link { color: #FF8000; font-weight:bold; }
a:visited { color: #BF8F5F; }

a[href^='http:'] {
	padding-right:8px;
	background-image: url("../img/out-link.gif");
	background-position: 100% 30%;
	background-repeat: no-repeat;
	color: #f30;
	}
a[href^='http:']:visited { color: #BF8F5F; }

a:hover { background-color:#6291CA; color:white; }
a[href^='http:']:hover { background-color:#6291CA; color:white; }

abbr {
	border-bottom: 1px dashed silver;
	cursor:help;
	}

/* common CLASSES */

.hidden { display:none }
.left { text-align:left }
.right { text-align:right }
.center { text-align:center }
.small, .smaller { font-size:smaller }

.cleaner {
	clear:both;
	height:1px;
	border:none;
	margin: -1em 0 0 0; padding:0;
	visibility:hidden;
	}

/* HEADER */

#logo {
	margin:0 15px 0 0; padding: 0;
	font: bold 70%/1 "Trebuchet MS", sans-serif;
	}
#logo a {
	display:block;
	background: url('../img/ws-logo.gif') 45px 12px no-repeat;
	margin:0; padding: 75px 0 0 0;
	text-decoration:none;
	}
#logo a:hover { background-color: transparent; }
#logo a strong {
	display:block;
	margin:0; padding:4px 0 4px 50px;
	background: #6291CA;
	color: white;
	}
#logo a strong span {
	display:block;
	width: 100%;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1.5em;
	xxx_filter: dropshadow(OffX=2, OffY=2, Color='#336699', Positive=1);
	_filter: shadow(color='#336699', Direction=135, Strength=3);
	text-shadow: rgba(0,0,0,.4) 0.2em 0.2em 0.2em;
	}

/* MENU */

#menu {
	position:absolute; z-index:100;
	top:0; right:16px;
	width:60%; height:75px;
	margin:0; padding:0 0 0 25px; 
	font-size: 100%;
	font-weight: bold;
	background: url('../img/hdr-motto-en.gif') top right no-repeat;
	}
#menuin {
	position:absolute; right:10px; bottom: 0; b\ottom:3px;
	width:100%; padding: 0; paddin\g-top: 3px;
	text-align:right;
	white-space:nowrap;
	border-top: 1px solid #6291CA;
	}
#menu a, #menu .selected {
	_width:1em;
	margin: 0 0 0 10px; padding: 0 10px 0 30px; paddin\g: 5px 10px 5px 30px;
	color:#ff8000;
	background: url('../img/sqr-blue.gif') 10px 50% no-repeat;
	white-space:nowrap;
	}
#menu .selected {
	color: #6291CA;
	}
#menu a:hover {
	color:white;
	background: #6291CA url('../img/sqr-orange.gif') 10px 50% no-repeat;
	}

/* CONTENT */

#content {
	margin:0 auto; padding:2em 4em 2em 50px;
	min-width:20em;
	max-width:60em;
	font-size:100%;
	}


.article {
	margin:1em 0 1.2em 0; padding:0;
	/*border-bottom:1px solid #ccc;*/
	}

h2, h3, h4 {
	color: #5F707F;
	/*_width:100%;
	_filter: shadow(color='#cccccc', Direction=135, Strength=5);
	text-shadow: rgba(0,0,0,.25) 0.2em 0.2em 0.2em; */
	}

h1 {
	margin-top: 0.5em;
	color: #666;
	}
h1 .group {
	float: left;
	font-size: 50%;
	font-style: italic;
	font-weight: bold;
	margin: 0.2em 1.5em 0 0;
	padding: 0.2em 0.5em;
	background: #3078BF;
	color: white;
	}

.figure {
	margin:2em 0;
	text-align:center;
	font-size:smaller;
	font-style:italic;
	}
.figure code { font-style: normal }

blockquote {
	margin:1em 0; padding:0.5em 2.5em 0.7em 2.5em;
	border:1px solid #E3B890;
	background: #FFF7EF;
	color: #553A23;
	font-size:150%;
	}
blockquote .author {
	margin: 0.1em -1em;
	font-size:75%;
	text-align:right;
	font-style:italic;
	}

.example {
	margin:1em 0; padding:30px 2em 0 2em;
	border:1px solid #889971;
	background: #E8F2DA url("../img/ex-start.gif") top left no-repeat;
	}
.example-end {
	clear:both;
	margin: 0 0 0 -2em; padding:0;
	height:30px;
	border:none;
	background: url("../img/ex-end.gif") bottom left no-repeat;
	}
.example-end hr {
	padding:0; margin:0;
	visibility:hidden;
	}

ul.artlist {
	line-height: 1.33;
	font-size: 90%;
	list-style-type: none;
	margin: 1em 0; padding: 0;
	}
ul.artlist li {
	margin-bottom: 0.5em;
	list-style-type: none;
	margin: 1em 0; padding: 0;
	}
ul.artlist li.newgroup {
	margin-top: 1.5em; padding-top: 1em;
	}
ul.artlist strong {
	font-size:150%;
	}	

/* FOOTER */

#footer {
	margin:0; padding:1em 3em;
	border-top: 1px solid silver;
	background:#f0f0f0;
	color:#666;
	font-size:70%;
	text-align:center;
	}