html {
	background: #fff scroll repeat-x url(/images/pinstrip.gif) top left;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 1em
}

body {
	margin: 0 10% 10% 10%
}

a:hover abbr, a:hover acronym {
	border: none
}

blockquote.quote {
	background-color: #d5e8eb;
	font-style: italic;
	padding: 0.1em 1.5em 0.1em 1.5em
}

pre, code {
	/*background-color: #E7F0FF;*/
	display: block;
	margin-left: 5%
}

code strong {
	background-color: #ffff88
}

#navigation {
	text-align: right
}

#navigation li {
	display: inline
}

#navigation a {
	color: #313142;
	margin-left: 1em;
	text-decoration: none
}

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

#title {
	border-bottom: #949c9c solid 1px;
	font-size: 4em;
	margin-top: 1em;
	padding-bottom: 0.5em
}

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

#title span {
	display: block;
	font-size: 0.4em
}

#menu {
	color: #318c9c;
	float: left;
	font-weight: bold;
	padding-top: 1em;
	width: 24%
}

#menu a {
	color: #318c9c;
	text-decoration: none
}

#menu a:hover {
	text-decoration: underline
}

#menu ul {
	font-weight: normal;
	list-style: none;
	margin: 0;
	padding: 0.5em 0 1em 0
}

#menu ul a, #menu p a {
	color: #942939;
	text-decoration: none
}

#menu ul a:hover {
	text-decoration: underline
}

#menu ul a {
	display: block;
	margin: 0.1em 0 0.1em 0;
	padding: 0.1em 0 0.1em 0
}

#menu p {
	color: #313142;
	font-weight: normal
}

#content {
	margin-left: 26%;
	width: 74%
}

#content.fullwidth {
	width: 100%;
	margin-left: 0%
}

#content a {
	color: #942939;
	text-decoration: none
}

#content a:hover {
	text-decoration: underline
}

#content a img {
	border: none;
	vertical-align: middle
}

#content li {
	padding: 0.2em
}

#content h1, h4, h5 {
	color: #318c9c;
	font-size: 2em;
	margin-bottom: 0.2em;
	margin-top: 0.4em
}

#content h1 a {
	color: #318c9c;
	text-decoration: none
}

#content h2 {
	font-size: 1.2em;
	margin-top: 0
}

#content p {
	line-height: 1.5em;
	text-align: justify
}

#content p.image {
	font-size: 0.7em;
	text-align: center
}

form div {
	width: 100%
}

form label {
	display: block;
	font-size: 0.8em;
	font-weight: bold
}

form input, form textarea {
	margin: 0.2em 0 1em 0;
	padding: 0.2em;
	width: 50%
}

form textarea {
	height: 15em
}

form input.button {
	border: none;
	background: #ffeB86 url(/images/button-primary.gif);
	background-position: top left;
	width: 128px;
	height: 22px;
	font-size: 75%;
	font-weight: bold;
}

form div.checkbox {
	vertical-align: middle
}

form div.checkbox input {
	float: left;
	margin-right: 1em;
	width: auto
}

form div.checkbox label {
	width: auto
}

.comments {
	list-style: none;
	margin-left: 0;
	padding-left: 0
}

.comments li {
	margin-bottom: 3em
}

.comments cite, .comments span, .comments blockquote {
	display: block;
	margin-left: 100px
}

.comments cite {
	font-weight: bold
}

.comments blockquote {
	line-height: 1.5em;
	text-align: justify
}

.comments a {
	float: left;
	text-decoration: none
}

.comments a img {
	border: none
}

.clear {
	clear: left
}

img.right {
	float: right;
	padding: 10px
}

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

.footnote {
	font-size: 75%;
	font-style: italic
}

.footnote:before {
	content: "*"
}

table.merrychristmas {
	width: 100%;
	border: none
}

table.merrychristmas td {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	width: 50%
}

h2.merrychristmas {
	padding: 25px 0;
	font-size: 250% !important;
	text-align: center
}

.note {
	font-size: 75%
}