body {
   #border: 4px ridge #3A3;
   padding: 5px;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
}


h1, h2, h3, h4 {
   text-shadow: 1px 2px 1px #ba9;
   margin-top: 10px;
   margin-bottom: 5px;
   padding: 3px;
   border-bottom: 2px double #ba9;
}


h5 {
   text-shadow: 1px 2px 1px #ba9;
   margin-top: 12px;
   margin-bottom: 4px;
}

a:link {color: #308A7F;text-decoration: none;} 
a:visited {color: #308A7F;text-decoration: none;} 
a:hover {color: #3387D9;text-decoration: underline;}


#titlebar h1 {
   text-align: center;
   background: #453;
   border: 4px ridge #131;
   color: #EFE;
   text-shadow: 1px 2px 1px #111;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 10px;
   padding: 10px;
}
 
.article {
   border: 1px dotted #aaa;
   margin: 0.5em;
   padding: 0.5em;
}

#sidebar {
	float: left;
	width: 200px;
	text-align: center;
	background: #cdc;
	border: 2px ridge #3A3;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 90%;
}

#content {
	padding: 5px;
	margin-left: 235px;
	background: #d9e9c1;
	border: 2px ridge #3A3;
}

#footer {
	clear: both;
	width: 700px;
	margin: 0 auto;
        margin-top: 20px;
	padding: 5px;
        text-align: center;
	border-top: 1px solid #333;
}


.leftimg {
  margin: 4px 10px 5px 4px;
  display:inline;
  float:left;
}

.rightimg {
  margin: 4px 4px 4px 4px;
  padding: 3px;
  display:inline;
  float:right;
}