/* ---------------- */
/* main body styles */
/* ---------------- */

* html {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	font-size: small;
}


/* ------------------ */
/* element containers */
/* ------------------ */

#header {
	position: fixed;
	z-index: 10;
	top: 0;
	width: 100%;
	height: 3em;
	padding: 0 0 1em 0;
	border: #000 solid;
	border-width: 0 0 1px 0;
	background: #fff;
	text-align: center;
}

#title {
	margin: 0 auto;
	font-family: Georgia, Times, serif;
	font-size: 120%;
}

#title a, #title a:visited, #title a:hover {
	text-decoration: none;
	color: #000;
}

#upper_menu {
	margin: 0 auto;
	padding: 0 0 8px 0;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 110%;
}

#upper_menu a, #lower_menu a {
	color: #f00;
	text-decoration: none;
}

#upper_menu a:hover, #lower_menu a:hover {
	color: #000;
}

#footer {
	position: fixed;
	z-index: 10;
	bottom: 0;
	width: 100%;
	height: 3em;
	padding: 0;
	border: #000 solid;
	border-width: 1px 0 0 0;
	background: #fff;
	text-align: center;
}

#lower_menu {
	margin: 0 auto;
	padding: 8px 0 18px 0;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 110%;
}

#ppf_control {
	position: fixed;
	z-index: 11;
	top: 0px;
	right: 0px;
	margin: 0;
	padding: 0;
	width: 78px;
	height: 110px;
}

#sidebar {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	margin: 0;
	padding: 11em 0 5em 0;
	width: 300px;
	/*background: #fff;*/
}

#sidebar_inner {
	padding: 0 44% 0 4px;
	text-align: right;
}

#sidebar_inner ul {
	margin: 24px 0;
	padding: 0;
	list-style-type: none;
}

#wrap {
	text-align: center;
	width: 100%;
	min-width: 995px;
}

#content {
	margin: 11em auto;
	width: 500px;
}

#content_inner {
	margin: 0 0 5em 0;
	padding: 0 0 0 4em;
	text-align: left;
}


/* ------------------- */
/* standard tag styles */
/* ------------------- */

h2 {
	margin: 0;
	padding: 0;
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 110%;
	color: #f00;
}

h3 {
	font-family: "Arial Narrow", Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 100%;
	font-weight: normal;
	color: #f00;
}

h4 {
	margin: 0;
	padding: 0;
	font-family: Garamond, Times, serif;
	font-size: 100%;
	font-weight: normal;
	color: #f00;
}

p {
	margin: 0;
	padding: 0 0 8px 0;
}

a, a:visited {
	text-decoration: none;
	color: #f00;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

a img {
	border: none;
}

img {
	display: block;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	margin: 0;
	padding: 0;
	border: none;
}

input.field { /* text field */
	border: #000 solid;
	border-width: 0 0 1px 0;
	font-family: Garamond, Times, serif;
	font-size: 100%;
	text-align: right;
}

input.button { /* button */
	font-family: Garamond, Times, serif;
	font-size: 90%;
}

select {
	border: #000 solid;
	border-width: 0 0 1px 0;
	font-family: Garamond, Times, serif;
	font-size: 100%;
	text-align: right;
}

select.admin {
	border: #ccc solid 1px;
	font-family: Garamond, Times, serif;
	font-size: 100%;
	text-align: left;
}



/* ------------------- */
/* special tag styles */
/* ------------------- */

.clickable {
	cursor: pointer;
}

.clickable img {
	display: block;
}