@charset "UTF-8";
/* CSS Document */

* {
padding: 0;
margin: 0;
}
html {
overflow-y: scroll;
}
html, body {
height: 100%;
}
body {
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #fff;
}
h1 {
font-size: 1.8em;
background-color: #333333;
color: #FFF;
padding: 1em;
margin: 0 1px;
}
h2 {
font-size: 1.2em;
padding-bottom: 0.3em;
}

h3 {
font-size: 1.1em;
padding-bottom: 0.3em;
}

p {
padding-bottom: 1.5em;
}
a, a:link {
color: #3A484C;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #000;
}

#container {
height: 100%;
font-size: 0.7em;
width: 750px;
margin: 0 auto;
background-color: #fff;
height:100%;

}
* html #container {
height: 100%;
}

#navigation {
float: left;
width: 128px;
padding: 20px 11px;
background-color: #E0E0E0;
list-style-type: none;
margin-top:20px;
height:83%;
}

#content {
float: left;
width: 500px;
padding: 10px 11px 10px 80px;
/*border-left-style:solid;*/
margin-top:13px;
}


#container:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#btn-group button {
    background-color: #000; /* black background */
    width: 40px;
    /*margin-top:5px;*/
    border: 1px solid white; /* white border */
    color: white; /* White text */
    padding: 7px 7px; /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: right; /* Float the buttons side by side */
}

/* Clear floats (clearfix hack) */
#btn-group:after {
    content: "";
    clear: both;
    display: table;
}

#btn-group button:not(:last-child) {
    border-right: none; /* Prevent double borders */
}

/* Add a background color on hover */
#btn-group button:hover {
    background-color: #d3d3d3;
}