/*
	http://matthewjamestaylor.com/blog/perfect-multi-column-liquid-layouts
*/
body {
	margin				: 0;
	padding				: 0;
	border				: 0;
	width				: 100%;
	background			: #FFFFFF;
	min-width			: 600px;
	font-size			: 100%;
	font-family			: Georgia, "Times New Roman", Times, serif;
}
a {
	color				: #2D4758;
}
a:hover {
	color				: #FFFFFF;
	background			: #336699;
	text-decoration		: none;
}
h1, h2, h3 {
	margin				: .3em 0 .2em 0;
	padding				: 0;
}
p {
	margin				: .4em 0 .8em 0;
	padding				: 0;
}
img {
	margin				: 10px 0 5px;
}
dl {
	margin-top			: 0;
}
dt {
	font-weight			: bold;
}
dd {
	margin-top			: .3em;
	margin-bottom		: .3em;
}
.spaced li {
	margin-top			: .5em;
}
.hide {
	display				: none;
}
.signature {
	margin-left			: 50%;
	font-weight			: bold;
	font-style			: italic;
}
#activities h2 {
	text-align			: center;
}
#archive h2 {
	text-align			: center;
}
#business h2 {
	text-align			: center;
	font-size			: 200%;
}
#business ul {
	list-style-image	: url(images/eighth-note.png);
}
#business ul li {
	margin-top			: .5em;
}
#business-page h2 {
	text-align			: left;
	font-size			: 150%;
}
#bylaws h2 {
	text-align			: center;
}
#bylaws h3 {
	margin-top			: 1em;
}
#bylaws h4 {
	margin-top			: 0;
}
#bylaws h3,
#bylaws h4 {
	text-align			: center;
	font-variant		: small-caps;
	margin-bottom		: 0;
}
.section {
	font-size			: 110%;
	font-weight			: bold;
}
#certification h2 {
	text-align			: center;
}
#certification h3 {
	text-align			: left;
}
#certification hr {
	width				: 100%;
	height				: 3px;
	color				: #B22222;
	background-color	: #B22222;
	text-align			: center;
	margin-top			: 1em;
	margin-bottom		: 1em;

}
#certification ul {
	list-style-image	: url(images/eighth-note.png);
}
#committees td,
#committees th {
	vertical-align		: top;
	text-align			: left;
}
#committees h2,
#committees h3 {
	text-align			: center;
}
#committees table {
	margin-left			: auto;
	margin-right		: auto;
	width				: 100%;
	border				: 0;
	margin-top			: .5em;
	margin-bottom		: 1em;
}
.committee-title {
	width				: 50%;
}
#conbrio h2,
#conbrio h3 {
	text-align			: center;
}
#conbrio li {
	margin-top			: .5em;
}
#conbrio table {
	margin-left			: auto;
	margin-right		: auto;
	width				: 70%;
	border				: thin solid black;
	border-collapse		: collapse;
}
#conbrio table th,
#conbrio table td {
	border				: thin solid black;
	border-collapse		: collapse;
}
#conbrio table th {
	white-space			: nowrap;
}
#directory table {
	margin-left			: auto;
	margin-right		: auto;
	width				: 80%;
	border				: 0;
}
#ethics ul {
	list-style-image	: url(images/checkmark.png);
}
#ethics a {
	text-decoration		: none;
}
#ethics h2 {
	text-align			: center;
}
.newsletter	{
	font-weight			: bold;
	font-style			: italic;
}
.picture {
	margin				: 1em 0 0 1em;
	padding				: 0;
	height				: 300px;
	width				: 225px;
	float				: right;
	vertical-align		: top;
}
#finding h2 {
	text-align			: center;
}
#finding li {
	margin-top			: .5em;
}
#forms h2 {
	text-align			: center;
}
#forms ul {
	list-style-image	: url(images/eighth-note.png);
}
#forms li {
	margin-top			: .5em;
}
#index {
	padding				: 1em;
}
#index a {
	text-decoration		: none;
}
.welcome {
	font-size			: 150%;
	font-weight			: bold;
}
#library ul {
	list-style-image	: url(images/eighth-note.png);
}
#library ul li {
	margin-top			: .5em;
}
#library h2 {
	text-align			: center;
}
#meetings h2,
#meetings h3 {
	text-align			: center;
}
#meetings h4 {
	margin-bottom		: 0;
}
#membership h2 {
	text-align			: center;
}
#membership table {
	margin-left			: auto;
	margin-right		: auto;
	width				: 90%;
	border				: 0;
	margin-top			: .5em;
	border-collapse		: collapse;
}
#membership td {
	border				: 1px solid #000000;
}
#membership li {
	margin-top			: .5em;
}
.fee {
	color				: #006600;
}
.total {
	color				: #006600;
	font-weight			: bold;
}
.amount {
	text-align			: right;
}
#officers h2,
#officers h3 {
	text-align			: center;
}
#officers table {
	margin-left			: auto;
	margin-right		: auto;
	width				: 80%;
	border				: 0;
	margin-top			: 2em;
	margin-bottom		: 2em;
}
#officers td,
#officers th {
	vertical-align		: top;
	text-align			: left;
}
.officers-title {
	width				: 50%;
	padding-left		: 1.5em;
}
.officers-heading {
	font-size			: 1.25em;
}
.board-heading {
	font-size			: 1.2em;
}
#webguide li {
	margin-top			: .5em;
}

#guidelines h2,
#guidelines h3 {
	text-align			: center;
}
#guidelines ul {
	list-style-image	: url(images/eighth-note.png);
}
#guidelines ul li {
	margin-top			: .75em;
}
#guideline h2,
#guideline h3 {
	text-align			: center;
}
#guideline hr {
	margin-top			: 1.5em;
	margin-bottom		: 1.5em;
	width				: 100%;
	height				: 3px;
	color				: #B22222;
	background-color	: #B22222;
	text-align			: center;
}
#guideline th {
	vertical-align		: top;
	text-align			: left;
}
#calendar h2,
#calendar h3 {
	text-align			: center;
}
#calendar table {
	margin-top			: .5em;
	margin-left			: auto;
	margin-right		: auto;
	width				: 99%;
	border				: 1px solid #000000;
	border-collapse		: collapse;
}
#calendar td {
	border				: 1px solid #000000;
	vertical-align		: top;
}
#events ul {
	list-style-image	: url(images/eighth-note.png);
}
#events ul li {
	margin-top			: .5em;
}
#events h2,
#events h3,
#events h4 {
	text-align			: center;
}
#event h2,
#event h3,
#event h4 {
	text-align			: center;
}
#event th,
#event td {
	vertical-align		: top;
	text-align			: left;
}
#event hr {
	width				: 100%;
	height				: 3px;
	color				: #B22222;
	background-color	: #B22222;
	text-align			: center;
}
#webguide li {
	margin-top			: .5em;
}
#webguide h2 {
	text-align			: center;
}
#yearbook h2 {
	text-align			: center;
}
.note {
	margin				: .5em 1em .5em 1em;
	padding				: .5em 1em .5em 1em;
	background-color	: #D0D0D0;
	color				: #000000;
	border				: 3px solid #B22222;
}
/* Header styles */
#heading {
	float				: left;
	margin				: 0;
	padding				: 0;
}
#heading h1,
#heading h2,
#heading h3 {
	color				: #000000;
	padding				: 0;
	margin				: 0;
}
#heading h1 {
	font-size			: 300%;
	font-style			: italic;
}
#heading h2 {
	font-size			: 225%;
	font-style			: italic;
}
#heading h3 {
	font-size			: 125%;
}
#header {
	clear				: both;
	float				: left;
	width				: 100%;
}
#header {
	border-bottom		: 4px solid #B22222;
	background			: #336699;
}
#header p,
#header h1,
#header h2,
#header h3 {
	padding				: 0;
	margin				: 0;
}
#header ul {
	clear				: left;
	float				: left;
	width				: 100%;
	list-style			: none;
	margin				: 10px 0 0 0;
	padding				: 0;
}
#header ul li {
	display				: inline;
	list-style			: none;
	margin				: 0;
	padding				: 0;
}
#header ul li a {
	display				: block;
	float				: left;
	margin				: 0 0 0 1px;
	padding				: 3px 10px;
	text-align			: center;
	background			: #F1F1F1;
	color				: #000000;
	text-decoration		: none;
	position			: relative;
	left				: 15px;
	line-height			: 1.3em;
}
#header ul li a:hover {
	background			: #336699;
	color				: #FFFFFF;
}
#header ul li a.active,
#header ul li a.active:hover {
	color				: #FFFFFF;
	background			: #000000;
	font-weight			: bold;
}
#header ul li a span {
	display				: block;
}
/* 'widths' sub menu */
#layoutdims {
	clear				: both;
	background			: #F1F1F1;
	border-top			: 4px solid #000000;
	margin				: 0;
	padding				: 6px 15px !important;
	text-align			: right;
}
#logo {
	float				: left;
	padding				: 6px 15px 0 15px !important;
}
.item p {
	margin-left			: 1em;
}
.item h2 {
	font-size			: 125%;
	font-weight			: bold;
}
.item h3 {
	font-size			: 110%;
	font-weight			: bold;
	margin-left			: 1em;
}
#left-menu ul {
	margin-top			: .5em;
	padding				: 0;
	margin-left			: 15%;
	margin-right		: 15%;
}
#left-menu ul li {
	white-space			: nowrap;
	margin-left			: -.5em;
}
/* column container */
.colmask {
	position			: relative;		/* This fixes the IE7 overflow hidden bug */
	clear				: both;
	float				: left;
	width				: 100%;			/* width of whole page */
	overflow			: hidden;	/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float				: left;
	width				: 100%;				/* width of page */
	position			: relative;
}
.col1,
.col2,
.col3 {
	float				: left;
	position			: relative;
	padding				: .5em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead
							only padding top and bottom is included here, make it whatever value you need */
	overflow			: hidden;
}
.col1 {
	font-family			: Arial, Geneva, Helvetica, Tahoma, "Lucida Sans", sans-serif;
	font-style			: normal;
	font-weight			: normal;
	font-size			: 105%;
}
.col2 a {
	text-decoration		: none;
}
.col2 ul {
	list-style			: none;
	font-weight			: bold;
}
/* 3 Column settings */
.threecol {
	background			: #D0D0D0;		/* right column background colour */
}
.threecol .colmid {
	right				: 22%;			/* width of the right column */
	background			: #F1F1F1;		/* center column background colour */
}
.threecol .colleft {
	right				: 56%;			/* width of the middle column */
	background			: #D0D0D0;		/* left column background colour */
}
.threecol .col1 {
	width				: 54%;			/* width of center column content (column width minus padding on either side) */
	left				: 101%;			/* 100% plus left padding of center column */
}
.threecol .col2 {
	width				: 20%;			/* width of left column content (column width minus padding on either side) */
	left				: 25%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width				: 20%;			/* width of right column content (column width minus padding on either side) */
	left				: 83%;			/* Please make note of the brackets here: (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}

/* Footer styles */
#footer {
	clear				: both;
	float				: left;
	width				: 100%;
	border-top			: 4px solid #B22222;
	text-align			: center;
	background			: #336699;
}
#footer p {
	padding				: 10px;
	margin				: 0;
}
.float-left {
	float				: left;
}
.float-right {
	float				: right;
}
.float-clear {
	clear				: both;
}
.center {
	text-align			: center;
}
.centered {
	text-align			: center;
	vertical-align		: middle;
}
.right {
	text-align			: right;
}
.table-thin {
	border				: thin solid #000000;
	border-collapse		: collapse;
	margin-left			: 1px;
	margin-right		: 1px;
}
.thin {
	border				: thin solid #000000;
}
.italic {
	font-style			: italic;
}
.indent {
	margin-left			: 1em;
}
.caption {
	text-align			: center;
	font-weight			: bold;
	margin-top			: 0;
}
.photo {
	text-align			: center;
	margin-bottom		: .1em;
}
.map {
	text-align			: center;
	margin-top			: 2em;
	margin-bottom		: 1em;
}
#tips a {
	font-weight			: bold;
}
#tips ul {
	list-style-image	: url(images/eighth-note.png);
}
.fur-elise {
	text-align			: center;
}
.fur-elise img {
	background			: white;
	border				: black thin solid;
	padding				: 7px 11px;
}