* { margin: 0; padding: 0; }
body { font-family: "Trebuchet MS", verdana, sans-serif; font-size: 13px; color: #333333; background: #333333; }

#container { margin: 50px auto; width: 700px; }

#header { width: 698px; height: 100px; background: url(../img/png/header.png) no-repeat; border: 1px solid #ffffff; }

#nav { margin-top: 10px; height: 28px; }
#nav img { border: 0; float: left; }
#nav ul { list-style: none; }
#nav ul li { text-align: center; vertical-align: bottom; float: left; }
#nav ul li#active { text-align: center; vertical-align: bottom; float: left; background: #ffffff; }
#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited { padding: 5px 20px; color: #ffd73b; text-decoration: none; display: block; }
#nav ul li a:hover { text-decoration: underline; }
#nav ul li#active a,
#nav ul li#active a:link,
#nav ul li#active a:visited { padding: 5px 20px; color: #000000; text-decoration: none; display: block; }
#nav ul li#active a:hover { text-decoration: underline; }

#page { padding: 10px; background: #ffffff; }

h1 { margin-top: 10px; font-size: 16px; text-transform: uppercase; }
p { margin: 10px 0; text-align: justify; }
span { font-size: 11px; font-weight: normal; }

a,
a:link,
a:visited { color: #333333; text-decoration: underline; }
a:hover { text-decoration: none; }

a img { border: 2px solid #333333; }

#page ul { margin-left: 20px; list-style: square; }

#left { float: left;  padding-right: 26px; width: 500px; }
#right { float: left;  width: 152px; }
#footer { clear: both; padding-top: 30px; font-size: 11px; text-align: center; }