html {
	height:100%;
}

body {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:8pt;
	background-color:#eeccbb;
	margin: 0 0;
	min-height:100%;
}

p, h1, h2, h3, h4 {
	margin:0 0;
	padding:0 0;
	color:#221100;
}


ul {
	margin-left:-20px;
	margin-bottom:10px;
}

a {
	color:#777555;
}

a img {
	border:none;
}

.page-buttons {
	margin: 10px 0;
	text-align:center;
}

.page-buttons button.left {
	border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	width:80px;
}

.page-buttons button.right {
	margin-left:4px;
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	width:80px;
}

.page-heading {
	padding: 4px 8px;
	margin-bottom:10px;
	font-weight:bold;
}

.page-heading.top {
	margin:10px auto;
	max-width:984px;
}

.error-banner {
	margin:10px;
	border-radius:8px;
	-moz-border-radius:8px;
	background:#800;
	border:1px solid #100;
	color:#fff;
	padding:10px 20px;
	font-weight:bold;
}

.page-heading.contrast {
	background:#ddbbaa;
	color:#221100;
	font-weight:normal;
	border-radius:4px;
	-moz-border-radius:4px;
	font-size:9pt;
	margin:5px;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

.form-row {
	width:400px;
	margin: 0 auto;
}

.form-row.right button {
	margin-left:auto;
}

.form-row input[type=text], .form-row input[type=password], .form-row textarea {
	min-width:398px;
}

input, textarea {
	padding:4px 10px;
	font-size:8pt;
	background-color:ffeedd;
	border:1px solid #000000;
	position:relative;
	border-radius:4px;
	-moz-border-radius:4px;
	width:120px;
	background-color:rgb(255,232,202);
	background-image:url('/assets/graphics/text-input.png');
	background-repeat:repeat-x;
}

button {
	border:1px solid #000;
	background-color:#ccaa99;
	background-image: url('/assets/graphics/buttons/normal.png');
	font-size:8pt;
	border-radius:6px;
	-moz-border-radius:6px;
	padding: 1px 10px;
	cursor:pointer;
}

.center {
	text-align:center;
}

button.big{
	font-size:18px;
	background-image: url('/assets/graphics/buttons/big.png');
	padding:1px 16px;
}

button.big:hover {
	background-position: 0 -20px;
}

button.big:active {
	background-position:0 -32px;
}

button:hover {
	background-position: 0 -8px;
}

button:active {
	background-position:0 -16px;
}

.page-outer {
	min-width:800px;
	margin:0 auto;
}

.output {
	background:#ffeedd;
	overflow:hidden;
}

.output .full-form {
	padding:20px;
}

/*Gallery styling*/

.gallery {
	display:flex;
	flex-wrap:wrap;
	min-height:200px;
	justify-content:center;
}

.gallery-item {
	height:180px;
	padding:10px;
	width:158px;
	margin:10px 10px;
}

.gallery-item p {
	width:158px;
	word-break: break-all;
	word-wrap:break-word;
	overflow-x:hidden;
}

.gallery-item .thumb {
	display:block;
	height:140px;
	width:156px;
}

.gallery-item .thumb img {
	max-height:136px;
	max-width:156px;
	display:block;
	margin:auto auto;
	border:2px solid #887766;
}

/*Masthead styling*/

.masthead .top {
	padding:0 2px;
	background:#443322 url('/assets/graphics/masthead.png');
	-moz-border-radius:0 0 8px 8px;
	position:relative;
	height:50px;
	border-bottom:1px solid #443322;
}

.masthead .top a.logo {
	display:block;
	width:8px;
	padding:0 10px;
}

.masthead .navigation {
	margin:10px 10px;
	padding:5px 0;
	background:url('/assets/graphics/navigation.png');
	height:30px;
	border-radius:8px;
	-moz-border-radius:8px;
	border:1px solid #776655;
}

.navigation.top a {
	float:left;
	position:relative;
	padding: 8px 12px 8px 32px;
	margin-left:6px;
	color:#221100;
}

.navigation.top a:hover {
	background:#eeaa44;
	border-radius:4px;
	-moz-border-radius:4px;
	text-decoration:none;
	color:#ffffff;
}

.navigation.top a span.icon {
	position:absolute;
	left:8px;
	top:5px;
}

.masthead .top .search-form {
	position:relative;
	display:inline-block;
	margin-top:16px;
	margin-left:260px;
}

.masthead .top > * {
	float:left;
}

.search-form  input{
	border-radius:4px 0 0 4px;
	border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	height:12px;
	font-size:10px;
	line-height:16px;
	padding:2px 10px;
	width:76px;
	border-right:none;
	position:relative;
	right:58px;
}

.search-form button {
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	height:18px;
	width:58px;
	padding:0 0;
	position:absolute;
	right:0;
	top:0;
}

.masthead .top .account-links {
	position:absolute;
	top:16px;
	right:20px;
	color:#888777;
}

.account-links a {
	color:#fffeee;
}

/*SideNav Container styling*/

.side-nav-container {
	margin:0 0;
	overflow:hidden;
	position:relative;
	border-radius: 6px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	width:100%;
}

.side-nav-container .left-side {
	width:180px;
	float:left;
	min-height:100%;
}

.side-nav-container .right-side {
	border-left:1px solid #442211;
	display:block;
	margin-left:180px;
	min-height:800px;
}

.side-nav-container .left-side p {
	padding:5px;
}

.side-nav-container .left-side > a {
	display:block;
	padding:4px 8px;
	position:relative;
}

.side-nav-container .left-side > a.special {
	padding:8px 16px 8px 38px;
	font-size:14px;
}

.side-nav-container .left-side > a.selected {
	background:#ffbb00;
	color:#fff;
}

.side-nav-container .left-side > a span.icon {
	position:absolute;
	left:10px;
	top:6px;
}

.side-nav-container .left-side > a:hover {
	background:#eeccbb;
	text-decoration:none;
}

/*Foot styling*/

.foot {
	text-align:center;
	background:#664433;
	padding:20px;
	margin-top:0;
}

.foot p {
	color:#eeddcc;
	margin-bottom:10px;
}

.foot a {
	color:#ccaa99;
}

/*Profile styling*/
.profile-row {
	background:#997766;
	border-bottom:1px solid #554422;
	padding:10px;
	height:52px;
}

.profile-body .box {
	border:1px solid #840;
	border-radius:4px;
	-moz-border-radius:4px;
}

.profile-body .box .heading {
	padding:4px 10px;
	background:#840;
	color:#fff;
}

.profile-body .most-recent .image img {
	max-height:300px;
	max-width:300px;
	margin:0 auto;
	display:block;
}

.box {
	margin-bottom:10px;
}

.box .inner {
	padding:5px;
}

.most-recent .inner > * {
	text-align:center;
	margin:5px;
}

.profile-body {
}

.profile-body .left-column {
	width:384px;
	display:inline-block;
	float:left;
	margin-left:10px;
	margin-top:10px;
}

.profile-body .right-column {
	width:384px;
	display:inline-block;
	margin-left:10px;
	margin-top:10px;
}

.profile-row .profile-image {
	width:50px;
	height:50px;
	border:1px solid #443322;
	float:left;
}

.profile-row .profile-info {
	float:left;
	position:relative;
	top:10px;
	left:10px;
}

.profile-info p, .profile-info h3 {
	color:#ffeedd;
}

.profile-row .navigation {
	float:left;
	position:relative;
	top:34px;
	left:20px;
}

.profile-row .navigation a {
	background-color:#ffddcc;
	display:block;
	float:left;
	height:27px;
	line-height:27px;
	padding:0 10px 0 30px;
	margin-left:10px;
	border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	position:relative;
	color:#332211;
	border:1px solid #886644;
}

.profile-row .navigation a:hover {
	text-decoration:none;
	background:url('/assets/graphics/buttons/tabup.png');
	background-color:#ffffee;
}

.profile-row .navigation a.selected {
	background:url('/assets/graphics/buttons/tabdown.png');
	background-color:#ddccaa;
}

.profile-row .navigation a span {
	position:absolute;
	top:4px;
	left:6px;
}

/*Registration styling*/

form.registration-form {
	padding:20px;
	background-color:rgb(218,165,105);
	background-image: url('/assets/graphics/form.png');
	background-repeat:repeat-x;
	border-radius:4px;
	-moz-border-radius:4px;
}

form.registration-form input, form.registration-form textarea {
	width:auto;
}

form.registration-form .form-row {
	display:block;
	margin-bottom:10px;
}

/*Error page styling*/

.error-page {
	height:100%;
	background:#eeccbb;
	padding:100px;
}

.error-container {
	width:600px;
	margin:0 auto;
	padding:20px;
	border:1px solid #886655;
}

.error-container p {
	margin:10px 0;
}

/*Icon styling*/

span.icon {
	display:block;
	height:20px;
	width:20px;
}

.icon.chat {
	background:url('/assets/graphics/icons/chat.png');
}

.icon.forum {
	background:url('/assets/graphics/icons/forum.png');
}

.icon.events {
	background:url('/assets/graphics/icons/events.png');
}

.icon.help {
	background:url('/assets/graphics/icons/help.png');
}

.icon.browse {
	background:url('/assets/graphics/icons/browse.png');
}

.icon.index {
	background:url('/assets/graphics/icons/index.png');
}

.icon.journal {
	background:url('/assets/graphics/icons/journal.png');
}