body {
    margin:0;
    padding:0;
    font-family: 'Verdana', serif;
}
h1 h2 h3 h4 h5 h6 {
    font-size: 100%;
}
p {
    font-size: 0.9em; 
}
#container {
    width:1000px;
    margin:auto;
}
#logo img {
  	padding:4px;
}
nav {
    background-color:#325EB2;
    text-align:center;
    -moz-box-shadow: 0 5px 5px -5px #333;
    -webkit-box-shadow: 0 5px 5px -5px #333;
    box-shadow: 0 5px 5px -5px #333;
}
nav ul {
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
}
nav li {
    margin:0;
    padding:0;
    list-style:none;
    display:inline;
}
nav a {
    color:#fff;
    text-decoration:none;
    display:inline-block; 
    margin:0;
    padding:4px 8px;
    font-weight:bold;
}
nav a:hover,nav a:focus,
    nav a:active {
    background-color:#213091; 
}
main {
    padding:10px 30px;
    float:left;
    width:700px;
    padding:0 10px 10px 0;
    box-sizing:border-box;
    font-size:0.9em;
}
main2 {
    padding:10px 30px;
    float:left;
    width:1000px;
    padding:0 10px 10px 0;
    box-sizing:border-box;
    font-size:0.9em;
}
#topics-list {
    float:right;
    width:300px;
    text-align:center;
    box-sizing:border-box;
    padding:0 0 10px; 
    background-color:#f9f9f9;
    display:block; 
    height:100%;
    -moz-box-shadow: 0 5px 5px -5px #333;
    -webkit-box-shadow: 0 5px 5px -5px #333;
    box-shadow: 0 5px 5px -5px #333;
}

.link-button {
    margin-top: 15px;
    max-width: 200px;
    background-color: #eee;
    border-color:#888888;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    align-items: flex-start;
    cursor: default;
    -webkit-appearence: push-button;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    font-size: 1em;
    font-family: inherit;
    font-weight: bold;
    border-color:#000;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    min-height: 30px;
}
.link-button a {
    margin-top:4px;
    display:inline-block;
    text-decoration:none;
    color:#333;
}

.link-button:hover {
    background-color:#888;
}

.link-button:active {
    background-color:#333;
}

.link-button:hover a, .link-button:active a {
    color:#fff;
}

footer {
    clear:both;
    margin:20px 0 50px 0;
    text-align:center;
    background-color:#eee;
    padding:3px;
    -moz-box-shadow: 0 5px 5px -5px #333;
    -webkit-box-shadow: 0 5px 5px -5px #333;
    box-shadow: 0 5px 5px -5px #333;
}
nav li.tablet,nav li.phone {
  	display:none;
}
textarea {
    height: 125px;
    width:90%;
}

.label {
	display: block;
} 

label.error {
	text-align:right; 
	color: red; 
	display: inline;
	font-weight:bold; 
	font-size:80%;
}

input.error {
	outline: 1px solid #ff0000;
}

select.error {
	outline: 1px solid #ff0000;
}

textarea.error {
	outline: 1px solid #ff0000;
}


@media (max-width: 1000px) {
nav li.desktop,nav li.phone {
 	display:none;
}
nav li.tablet {
    display:inline;
}
#container {
    width:100%;
}
img.floatleft {
    display:block;
    padding:5px;
}
main,#topics-list {
    float:none;
    width:auto;
    padding:0 10px;
}
img {
    max-width:100%;
    height:auto; 
}
}

@media (max-width: 700px) {
nav li.desktop, nav li.tablet {
    display:none;
}
nav li.phone {
    display:block;
}
nav li {
    text-align:left;
}
nav a {
width:100%; 
    display:block;
    font-size:18px;
}
img.floatleft {
    margin:auto;
    float:none;
}
}