/*style.css */

html {
background: #efefef;
margin: .1em 2%;
}  
h1, h2, h3, h4, h5, h6 { 
font-family: Helvetica, Verdana, sans-serif; 
font-weight: bold; 
color: #333; 
margin-bottom: 0.2em; 
} 
h1 { 
font-size: 2.2em; 
} 
h2 { 
font-size: 2.0em; 
} 
h3 { 
font-size: 1.8em;  
} 
h4 { 
font-size: 1.6em; 
} 
h5 { 
font-size: 1.4em; 
} 
h6 { 
font-size: 1.2em; 
}
 
body { 
border: 1px solid #ccc;
font-family: Helvetica, Verdana, sans-serif;
font-size: 0.9em; 
color: #333; 
background: #fff5da; 
}

#header { 
max-width: 100%;
height: 100px;
font-size: 1.4em; 
padding: .1em; 
} 

#nav {
height: 1.6em;
}
#nav ul {
display: inline;
}
#nav li {
display: inline;
font-size: 1.1em;
color: #333; 

}
a {
margin: .1em .3em;	
text-align: center; 
color: #333;
text-decoration: none;
}

a.active { 
color: #aaa; 
text-decoration: none; 
}

#content { 
margin-left: 4em; 
text-align: left;
line-height: 1.5em; 
} 

#footer {
height: 2em;
padding-top: .3em;	
font-size: .9em;
color: #333;
background-color: #efefef;
border: 1px solid #999;
}

.span { 
float: right;
margin: 0 5px;
color: silver; 
}

#footer a {
text-decoration: none; 
color: #333; 
}	
#footer a:hover { 
color: blue;  
text-decoration: none; 
}