html {
  overflow-y:scroll
}

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #555555;
  max-width:300px;
  margin:0px auto;
  background:#e9e6e3;
  background-image:url('img/back.png');
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.2em;
}

a {
	color: #333333;
}

ul {
  margin-left:2em;
  margin-bottom:1em;
}
li {
  padding: 0.2em 0;
}
form {
  margin:1em
}

img.left {
	margin: 3px;
	border: 2px solid #848C8F;
}
img.framed {
	margin: 3px;
	border: 2px solid #848C8F;
}

hr {
  clear:both;
  border:none;
  border-bottom:1px dotted #cccccc;
  margin:0 0 10px 0;
  height:9px
}

p {
  margin-bottom:0.5em;
}

#logo {
  margin: 0.5em;
  text-align:center;
}

#menu {
  text-align:center;
	padding: 2px;
  background: #f4f2ef;
  color:#70192b;
  margin-bottom:1em;
}

#menu a {
  color:#70192b;
  white-space:nowrap;
}

#main {
  margin: 0;
  padding:0.5em;
  background:#f0f0f0;
  border-top:8px solid #cccccc;
  border-bottom:8px solid #cccccc;
}

#main img {
  margin:0.5em auto;
  text-align:center;
}

div.clear {
  height:1px;
  clear:both;
}

#ads {
  clear:both;
  background: #F0F0F0;
  color:#70192b;
  padding:0.5em;
  margin-bottom:1em;
  border-top:1px solid #cccccc;
}

#footer {
  clear:both;
	padding: 0.5em;
  text-align:center;
  background: #f4f2ef;
  color:#70192b;
}

#footer a {
  color:#70192b;
}


.ui_box {
  margin-top:0.5em;
  padding-top:0.5em;
  border-top:1px dotted #cccccc;
}