div {}

body {
margin-top: 0px;
}

#content {
width: 700px;
margin-left: auto;
margin-right: auto;}

img {border: 0;}

#topnavbar {}

ul {list-style: none;
padding: 0;
margin: 0;}

li {float: left; margin: 0px 2px 0px 2px;}

a {
}


.red {
height: 25px;
line-height: 25px;
float:left;
width: 170px;
display: block;
text-align: center;
text-decoration: none;
font-size: 18px;
font-family: Skia, "Lucida Sans", "Franklin Gothic Demi", Verdana, Helvetica, Arial, sans-serif;
border-top: 10px red solid;
background-color: red;
color: white;}


.yellow {
height: 25px;
line-height: 25px;
float:left;
width: 170px;
display: block;
text-align: center;
border-top: 10px #ffea06 solid;
text-decoration: none;
font-size: 18px;
color: #a6a3a3;
font-family: Skia, "Lucida Sans", "Franklin Gothic Demi", Verdana, Helvetica, Arial, sans-serif;}



a:hover.yellow, a:active.yellow {
height: 25px;
line-height: 25px;
float:left;
width: 170px;
display: block;
text-align: center;
text-decoration: none;
font-size: 18px;
font-family: Skia, "Lucida Sans", "Franklin Gothic Demi", Verdana, Helvetica, Arial, sans-serif;
background-color: #ffea06;
color: white;}

.blue {
height: 25px;
line-height: 25px;
float:left;
width: 170px;
display: block;
text-align: center;
border-top: 10px #1f1fa8 solid;
text-decoration: none;
font-size: 18px;
color: #a6a3a3;
font-family: Skia, "Lucida Sans", "Franklin Gothic Demi", Verdana, Helvetica, Arial, sans-serif;}

a:hover.blue, a:active.blue {
height: 25px;
line-height: 25px;
float:left;
width: 170px;
display: block;
text-align: center;
text-decoration: none;
font-size: 18px;
font-family: Skia, "Lucida Sans", "Franklin Gothic Demi", Verdana, Helvetica, Arial, sans-serif;
color: white;
background-color: #1f1fa8;}

.green {
height: 25px;
line-height: 25px;
float:left;
width: 170px;
display: block;
text-align: center;
border-top: 10px #83c126 solid;
text-decoration: none;
font-size: 18px;
font-family: "Lucida Sans", "Franklin Gothic Demi", Verdana, Helvetica, Arial, sans-serif;
color: #a6a3a3;}

a:hover.green, a:active.green {
height: 25px;
line-height: 25px;
float:left;
width: 170px;
display: block;
text-align: center;
text-decoration: none;
font-size: 18px;
font-family: "Lucida Sans", "Franklin Gothic Demi", Verdana, Helvetica, Arial, sans-serif;
background-color: #83c126;
color: white;}







#main-section {clear:both;
margin-top: 50px;}

logo {
margin-left: 0px;}

#main-text {
font-family: "Franklin Gothic Book", Arial, sans-serif;
font-size: 1em;
padding-top: 50px;}

#main-text a {
color: red;
font-weight: bold;}

#main-text a:hover {
background-color: #83c126;}

.logo {
margin-top: 10px;
margin-right: 25px;
margin-bottom: 60px;
margin-left: 10px;
padding: 0px;
float: left;}

h1 {}

h2 {
font-family: Skia, "Lucida Sans", "Franklin Gothic Demi", Verdana, Helvetica, Arial, sans-serif;
color: #a6a3a3;
font-size: 1.5em;}

.sample{
border: 3px #d1cece solid;
padding: 5px;
margin-right: 0px;}

#footer {
font-family: "Franklin Gothic Book", Arial, sans-serif;
font-size: .75em;
color: #a6a3a3;
text-align: center;}

#footer a {
color: red;
font-weight: bold;}

#footer a:hover {
background-color: #83c126;}

p {
clear: both;}

a {}

a:link {}

a:visited {}

a:hover {}

a:active {}