#row1 {
margin: 40px auto;
padding: 0 1em;
max-width: 61.75em;
}
#row2 {
margin: 40px auto;
padding 0 1em;
max-width: 61.75em;
}

#menu {
margin: 5%; 
width: 10%;

}

.menu {
float: left;
background: #C0D9AF;
display: inline;
color: #024;
list-style-type: none;
font: 14px Verdana, sans-serif;
font-weight: bold;
padding-top: 6px;
padding-bottom: 6px;
text-align: center;
width: 150px;
}

.menu ol, ul, a{
color: #024;
background: #C0D9AF;
text-decoration: none;
border-bottom: 2px dashed #fff;
}

img {
border: none;
text-decoration: none;
}


.link {
text-decoration: none;
background: transparent;
color: #000;
}
.empty {
border-bottom: 0;
}


ol, ul {
list-style-type: none;
}

#title {
margin:27.69%;
width: 80%;

}

.title {
background: #fff;
color: #000;
}

#sidebar {
width: 20%;
position: relative;

}
.sidebar {

margin: 0 -125px;
float: left;
background: #fff;
color: #024;
border: 2px dashed #006400;
width: 200px;
}

#content {
width: 80%;
}
.content {
margin: 0 100px;
border: 4px solid #006400;
background: #fff;
color: #024;
width: 50em;
}

h1 {
background: #dcdcdc;
color: #024;
margin: -9px -9px 0.5em;
padding: 15px 0 5px;
font: italic bold 25px/25px arial,sans-serif;
letter-spacing: 0.5em;
text-align: left;
}

h3 {
margin-bottom: 0.25em;
}

h4 {
background: #C0D9AF;
color: #024;
margin: 0;
padding: 0%;
font: italic bold 1.5em arial,sans-serif;
letter-spacing: 0em;
text-align: center;
}

h5 {
background: #838B83;
color: #024;
margin: 0;
padding: 0%;
font: italic bold 1em arial,sans-serif;
letter-spacing: 0em;
text-align: center;
}

#container, #footer {
width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 1202? "1200px" : "auto");
	}