@charset "utf-8";
/* CSS Document */
html, body 
{
height: 100%;
margin: 0px;
}

#header 
{
height: 90px;
background-color: indianred;
color: white;
line-height: 80px;
text-align: center;
}

#nav 
{
line-height: 30px;
background-color: #F9FFD5;
height: calc(100% - 100px);
width: 150px;
float: left;
height: 635px;
}

#nav a 
{
text-align: center;
display: block;
background-color: #F2FF7D;
padding: 10px;
color: #000;
text-decoration: none;
}

#nav a:hover 
{
background-color: #F2FF7D;
color: #9FAF00;
}

#main 
{
width: 600px;
padding: 20px;
float: left;
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"
}

#footer 
{
height: 20px;
background-color: #474747;
color: white;
text-align: center;
clear: both;
}

.caption 
{
background-color: #474747;
color: white;
text-align: right;
font-family: arial, sans-serif;
font-size: 9px;
padding: 5px;
}

.caption a 
{
color: white;
}

.hello 
{ font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font:italic;
}