html, body {
margin: 0px;
padding: 0px;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
background: #FFF;
color: #494228;
}

.bg-left {
	width: 100%;
	background: url(../images/bkgrds/primary_bkgrd.jpg) no-repeat top right;
}

.bg-right {
width: 100%;
background: url(../images/bkgrds/left_nav_column.gif) repeat-y top left;
}

#body-center {
text-align: left;
}

#tf-body {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border: 1px solid #808450;
/*background: url(../images/bkgrds/primary_bkgrd.jpg) no-repeat top right;
*/}

h1 {margin: 0px 0px 10px 0px; padding: 0px;}

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

ul {margin: 0px; padding: 0px; list-style: none;}

a:link {color: #105d70; font-weight: bold; text-decoration: underline;}
a:visited {color: #615f58; font-weight: normal; text-decoration: none;}
a:active {color: #105d70;}
a:hover {color: rgba(16,93,12,.50);}

#column-left {
	float: left;
	display: inline;
	width: 171px;
	background: url(../images/bkgrds/left_nav_column.gif) repeat-y left top;
}

#body-content {
position: relative;
margin: 0px 0px 0px 171px;
}

#bookheader {
 width: 147px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1000;
}

.headpadd {
	width: 748px;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 50px;
	position: relative;
}

#header {
font-weight: bold;
text-align: center;
color: #6d7047;
margin: 0px;
padding: 0px;
} 

p.title {
font: normal 4.5em "Perpetua Titling MT", "Adobe Caslon Pro", "Garmond", "Garamond Pro", "Adobe Garamond Pro", Times New Roman, serif;
font-variant:small-caps;
}

p.caps {
font: normal 2.4em "Times New Roman", Times, serif;
font-variant: small-caps;
letter-spacing: normal;
margin-top: -10px;
white-space: nowrap;
}

#tri-col {
	position: relative;
}

.tri-colpadd {
padding-left: 10px;
padding-right: 6px;
}

.padd {
padding: 6px;
}

#more-content {
padding-left: 1em;
padding-right: 2em;
}

#more-content h1 {
color: #666;
font-size: 1.38em;
letter-spacing: 1px;
border-bottom: 5px double #babe8f;
text-transform: uppercase;
line-height: 150%;
}

#more-content h2 {
font-size: 1em;
margin-bottom: 5px;
border-bottom: 2px groove #cfc8ac;
width: 230px;
}

#more-content p {
color: #3a3a3a;
padding-bottom: 15px;
font: normal 12px Verdana, "Avian", Arial, Helvetica, sans-serif;
line-height: 200%;
}

#more-content a:link, #more-content a:hover, #more-content a:active, #more-content a:visited {
font-family: "Avian", sans-serif;
letter-spacing: 1px;}

ul.board {
margin: 0px;
padding: 0px;
}

.board li {
float: left;
display: inline;
width: 180px;
line-height: 125%;
padding-bottom: 20px;
}

.board li span {
font-weight: normal;
}

#aboutthefriends, #events, #howtohelp {
height: 358px;
}

#aboutthefriends {
width: 221px;
float: left;
display: inline;
margin-right: 11px;
background: #e6ebac;
border: 1px solid #b3b3b3;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
overflow: hidden; /* change after adding limited sentence query */
}

#aboutthefriends div.topimg {
width: 200px;
margin-left: auto;
margin-right: auto;
border: 2px solid #7b7b7b;
}

#aboutthefriends h1 {
margin-top: 9px;
margin-bottom: 9px;
color: #54591d;
font-size: 1.8em;
text-align: center;
text-transform: lowercase;
}

#aboutthefriends p, #gallery p {
	text-indent: 1em;
	color: #4b4b49;
	line-height: 1.5em;
	padding: 0px 9px 15px 9px;
}

#events {
width: 221px;
float: left;
display: inline;
margin-right: 11px;
border: 1px solid #bfbfbf;
background: #f6f5f1 url(../images/bkgrds/kite.gif) no-repeat 0px 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
overflow: hidden;
}

#events h1, p.otherevents {
padding: 6px 4px;
text-align: center;
color: #ffe6a3;
text-transform: uppercase;
font-weight: normal;
font-size: 1.5em;
letter-spacing: 1px;
background: #8d835d;
border: 1px solid #b3b3b3;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#events ul {
margin-top: 14px;
margin-bottom: 20px;
margin-left: 5px;
}

#events li {
	background: url(../images/bullets/events_bullet.png) no-repeat 0% 10%;
	padding-left: 24px;
	padding-bottom: 10px;
	text-transform: uppercase;
} 

p.otherevents {
position: relative;
width: 190px;
margin-left: auto;
margin-right: auto;
padding: 3px;
text-align: center;
text-transform: none;
font-size: 10px;
border: none;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

p.otherevents a:link, p.otherevents a:hover, p.otherevents a:visited, p.otherevents a:active {
color: #FFF;
text-decoration: none;
}

#howtohelp {
width: 340px;
float: left;
display: inline;
background: #d4c188;
border: 1px solid #bfbfbf;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
overflow: hidden;  /* remove after query is establied */
}

#how {
background: #dfe2a6;
border: 1px solid #c7bb99;
overflow: hidden;
}

#how h1 {
	background: #81a1a5;
	border-bottom: 1px solid #b3b3b3;
	padding: 6px 9px;
	font-size: 1.5em;
	font-weight: normal;
	color: #fff8a6;
	text-transform: uppercase;
}

#how ul {
margin: 0px 9px 8px 9px;
}

#how li {
line-height: 1.5em;
list-style: disc inside;
padding-left: 1em;
}

#how p {
padding: 0px 15px 8px 15px;
line-height: 1.2em;
}

#how li a:link, #how li a:active {
position: relative;
color: #6a1010;
}

#how li a:hover {
color: #666;
}

#gallery {
	float: left;
	width: 340px;
	height: 260px;
	margin-top: 13px;
	background: #d6e0dd;
	background-color: rgba(120,130,137,.3);
	border: 1px solid #a1a1a1;
 border-radius: 8px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
}

#gallery h1 {
	color: #1a2335;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	font-weight: normal;
}

#gallery p {
	color: #494228;
	text-indent: 0px;
}

#gallery .featgal {
	float: left;
	display: inline;
	margin: 0 8px 10px 8px;
	padding: 2px;
	background: #1a2235;
	border: 1px solid #788289;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius: 5px;
}

#gallery .featgal a img {
	border: none;
}

#gallery .featgal a img.seemore {
	position: absolute;
	width: 88px;
	margin-top: 74px;
	margin-left: -86px;
	z-index: 1000;
}

#newevent {
	float: left;
	width: 455px;
	height: 260px;
	margin-top: 13px;
	margin-right: 11px;
	background: #f5ddb9;
 border: 1px solid #c7c7c7;
 border-radius: 8px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
	}
	
#newevent h1 {
	color: #772220;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	font-weight: normal;
}

#newevent p {
	line-height: 1.5em;
	padding: 0px 9px 15px 9px;
	color: #494228;
	text-indent: 0px;
}
	
#news {
position: relative;
margin-top: 1em;
background: #ffffeb;
border: 1px solid #bab6aa;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
overflow: hidden;
}

#news .padd, #gallery .padd, #newevent .padd {
padding-left: 1em;
padding-right: 1em;
}

#news img {
	float: left;
	display: inline;
	margin-right: .8em;
}

#news h1 {
	font-size: 1.5em;
	margin-top: 8px;
	color: #746f5a;
	text-transform: uppercase;
	font-weight: normal;
}

#news ul {
clear: both;
list-style: none;
margin: 1em .8em 1em 1.5em;
}

#news li {
background: url(../images/bullets/spotlight_bullet.gif) no-repeat 0% 20%;
padding-left: 21px;
padding-bottom: 7px;
}

#bottom {
clear: both;
border: 1px solid #000;
}

#booksale {
width: 629px;
margin-top: 13px;
margin-bottom: 13px;
float: left;
display: inline;
background: #abbd9a url(../images/bkgrds/book_sale_bkgrd.jpg) repeat-x 0px 0px;
border: 1px solid #c4c4c4;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
/*overflow: hidden; /*remove after creating query*/
}

#booksale img.books {
	float: left;
	display: inline;
	margin-top: 18px;
	margin-left: 13px;
}

#booksale .tuft {
	padding: 18px 10px 18px 20em;
}

#booksale p, #booksale li {
padding-bottom: 10px;
}

#booksale ul {
margin: 0px;
padding: 0px;
}

#booksale li {
display:-moz-inline-box;
display: inline-block;
vertical-align:top;
width: 180px;
margin-right: 1em;
text-align: center;
}

* html #booksale li {
display: inline;
}

*+html #booksale li {
display: inline;
}

#booksale li span.book {
font-weight: bold;
font-size: 9px;
}

.links {
	width: 160px;
/*	height: 173px;*/
 float: left;
	display: inline;
	background: #772220;
	border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
/*	overflow: hidden; /*remove after modify */
 margin-top: 13px;
	margin-left: 10px;
}

.links .padd {
padding-bottom: 10px;
}

.links h1 {
	color: #f8e1c1;
	font-weight: normal;
	font-size: 17px;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
}

.links hr {
	height: 1px;
	width: 50px;
	background: #f8e1c1;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.links ul {
	margin: 5px;
	overflow: hidden;
}

.links li {
padding-bottom: 6px;
padding-left: 2em;
background: url(../images/bullets/librar_link_bullet.gif) no-repeat 0% 20%;
}

.links li a:link, .links a:hover, .links a:active, .links a:visited {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}

#libhours {
position: relative;
width: 146px;
left: 0px;
border: 1px solid #5b5c51;
background: #ead8aa;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin: 14px auto;
font-size: .88em;
}

#libhours .padd {
padding-top: 16px;
padding-bottom: 20px;
}

#libhours h1 {
	margin: 0px;
	color: #383838;
	font-size: 20px;
	text-align: center;
	line-height: 100%;
	font-weight: 500;
}

#libhours hr {
	background: #a4a091;
	width: 38px;
	height: 1px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#libhours table {
margin: 0px;
padding: 0px;
width: 98%;
}

#libhours td {
text-align: left;
padding: 0px;
font-size: 9px;
}

#libhours td span {
	padding-right: 7px;
	padding-left: 2px;
}

#libhours td em {
font-style: normal;
}

#footer {
clear: both;
font: 10px Arial, Helvetica, sans-serif;
padding-top: 13px;
padding-bottom: 1em;
color: #4f4f4f;
text-align: center;
}

#footer a:link, #footer a:visited {
color: #600000;
font-weight: normal;
text-decoration: underline;
}

.group div:after { /* for browsers that support :after */
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

* html .group { 
height: 1%;
overflow: visible;
} /*for IE6 */

*:first-child+html .group {
min-height: 1px;
} /* for IE7 */