body {
	margin:0; padding:0;
	font-family: "Trebuchet MS", sans-serif;
	line-height: 1.5;
		color:#666;
background-image: url(bg_head.png);
background-repeat: repeat; }
	}

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;
	}

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

a[href^='http:'] {
	padding-right:8px;
	background-position: 100% 30%;
	background-repeat: no-repeat;
	color: #f30;
	}
a[href^='http:']:visited { color: #BF8F5F; }

a:hover { background-color:#0066FF; color:white; }
a[href^='http:']:hover { background-color:#0066FF; 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 { font-size:10pt}

.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/spacer.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 */


/* 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 }



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;
	}


.card-left, .card-right {
       float: left;
       width: 170px;
       margin: 0 15px 15px 0;
       padding: 10px 0;
       text-align: center;
       background: white;
       border-right: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
       font-size: 75%;
       }
    .card-right {
       float: right;
       margin: 0 0 15px 15px;
       }



/* button styles */
.specialButton {
font-family: sans-serif;
line-height: normal !important;
font-size: 130% !important;
}
.specialButton 
a:hover, 
.specialButton 
a:active {
color: #FF7200 !important;
}
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(buttonbackground2.gif);
background-repeat: no-repeat;
width: 135px;
height: 31px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-size: 100%;
font-weight: bold;
text-decoration: none;
}
a.button:link, a.button:visited {
color: #002577;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #FF7200;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F !important;
cursor: default;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.button:hover .icon, a.button:active .icon {
background-position: 0 -28px;
}
a.buttonDis:link .icon, a.buttonDis:visited .icon, a.buttonDis:hover .icon, a.buttonDis:active .icon {
background-position: 0 -56px;
}
/* list of button icons */
#buttonOK .icon {
background-image: url(ok.gif);
}
#buttonCancel .icon {
background-image: url(cancel.gif);
}
#buttonImport .icon {
background-image: url(import.gif);
} .maintext {  font: normal 9pt/15pt Arial, Helvetica, sans-serif; color: #333333}