html, body {
height:100%;
padding:0;
margin:0;
font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
background:#f2f2f2;
color:#404040;
}

div {
padding:0;
margin:0;
}

textarea {
width:100%;
height:300px;
}

#wrapper {
min-height:100%;
position:relative;
}


#header {
margin:0;
height:150px;
color:#f2f2f2;
}

#header h1 {
	display:none;
}

.home #header, .home #footer {
background:url(img/orange_gradient.png) #404040;
}

.lessons #header, .lessons #footer {
background:url(img/blue_gradient.png) #046d90;
}

.reference #header, .reference #footer {
background:url(img/red_gradient.png) #902704;
}

.glossary #header, .glossary #footer {
background:url(img/green_gradient.png) #6d9004;
}

.tools #header, .tools #footer {
background:url(img/black_gradient.png) #906d04;
}


div.container {
width:800px;
margin:auto;
}

#left_column {
float:left;
}

#logo a {
text-decoration:none;
color:#f2f2f2;
margin:20px 0 0 20px;
display:block;
width:200px;
height:58px;
padding-left:150px;
background:url(img/header_logo.png) left bottom no-repeat;
}

#logo h1 {
margin:0;
font-size:28px;
}

#page_name {
font-size:36px;
margin:20px 0 0 20px;;
}

#right_column {
float:right;
}

#search {
margin-top:100px;
}

#nav {
margin:10px 0;
float:left;
width:120px;
}

#nav a {
display:block;
width:75px;
padding-top:50px;
height:25px;
text-align:center;
color:#f2f2f2;
margin:5px;
text-decoration:none;
}

#nav a:hover {
text-decoration:underline;
}

#home {
background:url(img/home_button.png);
}

#lessons {
background:url(img/lessons_button.png);
}


#reference {
background:url(img/reference_materials_button.png);
}


#glossary {
background:url(img/glossary_button.png);
}


#tools {
background:url(img/tools_button.png);
}

#content {
margin:10px 0 0 130px;
padding-bottom:100px;
min-height:380px;
}

#content a {
text-decoration:none;
}

#content a:hover {
text-decoration:underline;
}

#content p, #content ul, #content table {
margin:0 0 10px 38px;
}

#content h4 {
margin:8px 0 2px 38px;
}

#content h3 {
height:22px;
padding-left:27px;
margin:8px 0 2px 8px;;
}

#content h2 {
height:30px;
padding-left:35px;
margin:30px 0 8px 0;
}

#content h3 a {
color:#404040;
}

.home #content h3 {
background:url(img/orange_square.png) left center no-repeat;
}
.home #content h2 {
background:url(img/big_orange_square.png) left center no-repeat;
}

.lessons #content h3 {
background:url(img/blue_square.png) left center no-repeat;
}
.lessons #content h2 {
background:url(img/big_blue_square.png) left center no-repeat;
}

.reference #content h3 {
background:url(img/red_square.png) left center no-repeat;
}
.reference #content h2 {
background:url(img/big_red_square.png) left center no-repeat;
}

.glossary #content h3 {
background:url(img/green_square.png) left center no-repeat;
}
.glossary #content h2 {
background:url(img/big_green_square.png) left center no-repeat;
}

.tools #content h3 {
background:url(img/black_square.png) left center no-repeat;
}
.tools #content h2 {
background:url(img/big_black_square.png) left center no-repeat;
}


table.hours {
//width:100%;
}

table.hours th.row_label {
text-align:right;
}

table.hours td {
background: #d9d9d9;
text-align:center;
padding:0 5px;
}


#footer {
position:absolute;
bottom:0;
width:100%;
text-align:center;
padding:20px 0;
color:#f2f2f2;
height:50px;
}

#footer a {
color:#f2f2f2;
text-decoration:none;
margin:0 10px;
}

#footer a:hover {
text-decoration:underline;
}










div.post p.info {
font-style:italic;
text-align: right;
font-size: 0.8em;
margin:0;
}

div.post p.links{
text-align: right;
font-size: 0.8em;
margin:0;
}

div.post p.links a {
margin:0 5px;
color: #404040;
}


table.posts {
width: 100%;
}

table.posts td {
font-size: 0.9em;
padding: 3px;
}

table.posts th {
padding: 3px;
text-align:left;
}

table.posts th a  {
color: #404040;
}

table.posts tr.light td {
background: #f9f9f9;
text-align:left;
}

table.posts tr.dark td {
background: #d9d9d9;
text-align:left;
}



.fine_print {
font-size: 10px;
}