/* global document settings */

body {
	font: 100%/1.2 Geneva, Arial, Helvetica, sans-serif;
	margin: 0.8em 1em 0 1em;
	padding: 0;
}

address,
blockquote,
caption,
center,
dd,
dir,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
li,
menu,
ol,
p,
pre,
table,
td,
th,
tr,
ul {
	font: 100%/1.2 Geneva, Arial, Helvetica, sans-serif;
}

a:link,
a:visited,
a:link:active,
a:visited:active {
	text-decoration: underline;
}

a:link:hover,
a:visited:hover {
	text-decoration: none;
}

h1 {
	font: 225%/1.2 Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
}

h2 {
	font: 200%/1.2 Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
}

h3 {
	font: 175%/1.2 Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

h4 {
	font: 150%/1.2 Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

h5 {
	font: 125%/1.2 Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h6 {
	font: 100%/1.2 Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

ul.spaced li,
ol.spaced li {
	margin-top: 1em;
}


/* Header */

#header {
	position: relative;
	width: 100%;
}

#header-left {
	position: absolute;
	bottom: 0;
	left: 0;
}

#header-right {
	margin-left: 6.5em;
}

#header-left .kitty {
	font: 110%/1em Fixedsys, "Andale Mono", "Courier New", Monaco, Courier, Terminal, monospace;
	margin: 0;
	float: left;
}

#header-left #think-bubble {
	font: 60%/1em Fixedsys, "Andale Mono", "Courier New", Monaco, Courier, Terminal, monospace;
	margin: 0;
	float: left;
}

#title {
	font: 300%/1.1 Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
}

#subtitle {
	font: 125%/1.1 Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
}

.punctuation {
	font-size: 40%;
}



#top-navigation,
#section-navigation {
	border-style: solid;
	border-width: 1px 0 1px 0;
	margin: 0.3em -1em 0.3em -1em;
	padding: 0.4em 1em 0.4em 1em;
	text-align: left;
}

#top-navigation hr,
#section-navigation hr,
#footer hr {
	display: none;
}


/* top navigation */

#top-navigation a:link,
#top-navigation a:visited {
	text-decoration: none;
	font-weight: bold;
}

#top-navigation .current-location,
#top-navigation a.current-location:link,
#top-navigation a.current-location:visited {
	font-weight: bold;
}

#top-navigation a:link:active,
#top-navigation a:visited:active,
#top-navigation a.current-location:link:active,
#top-navigation a.current-location:visited:active {
	text-decoration: none;
	font-weight: bold;
}

#top-navigation a:link:hover,
#top-navigation a:visited:hover {
	text-decoration: none;
	font-weight: bold;
}


/* section navigation */

#section-navigation a:link,
#section-navigation a:visited {
	text-decoration: none;
	font-weight: bold;
}

#section-navigation .current-location,
#section-navigation a.current-location:link,
#section-navigation a.current-location:visited {
	font-weight: bold;
}

#section-navigation a:link:active,
#section-navigation a:visited:active,
#section-navigation a.current-location:link:active,
#section-navigation a.current-location:visited:active {
	text-decoration: none;
	font-weight: bold;
}

#section-navigation a:link:hover,
#section-navigation a:visited:hover {
	text-decoration: none;
	font-weight: bold;
}


#section-navigation.empty {
	display: none;
}


/* in body navigation */

.in-body-navigation,
.in-body-navigation p {
	font: 90%/1.2 Geneva, Arial, Helvetica, sans-serif;
	padding: 0 0 0.3em 0;
}

.in-body-navigation a:link,
.in-body-navigation a:visited {
	text-decoration: none;
}

.in-body-navigation a:link:active,
.in-body-navigation a:visited:active {
	text-decoration: none;
}

.in-body-navigation a:link:hover,
.in-body-navigation a:visited:hover {
	text-decoration: none;
}


/* Footer */

#footer {
	font-size: small;
	border-style: solid;
	border-width: 1px 0 1px 0;
	margin: 0.3em -1em 0 -1em;
	padding: 0.4em 1em 0.4em 1em;
	text-align: left;
	width: 100%;
}



/* records */

.field,
.field tr td {
	border: 0;
	border-style: none;
}

.field-name {
	font-weight: bold;
	padding: .3em 0;
}

.field-date {
	font-weight: bold;
	padding: .3em 0;
	text-align: right;
}

.field-description {
	padding: .3em 0;
}

.field-spacer {
	font-weight: bold;
	padding: .3em .6em;
	text-align: center;
}

.field-value {
	padding: .3em 0;
}


.event {
	width: 100%;
	margin: 0 0 1em 0;
	padding: 0;
	float: left;
}

.event .field-date {
	width: 11em;
	margin: 0;
	padding: 0;
	float: left;
}

.event .field-spacer {
	width: 1em;
	margin: 0;
	padding: 0;
	float: left;
}

.event .field-value {
	margin: 0 0 0 12em;
	padding: 0;
	display: block;
}


.member-profile {
	width: 100%;
}

.member-profile .field-name {
	width: 25%;
}

.member-profile .field-spacer {
	width: 5%;
}

.member-profile .field-value {
	width: 70%;
}


.membership-form {
 width: 100%;
}

.membership-form .field-name {
 width: 20%;
}

.membership-form .field-spacer {
 width: 5%;
}

.membership-form .field-value {
 width: 30%;
 font-weight: bold;
}

.membership-form .field-description {
 width: 40%;
}


#kitty_blink {
	position: relative;
}

#kitty_blink_open {
	position: relative;
	visibility: visible;
	height: 100%;
}

#kitty_blink_closed {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}


.table-no-border,
.table-no-border tr,
.table-no-border th,
.table-no-border td {
	border: 0;
	margin: 0;
	padding: 0;
}


table.with-border,
table.with-border th,
table.with-border td {
	border: 1px solid;
	border-collapse: collapse;
}

table.with-border th,
table.with-border td {
	padding: 4px;
}

table.with-border th {
	font-weight: bold;
	background-color: #009;
	color: #fff;
	border-color: #000;
}

table.with-border tr {
	vertical-align: top;
}

table.with-border tr.highlight {
	background-color: #dff;
}


body,
a:visited,
#top-navigation a:link,
#top-navigation a:visited,
#section-navigation a:link,
#section-navigation a:visited {
	color: #000;
}

h1,
#header .title,
#header .subtitle {
	color: #009;
}

h2 {
	color: #039;
}

h3,
h5,
h6 {
	color: #069;
}

h4,
#header .kitty,
#header .punctuation {
	color: #099;
}

a:link {
	color: #33f;
}

a:link:active,
a:visited:active,
#top-navigation a:link:active,
#top-navigation a:visited:active,
#top-navigation a.current-location:link:active,
#top-navigation a.current-location:visited:active,
#section-navigation a:link:active,
#section-navigation a:visited:active,
#section-navigation a.current-location:link:active,
#section-navigation a.current-location:visited:active,
.in-body-navigation a:link:active,
.in-body-navigation a:visited:active {
	color: #f00;
}

#header #think-bubble {
	color: #0c9;
}

#top-navigation .current-location,
#top-navigation a.current-location:link,
#top-navigation a.current-location:visited,
#section-navigation .current-location,
#section-navigation a.current-location:link,
#section-navigation a.current-location:visited,
.in-body-navigation,
.in-body-navigation p,
.in-body-navigation a:link,
.in-body-navigation a:visited {
	color: #369;
}

.unselectable {
	color: #999;
}


a:link:hover,
a:visited:hover,
#top-navigation a:link:hover,
#top-navigation a:visited:hover,
#section-navigation a:link:hover,
#section-navigation a:visited:hover,
.in-body-navigation a:link:hover,
.in-body-navigation a:visited:hover {
	background: #9ff;
}

#top-navigation,
#section-navigation,
#footer {
	background: #dff;
}

body {
	background: #eff;
}