@charset "utf-8";
/* CSS Document */

html,body {
	min-height:100%;
	height:100%;
}
body {
	background:#DCF url('../images/grad.png') repeat-x left top;
	padding:0px;
	margin:0px;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:100%;
	text-align:justify;
}
#container {
	width:90%;
	min-height:100%;
	max-width:1000px;
	min-width:600px;
	
	margin:0px auto;
	padding:0px 20px;
	position:relative;
	
	background-color:#F8FFF8;
	background-image: url('../images/bgrgradl.png'), url('../images/bgrgradr.png');
	background-repeat: repeat-y;
	background-position: top left, top right;
}

#login {
	position:absolute;
	right:20px;
	top:10px;
	
	display:block;
	width:150px;
	padding:5px 0px;
	text-align:center;
	border-radius:5px;
	
	font-size:75%;
	font-weight:bold;
	visibility:hidden;
}
#login:hover { background-color:#9C9; }
#title>img {
	width:600px;
	max-width:100%;
}

#optionmenu {
	margin:10px 10px 25px;
	padding:3px;
	list-style:none;
	background-color:#555;
	border-radius:10px;
}
.optionmenuitem {
	display:inline-block;
	width:25%;
}
.optionmenuitem a {
	display:block;
	margin:3px;
	padding:7px 0px;
	text-align:center;
	color:#FFF;
	font-size:110%;
	font-weight:600;
	border-radius:4px;
}
.optionmenuitem a:hover { background-color:#887840; }

.sectiontitle {
	height:11px;
	margin:30px 15px 5px 15px;
	border-bottom:1px solid #ACA;
	text-align:left;
}
.sectiontitle h2 {
	display:inline-block;
	margin:0px;
	padding:0px 5px;
	background-color:#F8FFF8;
	line-height:1em;
	font-size:20px;
	cursor:pointer;
}
.sectionbody { margin:35px 0px 15px; }
.anchor {
	margin:3px 15px;
	float:right;
	font-size:14px;
}
.maintext .anchor, .fulltext .anchor {margin:3px 0px;}
.maintext, .fulltext { font-size:90%;}
.maintext a[href], .fulltext a[href], .anchor a[href], blockquote a[href] {
	color:#608;
	font-weight:600;
}
.sidebar { float:left; width:30%; }
.mainbar { float:right; width:70%; }
.sidebox {
	margin:0px 20px 0px 10px;
	padding:4%;
	background-color:#887840;
	font-size:105%;
	color:white;
	border-radius:8px;
}
.sidebox>img { width:100%; }
.sidebox>blockquote {
	margin:5px 10px;
	font-style:italic;
}
.sidebox ul {
	margin:0px 20px;
	padding:0px;
	list-style:none;
	font-weight:600;
}
.sidebox>ul { margin:5px 10px; }
.sidebox li { margin:5px 0px; }
.maintext, .fulltext {margin: 0px 20px;}
.maintext ul, .fulltext ul {
	list-style:square;
	text-align:left;
}

.layout { padding:0px; margin:0px; }
.clear { clear:both; }
.divider { clear:both; height:10px; }
a { color:inherit; text-decoration:none; }
h2, h3 { color:#353; }
a.currentlink { color:#DBF; cursor:pointer; }
p:first-child, h3:first-child {margin-top:0px;}