body {background-color: lightgrey;
text: #449344;
font-family: Geneva, Arial, Helvetica, sans-serif;
} 
h1 {background-color: darkgrey; border-style:  none}
h2 {background-color: transparent; border-style:  none}
h3 {background-color: darkgrey; border-style:  none}
h4 {background-color: grey ; color: lightgrey; border-style:  none}
p {background-color: rgb(A6,A6,A6)}
code { color: #333333; border: 1px dotted}

.top
{

border: none;

/* width: 750px;  */
width: 100%; 
text-align: center; 
vertical-align: middle; 
background-color: rgb(40, 40, 40)
}

.center
{
margin-right:auto;
margin-left:auto; 
text-align:left;
border: none;
width: 100%; 
text-align: center; 
vertical-align: middle; 
background-color: rgb(40, 40, 40);
}


.tl:link{color: #a44444; background-color:transparent; border: none;
text-decoration: none;
}
.tl:visited{color: #773333; background-color:transparent; border: none;
text-decoration: none;
}
.tl:hover{color: #aa3322; background-color: transparent; border: none;
text-decoration: underline;
}

a:link{
color: #a44444;
background-color:transparent; border: none;
text-decoration: none;
}
a:visited{
color: #773333;
background-color:transparent; border: none;
text-decoration: none;
}
a:hover{ color: #aa3322;background-color: transparent; border: none;
text-decoration: underline;
}

.imglink img{ border: 1px inset black; }
.imglink:hover img{ border: 1px dotted black ;}

.button1 { border: 1px solid; border-color: gray; padding: 1px; background-color: rgb(183, 183, 183); margin-right:4px; }
.button2 { border: 1px solid; border-color:  gray; background-color: rgb(225, 225, 225); margin-right:4px; }
.button3 { border: 1px solid ; border-right: none; border-color: black; background-color:  rgb(225, 225, 225); margin-right:4px;}
.button4 { border: 1px solid;  border-color: black; padding: 1px; background-color: rgb(183, 183, 183); margin-right:4px;}
.button5 { border: 1px solid ; border-left: none;  border-color: black;  background-color:  rgb(183, 183, 183); margin-right:4px;}
#menu {
width: 100%;
 background-color: rgb(225, 225, 225);
float: center;
align: auto;
}
#menu ul {

list-style: none;
margin: 0;
padding: 0;
/* width: 8em; */
float: left;
text-align:left;
}
#menu a, #menu h2 {
/* font: bold 11px/16px arial, helvetica, sans-serif; */
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;

margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
background: #efefef;
text-decoration: none;
}

#menu a:hover {
color: #a00;
background: #fff;
}
#menu ul ul {
position: absolute;
z-index: 500;
}
div#menu ul ul {
display: none;
}
div#menu ul li:hover ul
{display: block;}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

.doot {
border-bottom: 2px dotted;
border-color: gray;
}


.series { text-align: center; color: white; margin: 5px;  -moz-border-radius: 20px; border-radius: 20px; background-color: rgb(125, 125, 125); font-size: 11pt; border: 2px inset rgb(135, 135, 135);  padding:2px;}
/* rgb(185, 185, 185);} */
.map { text-align: center; color: white; margin: 5px;  -moz-border-radius: 20px; border-radius: 20px; background-color: rgb(125, 125, 125); font-size: 11pt; border: 2px inset rgb(135, 135, 135);  float:left; height:250px; padding:1px;}

.bottom {

border: none;

/* width: 750px;  */
width: 100%; 
text-align: left; 
vertical-align: middle; 
background-color: rgb(40, 40, 40)
}

.inner
{
border: 1px solid; 
text-align: left; 
margin-left: 4px; 
margin-right: 4px;
/* margin-bottom: 4px; */
background-color: #eeeeee;
/* width: 600px;  */
}


.inner {
border: 1px solid; 
border-color: gray; 
background-color: rgb(222, 222, 222);
}

.heading {
color: rgb(0,0,0);
vertical-align: middle; 
font-weight: bold;
background-color: rgb(204, 204, 204);
}

.inset {
border: 1px black dashed ; text-align: center; width: 100%; background: rgb(208, 208, 208); 
}
.outset {
border: 1px black dashed; text-align: center; width: 100%;
}
.marginalized {
margin:2px; width: 550px; text-align:left;
}

.command {
font-family: serif;
color: #0000aa;
}
.section
{
clear: both;
font-weight: bold;
text-align: center;
vertical-align: middle; 
color: rgb(255, 204, 255);
background-color: rgb(153, 51, 153);
}

.theme {float: left; width:100%;}
.theme1 {
/* float: left;  */
width:100%;
background-color: rgb(255, 204, 255); 
text-align: left; 
border-bottom: 1px dotted;
border-color: gray;
color: rgb(51, 0, 51);
float: left;}
.theme2 {
/* float: left;  */
width:100%;
background-color: rgb(235, 184, 235); 
text-align: left; 
border-bottom: 1px dotted;
border-color: gray;
color: rgb(51, 0, 51);
}

.spacer {clear: both;}

.section_description {
text-align: center; 
margin-left: 40px; 
font-weight: bold; 
background-color: rgb(144, 51, 204); 
color: rgb(255, 204, 255);
}
.description1 {
padding-left: 20px;
margin-left: 20px;
text-align: left; 
/* border-bottom: 1px dotted; */
/* border-color: gray; */
/* color: rgb(51, 0, 51); */
/* float: left; */
/* display: block; */

}

.description2 {
margin-left: 20px;
text-align: left; 
/* border-bottom: 1px dotted; */
/* border-color: gray; */
/* color: rgb(51, 0, 51); */
/* float: left; */
/* display: block; */

}

.description3 {
text-align: center; 
vertical-align: middle; 
background-color: rgb(0, 0, 0);
float: left;
/* display: block; */

}
.screenshots {
font-weight: bold;
text-align: center;
background-color: rgb(144, 51, 204);
color: rgb(255, 204, 255);
border-bottom: 1px solid black;
float: left;
}

.screenshot {
border: none;
float: left;
display: block;
width:100px;
}
.screenshot img {
border: 0px solid;
width: 96px;
/* height: 72px; */
}

.qtable { 
background-color:rgb(253, 249, 250); 
border-style: solid solid; 
border-color: rgb(132, 131, 132);
border-width: 2px 2px 2px; 
margin-right: 50px; 
margin-left: 50px; 
}
.step {
border-left:0px solid; 
border-right:0px solid; 
border-color:rgb(132, 131, 132) ; 
background-color: #f3f4fe;
}

.push {
margin-left: 40px;
}
.nudge
{
margin: 10px;
}
.no {
background-color: #FF0000; 
color: #FFFFFF; 
border: 1px #FFaaaa solid; 
}
.yes {
background-color: #00FF00; 
color: #000000; 
border: 1px #aaFFaa solid; 
}
.versus {
background-color: white; 
margin-left: auto; 
margin-right: auto;
 width: 90%;
vertical-align: top; 
text-align: center; 
border: gray 1px groove; 
}
.versus a:link {
color: #FFFFFF;
}
.versus a:visited {
color: #CCAAAA;
}