body {
	font-family: helvetica, verdana, arial, sans-serif;
	font-size: small;	
	background-color: #fff;
	color: #000;
	text-align:center;
}

A:hover		{ color: #de1315;  }
A:active	{ color: #FFCC66;  }
A		{ color: #555;	   }

p {	margin: 5px 0px 3px 0px;
	padding: 0px;
	text-indent: 20px;
}

#wholepage {
	width: 990px;
	margin-right:auto;
    margin-left:auto;
	margin-top:10px;
	padding:0px;
	text-align:left;
}

.contents {
	float: left;
	width: 800px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;

}

.rightside {
	float:left;
	width: 120px;
}
.logo {
	display:none;
	border: 5px solid #ccc;
	top: 10px;
	width: 120px;
	margin-left:2px;
}

.menu {
	padding-top: 5px;
	line-height: 14px;
	margin-left: 10px;
	border-style: solid;
	border-color: #333;
	border-width: 0px 0px 1px 1px;
	background-color: #DFD7C3;
	/* use a lighter text color (grey) and a smaller font */
	color: #777;
	padding-left: 10px;
	padding-bottom: 20px; 
	font-size: x-small;
	width: 120px;
}

#title {
	color: #DFA200;
}

#title a {
	color: #DFA200;
	text-decoration: none;
}
.menu h1 {
	padding: 5px;
}
.menu h2 {
	font-size: small;
	padding: 5px;
}

.contents h2 {
	padding: 5px; 
	font-size: 1.2em;
	margin-bottom: .5em;
}

.contents h1 {
	margin-top: 0px;
}

h1.descr {
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: small;
	margin-top: 0px;
	margin-left: 110px;
	width: 350px;
	background-color: #FF9933;
	border: 1px dashed #333;
	color: #993300;
}
blockquote {
	background-color: #e4e4e4;
	border: 2px dotted #ccc;
	padding: 2px;
}
h3.item {
	text-align:center;
	font-size: 2em;
	margin: 0px;
	margin-top: 0.2em;
	margin-bottom: 1em;
}

h3.item a {
	color: #35A6FF;
	text-decoration: none;
}
.itembody {	
	margin-top: 5px;	
	margin-bottom: 5px;
	margin-left: 7px;
	padding: 5px;
	line-height: 140%;
}

.itembody p {
	margin-left: 2px;
	margin-top: 0px;
	padding: 0px;
	text-indent: 20px;
}

.itembody h2 {
	font-size: medium;
	border: 0px;
	background-color: white;
	padding: 0px;
	margin-bottom: 0px
}


.iteminfo {	
	font-size: x-small;
	color: gray;
	margin-bottom: 40px;
	margin-top: 50px;
	margin-left:auto;
	margin-right:auto;
	background-color: #DFD7C3;
	border: 1px solid #ccc;
	padding: 2px;
	width: 75%;
}

.iteminfo a {
	font-weight: bolder;
	color: #555;
	text-decoration: none;
}

.comment {
	padding: 0px 0px 10px 10px;
	border: 1px dotted #ddd;
	margin-bottom: 2px;
}

.comment h3 {
	font-size: .5em;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 2px;
}

.commentbody {
	text-align: justify;
}

.commentinfo {	
	font-size: x-small;
	color: gray;
}


.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;	
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;	
}



img {
	border: none;
}

.skip {
	display: none;
}

ul.nobullets {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}

.highlight {
	background-color: yellow;
}

.button {
	border: 1px solid #000;
	width: 50px;
	text-align:center;
	padding: 2px;
	margin: 2px;
	background-color: #CFCEC2;
	color: #000;
}
.callout {
	text-align:center;
	margin: 5px 0px 10px 0px;
	text-decoration:italic;
}