h2,h1 {paddin-bottom:   1em;
    padding-top:     1em;
    color: darkblue;}
    
.style2 {
	font-size: 14px;
	font-weight: normal;
	color: #0000FF;
	background-color: #DDDDDD
}

.style1 {
	font-size: 36px;
	font-weight: bold;
	color: #3300FF;
	background-color: #FFFFFF;
}

.blog {
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	margin: 50px;
	font-family: Arial, Helvetica, sans-serif;
}
#container
{
width: 90%;
margin: 10px auto;
background-color: #fff;
color: #333;
border: 1px solid gray;
line-height: 130%;
}

#top
{
padding: .5em;
background-color: #ddd;
border-bottom: 1px solid gray;
}

#top h1
{
padding: 0;
margin: 0;
}

#leftnav
{
float: left;
width: 160px;
margin: 0;
padding: 1em;
}

#content
{
margin-left: 200px;
/** border-left: 1px solid gray; **/
padding: 1em;
max-width: 70em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }


#menu a, #menu a:visited {
  position:relative;
  text-decoration:none; 
  text-align:center; 
  background-color:#9ab; 
  color:#fff; 
  display:block; 
  width:10em; 
  border:2px solid #fff;
  border-color:#def #678 #345 #cde;
  padding:0.25em;
  margin:0.5em auto;
  }

#menu a:hover {
  top:2px;
  left:2px;
  color:#fff;
  border-color:#345 #cde #def #678;
  }