body {
background-color: #e1e1e1;
}

#Container {
width: 770px;
margin: 5px auto;
border: 2px solid #fc0;
background-color : #fff;
}

#TopHeader {
width: 770px;
background-color: #fff;
margin: 0px;
}

#LeftPanel {
float: left;
width: 218px;
background-color: #fff;
text-align: center;
}

#Content {
margin-left: 218px;
background-color: #fff;
border-left: 1px solid #fc0;
padding: 30px;
}

#FooterNav {
width: 770px;
background-color: #fc0;
}

p {
font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
margin: 0px;
padding: 0px;
}

#Content p {
font: 12px  "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
line-height : 18px;
margin: 0px;
padding-bottom: 10px;
}

#LeftPanel p {
margin: 30px;
padding: 2px;
font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
line-height : 18px;
border: 1px solid #ccc;
}

#Content h1 {
font: 20px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #999;
margin: 0px, 0px, 10px, 0px;
padding: 0px;
}

#Content h2 {
font: 18px "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #999;
margin: 0px, 0px, 10px, 0px;
padding: 0px;
}

#Content ul {
background-color: #fff;
}

#Content li {
font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
list-style-type : circle;
}

#Content a {
font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
text-decoration: underline;
}

#Content a:hover {
font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #fc0;
text-decoration: underline;
}

#navbar {
width: 768px;
background-color: #ccc;
margin: 0;
padding: 0;
height: 18px;
border: 1px solid #999;
}

#navbar ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navbar ul li {
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navbar ul li a {
background: #ccc;
width: 108px;
height: 18px;
padding: 0;
margin: 0;
border-right: 1px solid #999;
color: #666;
text-decoration: none;
display: block;
text-align: center;
font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

#navbar ul li a:hover {
color: #000;
background: #fc0;
}

#navbar li#active a {
width: 108px;
background: #fc0;
color: #fff;
}

#navbar li#active a:hover {
width: 108px;
background: #fc0;
color: #000;
}

#FooterNav a {
font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}

#FooterNav a:hover {
font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
text-decoration: none;
}

#authorcredit {
width: 770px;
margin: 40px auto;
background-color: #fff;
border: 2px solid #fc0;
}
#authorcredit p {
font: 11px "Trebuchet MS", verdana, helvetica, sans-serif;
color: #666;
padding: 0px;
margin: 0px;
text-align: center;
}

#authorcredit a {
font: 11px "Trebuchet MS", verdana, helvetica, sans-serif;
color: #666;
text-decoration: underline;
}

#authorcredit a:hover {
font: 11px "Trebuchet MS", verdana, helvetica, sans-serif;
color:  #f90;
text-decoration: underline;
}

#authorcredit img {
vertical-align : middle;
}

input {
font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
background-color : #ffc;
}

textarea {
font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
background-color : #ffc;
}

.send {
font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #fff;
font-weight: bold;
background-color : #fc0;
}

form {
font: 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666;
}