body {
   margin: 20px 0;
   text-align: center;
   font-family: sans-serif;
	font-size:14px;
}

a {
	
	color:#0d5072;
}

#top {
   width: 800px;
   text-align: left;
   margin: auto;
   margin-bottom: 5px;
}

#top ul {
   text-align: right;
   list-style: none;
   margin: 0px;
   padding: 0px;
}

#top ul li {
	display: inline-block;
   list-style: none;
   padding-right: 20px;
}

#top ul li a {
   font-size: 12px;
   color: #330000;
   text-decoration: none;
}

#bar {
   background: url(/template/v1/images/tile_bar.png) repeat-x;
	border-top:1px solid #ddd;
   height: 41px;
}

#bar ul {
   text-align: left;
   width:800px;
   margin: auto;
   padding: 0px;
   list-style: none;
}

#bar ul li {
   margin: 0px;
   padding: 0px;
   display: inline;
   list-style-type: none;
   padding-right: 30px;
}

#bar a img {
   border: 0px;
}

#bar a:hover {
   border-bottom:4px solid #330000;
}

#middle {
   background: url(/template/v1/images/pattern-back2.png) repeat #535353;
   padding: 10px;
}
#content {
   width: 800px;
   text-align: left;
   border: 2px solid #ccc;
   margin: auto;   
   padding: 0;
   background: #fff;
   color: #333;
	line-height:20px;
}

h3, h3 a {
   font-weight: bold;
   padding: 0px;
   margin: 0px 0px 10px 0px;
   font-size: 18px;
   color: maroon;
   text-decoration:none;
}

ul, li {
	margin-bottom:10px;
}

#bottom {
   background: #eee;
   font-size: 11px;
   font-style: italic;
	padding:10px 0px 10px 0px;
}


.screenshots {
	text-align:center;
	padding:5px;
}

.screenshots a {

}

.screenshots img {
	margin:10px;
	border:2px solid #aaa;
}

.page-title {
	padding:10px;
}

.page-content {
	padding:10px;
}