/* Main Elements */
body { background: #000000; text-align: justify; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: small; text-align: justify; color: #555E4F; }
h1, h2, h3, h4, h5 { margin: 0; }
a { text-decoration: none; }
a:hover { color: #555E4F; text-decoration: none; }

/* Main Header */
#header { width: 700px; margin: 0 auto; color: #808080; }
#header h1 { float: left; margin: 0px 0 0 0px; font-size: 30px; letter-spacing: -2px; }
#header h2 { float: right; margin: 40px 20px 0 0; font-size: 18px; letter-spacing: -2px; }

/* Left Menu */
#nav { float: left; width: 200px; margin: 0px auto; padding-bottom: 20px; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #323B2E; }
#nav ul { margin: 0px; list-style: none; padding: 0px; }
#nav a { display: block; width: 190px; padding: 15px 0px; background-color: #D9D9D9; border-top: 1px solid #EDEDED; border-bottom: 1px solid #B5B5B5; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; color: #808080 ; }
#nav a:hover { background-color: #8A8A8A; border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; color: #FFFFFF; }

/* Page Layout */

#content { width: 700px;  margin: 0 auto; padding-top: 10px; border: 10px solid #FFFFFF; border-top: none; background: #E9EAE2; }
#content h2 { margin-bottom: 20px; font-size: 18px; letter-spacing: -1px; color: #808080; }

#colLeft { float: left; width: 200px; margin-top: 20px; padding: 0 10px 0 20px; }
#colRight { float: right; margin-top: 20px; width: 430px; padding: 0 20px 0 20px; }

#footer { width: 700px; margin: 0 auto; padding-top: 20px; }
#footer p { text-align: center; padding: 0; font-size: 10px; }