/*  %%%%%% GENERAL %%%%%%%%%%%%%%%%%% */

body {
font-family: arial, serif;
color: #DDDDDD;
background: #FFFFFF;
background-image:url(back.jpg);
}

table{
background: #000000;
border: solid 1px #333333;
}

.head {
margin: 0 10em .5em 10em ;
padding: .5em ;
text-align: center;
color: #CC1111;
letter-spacing: 15px; 
font-size: 18px;
font-weight: normal;
}

.container {
width: 1280;
text-align: center;
}

img{
border: none;
}

.footnote{
text-align: center;
font-size: 14px;
color: #333333;
margin-top:-1em;
}

a  {
color: black;
text-decoration: none;
font-family: courier, serif;
font-size: 22px;
font-weight: bold;
background: #DDDDDD;
-moz-border-radius: 5%;
}

a:visited  {
color: black;
text-decoration: none ;
font-size: 22px;
}

a:hover {
color: black;
background: #EEEEEE;
}

/*  %%%%%% MAIN INDEX PAGE %%%%%%%%%%%% */

#maincontainer {
margin: 0 auto 2% auto;
font-size: 16px;
font-weight: bold;
}

/*  %%%%%% CHAIN-SEEN PAGE %%%%%%%%%%%% */

span.chain-trigger{
margin: 1% 3% 1% 3%; 
position: relative; 
top: -2.8em;
color: black;
font-size: 16px;
font-weight: bold;
}

.chain-img{
margin: 1%;
}

/*  %%%%%% SET PROCESSOR PAGE %%%%%%%%%%%% */

#setcontainer {
border: none;
margin: 0 auto 1em auto;
font-size: 18px;
}

.arrow{
font-weight: bold;
font-size: 20px;
}

/*  %%%%%%HELP PAGE %%%%%%%%%%%% */

#containerhelp{
margin: 0 auto 2% auto;
padding: 1%;
font-size: 22px;
width: 800px;
background: #555555;
}

.h1help{
margin-top: 1em;
text-align: center;
}

.h2help{
margin: 2em 0 1.5em 0;
font-size: 26px;
text-decoration: underline;
}

h3{
font-style: italic;
}

.phelp{
margin-top: 1em;
}

.pexample{
text-align: center;
}

em{
text-decoration: underline;
}

p.legend{
text-align: center;
}

a.help {
font-family: arial, serif;
letter-spacing: 1px; 
font-size: 14px; 
position: absolute; 
top: 2%;
color: #CC1111;
background: #FFFFFF;
border: solid 1px black;
}