/*
*********************************************************************
Language:       CSS 1.0
Web Site:       http://www.hobbslibrary.org/
File Path:      /css/
Copyright:      ©2005 Axon Design & Marketing (www.axondm.com)
Created:        2005-01-30 15:57:11
Created by:     Jamie Peloquin
*********************************************************************
*********************************************************************
NOTES:
This document contains styles which are compatible with CSS-1
and higher compliant web browsers.
*********************************************************************
*/
/*
*********************************************************************
BEGIN: LAYOUT STYLES
*********************************************************************
*/
body {background-color: #FFF; /* white */}
div, form {margin: 0;}
div.inlineblockcontainer {margin-top: 1.3em;}

/* BEGIN: TABLES */
table {background-color: #CCC; /* light gray */}
table caption {
	caption-side: top;
	text-align: left;
	}
table th {background-color: #DDD; /* light gray */}
table td {
	vertical-align: top;
	background-color: #FFF; /* white */
	}
table tr.alt td {background-color: #EDF3FE;} /* Light Blue */

table.data caption, table.data th, table.data td {
	padding: 5px;
	vertical-align: top;
	}

table#TableHistoryTimeline td {
	border: 1px solid #F5DEB3; /* wheat */
	border-width: 0 0 1px 0;
	padding-bottom: 2em;
	}
table#TableHistoryTimeline td.ColPhoto {
	width: 200px;
	}
/* END: TABLES */

/* BEGIN: FORMS */
fieldset {
	margin-bottom: 1.75em;
	border: 1px solid #DDD; /* light gray */
}
.formfield {margin-bottom: 1.75em;}

form .button {margin-top: 5em;}

/* END: FORMS */

hr {
	margin: 2em 0 2em 0;
	border-style: none;
	border-top: 1px solid #F5DEB3; /* wheat */
	height: 1px;
	}
	
.TwoCol {
	width: 251px;
	padding-left: 24px;
	padding-right: 12px;
	}
.TwoCol .staff {border-right: 1px solid #E0D7AC; /* light gold */}
.ColFirst {padding-left: 0;}
.ColLast .staff {border-right-width: 0;}
.TwoCol .ColFirst {width: 275px;}

.right {float: right;}
.left {float: left;}
.nofloat {float: none;}

#Content img {border: 1px solid #541;}
img.left {margin: auto 1em .5em 0;}
img.right {margin: auto 0 .5em 1em;}

/* BEGIN: Pages with Sidebars */
#SectHome #Content, #SectBuildingCampaign #Content {
	float: left;
	width: 397px;
	margin-left: -1px;
	}
/* END: Pages with Sidebars */

.sidebar {
	float: left;
	margin: 0 0 0 8px;
	width: 153px;
	padding: 21px 8px 12px 9px;
	border-left: 1px solid #E0D7AC; /* light gold */
	}

#BodyBox {
	width: 760px;
	background-color: #FFF; /* white */
	}
#BodyShadow {display: none;}
/*
*********************************************************************
END: LAYOUT STYLES
*********************************************************************
*********************************************************************
BEGIN: CHARACTER STYLES
*********************************************************************
*/
body, blockquote, address, caption, th, td, li, dt, dd,
h1, h2, h3, h4, h5, h6 {
	color: #333; /* gray */
	font-family: Georgia, 'Bitstream Vera Serif', 'Times New Roman', serif;
	}

#Content {
	font-size: 12px;
	line-height: 1.3em;
	}


/* BEGIN: HEADERS */
h2, h3, h4, h5, h6 {line-height: 1.2em;}
h2 {
	color: #036; /* dark blue */
	font-weight: normal;
	font-style: italic;
	font-size: 20px;
	}
h3, h4, h5, h6 {margin-bottom: 0;}
h3 {
	margin-top: 2.5em;
	font-size: 14px;
	}
	h3#ThisMonth {
		margin-top: 0;
		margin-bottom: 0;
	}
h4 {
	margin-top: 2em;
	margin-bottom: 0;
	font-size: 12px;
	color: #874;
}
h5 {font-size: 10px;}
h6 {font-size: 10px;}
/* END: HEADERS */

/* BEGIN: FORMS */
legend {font-size: 14px;}
legend, label {font-weight: bold;}
	label + br + * {margin-top: .25em;}
/* END: FORMS */

/* BEGIN: LISTS */
li, dd { margin-bottom: .5em;}
ul.square { list-style: square; }
ul.circle { list-style: circle; }
ul.nomark, ol.nomark { list-style: none; }
ul.noindent, ol.noindent {
	padding: 0;
	margin-left: 0;
	}
* > ul.inline, * > ol.inline {
	display: inline;
	padding: 0;
	margin-left: 0;
	}
ul.menu {
	padding-left: .5em;;
	margin-left: 0;
	}
ul.menu > li {
	list-style: none;
	}
ul.menu > li:before {
	content: "\BB\A0";
	}
ol.zerofill { list-style: decimal-leading-zero; }
ol.upperalpha { list-style: upper-alpha; }
ol.loweralpha { list-style: lower-alpha; }
ol.upperroman { list-style: upper-roman; }
ol.lowerroman { list-style: lower-roman; }

ul.inline > li, ol.inline > li {
	display: inline;
	margin-bottom: 0;
}
ul.inline > li:after, ol.inline > li:after {content: " \B7";}
ul.inline > li.last:after, ol.inline > li.last:after {content: "";}

dt {font-weight: bold;}
dd {margin-left: 2em;}

dl.staff dt {
	margin-top: 1em;
	font-weight: bold;
	}
dl.staff dd {
	margin-left: 0em;
	margin-bottom: .25em;
	}
dl.staff dd + dd {margin-top: 1em;}

ul#ThisMonthList {
	margin-left: 0;
	padding-left: 1.5em;
	list-style-type: disc;
	list-style-image: url(/images/global/BulletBurntOrange.png);
	list-style-position: default;
	}
/* END: LISTS */

/* BEGIN: TABLES */
table#TableHistoryTimeline h3 {
	margin-top: 0;
	}
/* END: TABLES */

/* BEGIN: QUOTES */
blockquote {
	color: #333;
	border-left: 3px solid #FEE; /* light yellow */
	padding-left: 1em;
	}

q {
	font-family: Georgia, 'Bitstream Vera Serif', 'Times New Roman', serif;
	font-style: italic;
	line-height: 1.5em;
	}
q:before {content: "\201C";}
q:after {content: "\201D";}
/* END: QUOTES */

abbr, acronym {
	font-style: normal;
	border-bottom: 1px dotted #CCC; /* light gray */
	}
abbr:hover, acronym:hover, cite:hover {
	background-color: #FFD; /* light yellow */
	cursor: help;
	}

code, tt { font-family: Monaco, Courier, "Courier New", monospace; }
code {color: #666; /* med gray */}

.note, .caption {
	font-family: Verdana, 'Bitstream Vera Sans', sans-serif;
	font-size: 10px;
	color: #888; /* light gray */
	}
.caption {font-style: italic;}

a {color: #363;} /* dark green */
a:visited {color: #000;} /* black */
a:hover, a:focus {color: #080;} /* green */
a:active {color: #0C0;} /* bright green */
a img, a object {border-style: none;}
img[usemap] {border-style: none;}

.error, .alert, .required {color: #F00 !important; /* red */}

/*
*********************************************************************
END: CHARACTER STYLES
*********************************************************************
*********************************************************************
BEGIN: MASTHEAD STYLES
*********************************************************************
*/
#MastheadImage {display: none;}
#MastheadAddress {
	font-size: 12px;
	font-style: normal;
	color: #874; /* gold */
	text-align: center;
	line-height: 26px;
	margin-top: 2px;
	border: 1px solid #036;
	border-width: 1px 0;
	}

/*
*********************************************************************
END: MASTHEAD STYLES
*********************************************************************
*********************************************************************
BEGIN: NAVIGATION STYLES
*********************************************************************
*/
#Navigation li {margin-bottom: auto;}
#Navigation a {
	font-family: Verdana, 'Bitstream Vera Sans', sans-serif;
	color: #036;
	}
#NavigationPrimary a {font-size: 11px;}
#NavigationSecondary a {
	font-size: 10px;
	font-weight: normal;
	}
a#NavigationPrimaryOn, a#NavigationSecondaryOn {font-weight: bold;}



/*
*********************************************************************
END: NAVIGATION STYLES
*********************************************************************
*********************************************************************
BEGIN: FOOTER STYLES
*********************************************************************
*/
#Footer {
	border-top: 3px double #036; /* dark blue */
	padding: 10px 20px 28px 20px;
	background-color: #FFF;/* white */
	background-image: url(/images/global/BackgroundFooter.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
#Footer * {
	font-size: 12px;
	font-style: normal;
	color: #874; /* gold */
	text-align: center;
	margin-top: 0;
	}
#FooterAddress {
	margin-top: auto;
	line-height: 1.5em;
	font-style: normal;
	color: #874; /* gold */
	}

/*
*********************************************************************
END: FOOTER STYLES
*********************************************************************
*********************************************************************
BEGIN: SPECIAL STYLES
*********************************************************************
*/
.first {margin-top: 0;}
.last {margin-bottom: 0;}

.clear_left {clear: left !important;}
.clear_right {clear: right !important;}
.clear_both {clear: both !important;}
div.clear_left, div.clear_right, div.clear_both {
	height: 0px !important;
	line-height: 0 !important;
	}


.hide { position: absolute; left: -6000px; margin: 0; }