* {margin: 0; padding: 0;}

body {font: 100%/140% Helvetica, Arial, Verdana, sans-serif; color: black; background: #1a1a1a; }

#container {position: relative; background: white; width: 800px; }

p, ul, ol, blockquote, table {margin: 0 0 1em 0;}
h1, h2, h3, h4 {margin: 0 0 .5em 0; color: #42210b;}
ul, ol, blockquote {margin-left: 2em;}

a {text-decoration: none; color: blue;}
a:visited {text-decoration: none; color: purple;}
a:hover {text-decoration: underline; color: purple;}
a:active {text-decoration: none;}

/* ------ MastHead / Header positioning -------- */
#MastHead {position: relative; width: 800px; height: 100px; background: #fff url(../images/header_bg.gif) left top no-repeat; color: white; }

/* ------ Heading level one for branding -------- */
#MastHead h1 {text-indent: -9999em;}
#MastHead h1 a {display: block; width: 500px; height: 100px;}

#MastHead div#contact {position: absolute; right: 20px; top: 24px; color: white; text-align: right; font-size: 14px; line-height: 1.2em;}
#MastHead div#contact h4, #MastHead div#contact p {color: white; margin: 0;}
#MastHead div#contact a {color: white;}

/* ------ Main Navigation - Absolutely positioned in the Header -------- */
#navigation {position: absolute; left: 10px; bottom: 0; width: 860px; height: 30px;}
#navigation ul {list-style: none; }
#navigation ul li {float: left; line-height: 30px;}
#navigation ul li a {float: left; display: block; line-height: 30px; color: white; text-decoration: none; background: #333; padding: 0 10px; }
#navigation ul li a:hover {color: black; background: yellow;}
#navigation ul li a.current {color: black; background: white; cursor: default;}

#MainContent {float: left; width: 500px; padding: 20px 0 20px 20px; font-size: 90%;}

#MainContent h2 {width: 500px; height: 47px; text-indent: -9999em; background: url(../images/lessons_title.gif) left top no-repeat;}
#MainContent h2#team {background-image: url(../images/team_title.gif);}
#MainContent h2#stats {background-image: url(../images/stats_title.gif);}

#MainContent table {border-collapse: collapse; padding: 0; }
#MainContent table tr td {border: 1px solid #42210b; padding: 4px;}
#MainContent table tr th {background: #42210b; color: white; text-align: left; padding: 4px; border: 1px solid #42210b;}

#SecondaryContent {float: right; width: 220px; padding: 20px 20px 20px 0; font-size: 80%;}

#footer {position: relative; clear: both; width: 800px; padding: 10px 0; color: white; background: #42210b; text-align: center;}
#footer a {color: white;}

#mainPhoto {position: absolute; top: 100px; left: 530px; width: 430px; height: 570px; }
#mainPhoto a {position: absolute; color: white; font-weight: bold; right: 50px; bottom: 30px;}