body {                                            /* BODY                   */
background-image: url('images/background.jpg');   /* background url         */
background-repeat: no-repeat;                     /* no repeat background   */
margin-top: 60px;                                /* set top margin         */
text-align: center;                               /* centerize container    */
font-family: Verdana, Arial, Sans-Serif;          /* set main font          */
font-size: 0.75em;
}

a {
color: #004707;
text-decoration: none;
}

a:hover {
background-color: #cde7cf;
}

a img {
border: 0px;
}

hr {
border: 0px;
background-color: black;
height: 1px;
}

#container {                                      /* CONTAINER              */
width: 1024px;
margin: auto;
text-align: left;
}
.center {
text-align: center;
}

#header {                                         /* HEADER                 */
border-bottom: 3px solid black;
}

#menu1 {                                          /* MAIN MENU              */
font-size: 1.25em;                                /* set font size          */
}

#menu1 a {                                        /* MAIN MENU LINKS        */
text-decoration: none;
color: black;
padding: 5px;
}

#menu1 a:hover {
background-color: #cde7cf;
border-bottom: 3px solid #004707;
color: #004707;
}

#menu1 ul {
padding: 0px;
margin: 15px 0px 0px 0px;
padding-bottom: 5px;
}

#menu1 li {
display: inline;
list-style-type: none;
margin-right: 20px;
}

#content {
margin-top: 10px;
font-family: georgia;
}

#content h1 {
font-size: 1.1em;
font-weight: normal;
font-family: verdana;
text-transform: uppercase;
text-align: center;
padding-bottom: 13px;
border-bottom: 1px solid black;
}

#content h2 {
font-size: 1em;
font-weight: bold;
font-family: verdana;
}

                                                  /* START PAGE CONTENT     */

#teaser {
margin-top: 90px;
}
#teaser blockquote {
font-size: 1.3em;
font-style: italic;
margin: 0px;
}


#eventlist {
width: 504px;
float: left;
position: relative;
padding: 10px;
padding-right: 0;
}
#eventlist p.eventdate {
margin-bottom: 0px;
}
#eventlist p.eventloc {
margin-top: 0px;
}
#eventlist div.eventitem {
border-bottom: 1px solid lightgrey;
}

#featured {
width: 500px;
float: left;
position: relative;
padding: 10px;
padding-left: 0;
}
#featured h2 {
font-size: 1.3em;
font-weight: normal;
text-align: center;
text-transform: uppercase;
}
#featured img {
max-width: 500px;
}
                                                  /* STATEMENT PAGE CONTENT  */

#statement_flavor {
width: 50%;
float: left;
margin-top: 50px;
margin-bottom: 40px;
}
#statementtxt {
width: 50%;
float: right;
}
#statement_cite {
text-align: right;
font-style: italic;
font-size: 1.3em;
}

                                                  /* LINK PAGE CONTENT      */
#link_flavor {
float: right;
}
#link_flavor img {
max-width: 700px;
}
#linklist {
width: 200px;
float: left;
font-size: 1.3em;
}
#linklist ul {
padding-left: 0px;
}
#linklist li {
list-style-type: none;
}
#linklist h2 {
margin-bottom: 3px;
}

                                                  /* C.V. PAGE CONTENT      */
#cv {
font-size: 1.2em;
margin-bottom: 10px;
}
#cv h1 {
font-family: verdana;
}
#cv h2 {
color: #004707;
margin: 20px 0px 0px 0px;
font-size: 1.3em;
font-weight: normal;
}
#cv h3 {
color: #444;
margin-bottom: 0px;
font-size: 1em;
}

                                                  /* NON-PROFIT PAGE CONTENT */

#charitymenu {
text-align: center;
font-family: verdana;
border-bottom: 1px solid lightgray;
background-color: #efe;
}
#charitymenu ul {
padding: 10px 0 10px 0;
margin: -10px 0 0 0;
}
#charitymenu li {
display: inline;
list-style-type: none;
margin-right: 20px;
}
#charitymenu a {
padding: 10px 5px 10px 5px;
}
#charitymenu a:hover {
background-color: #cde7cf;
}
#charitytxt {
width: 50%;
float: right;
}
#charityflavor {
width: 50%;
float: left;
margin-top: 70px;
}
.charitydivider {
clear: both;
}
.nonprofitem {
margin: 10px;
padding: 10px;
background-color: #cde7cf;
border: 1px solid #004707;
}
#nonprof1 {
width: 48%;
float: left;
padding-right: 15px;
}
#nonprof2 {
width: 50%;
float: right;
}

                                                  /* CONTACT PAGE CONTENT   */
#contact {
font-size: 1.3em;
}
#contact-portrait {
float: left;
margin-bottom: 10px;
width: 390px;
font-size: 0.5em;
text-transform: uppercase;
font-family: verdana;
}
#contactlinks {
padding: 5px;
padding-left: 20px;
margin-left: 15px;
float: left;
max-width:500px;
}
#contactlinks h2 {
margin: 35px 0px 5px 0px;
}
#contactlinks li {
list-style-type: none;
margin: 0px 0px 10px 0px;
}

#footer {                                         /* FOOTER                 */
clear: both;
border-top: 3px solid black;
font-size: 0.7em;
text-transform: uppercase;
}
#footer a {
color: black;
}

#copyright {
float: left;
}

#byline {
float: right;
}
#byline img {
vertical-align: top;
}

/* GALLERY PAGE CONTENT */

#timeline {
text-align: center;
font-family: verdana;
border-bottom: 1px solid lightgray;
background-color: #efe;
}
#timeline ul {
padding: 10px 0 10px 0;
margin: -10px 0 0 0;
}
#timeline li {
display: inline;
list-style-type: none;
margin-right: 20px;
}
#timeline li.active a {
background-color: #cde7cf;
}
#timeline a {
padding: 10px 5px 10px 5px;
}
#timeline a:hover {
background-color: #cde7cf;
}

.galsection {
}
.galsection a {
color: black;
}
#content .galsection h2 {
font-size: 2em;
font-weight: normal;
color: gray;
}

.galitem {
width: 160px;
height: 230px;
display: inline;
float: left;
text-align: center;
padding-top: 5px;
}
.galitem:hover, .galitem.selected {
background-color: #cde7cf;
}
.galitem p {
margin: 0px;
padding: 0px 3px 0px 3px;
}
.galitem img {
max-width: 150px;
max-height: 170px;
}
.galtitle {
font-style: italic;
}

.forsale {
color: red;
}

.sold {
color: grey;
}

.gallery {
	float: right;	
}
.thumbs {
	padding: 0;
	width: 500px;
}
.caption {
	text-align: center;
	font-family: verdana;
}
.caption p.caption-notes {
	text-align:left;
}
.caption p a {
	color: #004707;
}
.caption h2 {
	font-size: 1.2em !important;
	text-transform: uppercase;
}
.caption, .image-wrapper img {
	max-width: 500px;
}
.image-wrapper a:hover {
	background: none !important;
}
.image-wrapper img:hover {
	border:5px solid #cde7cf;
	margin:-5px;
}
.pagination {
	position: absolute;
	top: 226px;
	margin-left: 358px;
	background-color: #efe;
	padding: 5px 0;
}
.pagination .current, .pagination a {
	padding: 5px 10px;
}
.pagination .current {
	background-color: #cde7cf;
}