@charset "utf-8";
/*CSS document */
/** {
    margin:0;
    padding:0;
    border:0;
}*/

body {
    font-family: Verdana, sans-serif;
    background-color: #FFFFFF;
}

h1,h2,h3 {
    font-family: Georgia, serif;
}

h1 {
    color: #5B5B5B;
    font-weight: bold;
}
h2 {
    color: #CA6E42;
    font-weight: bold;

}
h3 {
    color:#CA6E42;
}

#wrapper {
    width: 90%;
    margin: 5px auto;
    padding:5px 30px;
    border: solid 1px grey;
    border-collapse: collapse;
    color:#5B5B5B;
}

#header{
    width: 100%;
    float:left;
    padding:0 1% 0 0;
    border-bottom: solid 3px black;
  }

#versions{
    display:flex;
    width: 40%;
    align-items: center;
    background: #d1cece;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0.5rem;
    margin:20px 0;
}
.version-header{
    border-bottom: 1px solid #ccc;
    padding-bottom:8px;
    margin-bottom:12px;
}

.version-header h4{
    margin:0;
    font-size:1.1em;
    color:#333;
}
.version-list{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.version-list li{
    display: block;
    margin: 6px 0;
}

.version-list li a {
    display: block;
    padding: 0.3rem 0;
}

.version-list a:hover{
    background-color:#e6e6e6;
    border-radius:4px;
}


#navigation{
    list-style-type: none;
    padding:15px 4px;
    margin: 5px;
    background-color: rgb(255, 211, 15);
    color: white;
}

.primarynav{
    display:inline-block;
    padding:0;
    margin:0 0 10px 0;
}
.primarynav a{
    text-decoration:none;
    color:white;
    font-weight:bold;
}
.primarynav a:hover {
    text-decoration: underline;
    background-color: #aa9b63;
}
.current{
    border-bottom: solid 2px #FFFFFF;
}
#footer{
    width:100%;
    color:#CA6E42;
    clear:both;
}

#content {
    width:100%;
    margin:0;
    padding:0;
}

#main-content {
    width: 60%;
    float:left;
    margin:0;
    padding:0 1%;
}

#secondary-content {
    width:20%;
    float:left;
    margin: 1em 0;
    padding: 0 1%;
    background-color: #CA6E42;
    color: white;
}

#secondary-content h4{
    color:white !important;
}

#nav-content {
    width:14%;
    float:left;
    margin: 1.5em 0%;
    border-right: solid 1px grey;
    border-collapse:collapse;
}