/* top login links */

#topnav {
    width:700px;
    margin:15px auto;
    background:#FFFFFF;
    padding:10px;
    text-align:right;
}

#topnav a {
    color:#37474F;
    padding:5px 8px;
	font-weight:bold;
}

#topnav a:hover {
    color:#C56B3D;
}

/* main navigation area */

#main-layout {
    width:720px;
    margin:20px auto;
}


/* left menu */

#sidenav {
    width:120px;
    background:#FFFFFF;
    padding:15px;
    float:left;
    margin-right:20px;
}

#sidenav a {
    display:block;
    padding:10px;
    margin-bottom:10px;
    color:#37474F;
    background:#F8F6F2;
	font-weight:bold;
}

#sidenav a:hover {
    background:#C56B3D;
    color:#FFFFFF;
}

/* page content */

#content {
    width:520px;
    background:#FFFFFF;
    padding:20px;
    margin-left:170px;
}

#content h3 {
    color:#8B5E3C;
    margin-top:0;
    text-align:center;
}

#content p {
    line-height:1.5;
}

.cat-profile {
    margin:20px auto;
    display:flex;
    background:#FFFFFF;
    padding:20px;
}

.cat-info {
    width:250px;
}

.cat-image {
    width:200px;
    text-align:center;
}

.cat-image img {
    width:200px;
    object-fit:cover;
}

body {
    background:#F8F6F2;
    color:#333;
    font:0.9em 'Nunito', Arial, sans-serif;
}

h1 {
    color:#37474F;
    text-align:center;
}

h2 {
    color:#8B5E3C;
    text-align:center;
}

#footer {
    clear:both;
    width:700px;
    margin:20px auto;
    padding:10px;
    text-align:center;
    background:#37474F;
    color:white;
}

#footer a {
    color:#D9A441;
}