@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
/*border: 1px solid #F00;*/
}

body {

    text-align: center;
}

#container {
background-color: #fff;
    margin: 20px auto;
    text-align: left;
    width: 94%;
}

#header {
/*background-image: url(./img/potbellyheader.jpg);
background-repeat: no-repeat;
background-position: 60% 90%;*/
background-color: #8BB640;
padding: 0 1em;
border-bottom: 1px solid #241a08;
}

h1 {
font-family:'consolas', 'trebuchet MS', 'Verdana', sans-serif;
color: #fff;
font-size: 300%;
width: 272px;
}

#menu {
text-align: right;
font-size: 80%;
margin-left: 300px;
padding-top: 4px;

}

#menu span {
cursor: pointer;
color: #126cc9;
}

h2 {
padding-left: 5px;
}

div#main {
clear: both;
float: left;
width: 78%;
text-align: center;


}

#result {
margin: 0px auto;
text-align: left;
overflow: auto;
/*border: 1px #c00 solid;*/
}

div#result div {
font-size: 100%;
padding: 1em 0.5em;
}

div.even {
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
background-color: #F5F4EE;
}

div#side {
font-size: 80%;
margin-left: 80%;
line-height: 1.5;
}

div#about {
text-align: left;
}

#footer {
border-top: 2px solid #241a08;
margin-top: 5px;
    font-size: small;
    text-align: right;
    padding: 5px;
    clear: both;
}


a img {
border: none;
}

a:link {color: #126cc9; text-decoration: none;}
a:visited {color: #126cc9; text-decoration: none;}
a:hover {color: #c00; text-decoration: none;}
a:active {color: #F00; text-decoration: none;}

#header h1 a {
    text-decoration: none;
}
#header h1 a:link {color: #000;}
#header h1 a:visited {color: #000;}
#header h1 a:hover {color: #c00;}
#header h1 a:active {color: #F00;}