/*---------style reset---------*/
html, body, div, span, h1, h2, h3, p, em, font, img, ol, ul, li, form, label, img{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus {outline: 0;}
ol, ul {list-style: none;}

body {font: 62.5% arial, helvetica, verdana, sans-serif; text-align: left; margin:0; padding:0; background: #fdfaf8 url(images/bkgd-body.jpg) no-repeat top left;}
#container {position: relative; width: 960px; height: 800px; background: url(images/bkgd-container.jpg) no-repeat 96px 98px;}
#logo {position: absolute; top: 18px; left: 121px;}
#tagline {position: absolute; top: 63px; right: 0; font-size: 2em; color: #999; padding: 0; font-style: italic;}

/*---------general styles---------*/
h1 {font-size: 2.8em; font-weight: normal; color: #492907; padding: 0 0 14px 0; line-height: .9em;}
h1 span {font-size: .8em; font-style: italic; color: #b67c36;}
h2 {font-size: 1.8em; color: #492907; padding-top: 8px;}
h3 {font-size: 1.8em; color: #492907; padding-top: 8px;}
p {font-size: 1.3em; color: #794c15; line-height: 1.2em; padding: 0 78px 15px 0;}
a {color: #396a94;}
.border {border-top: 5px solid #446f94;}

#content .small {font-size: .9em; padding-bottom: 5px;}
#content .large {font-size: 2.1em;}
#content {padding: 182px 0 30px 121px;}
#content p.padding {padding-right: 450px;}
#content p.padding2 {padding-right: 525px;}
#content p.space {padding-left: 50px;}
#content p.space span {color: #492907; font-weight: bold;}
#content p.bold {font-size: 1.4em; font-weight: bold; color: #492907; padding: 27px 0 10px 0;}
#content .large-list {padding-top: 15px; margin: 5px 70px 0 0;}
#content .large-list li {font-size: 1.3em; color: #794c15; padding: 0 8px 20px 12px; background: url(images/bullet-brown.gif) no-repeat 0 7px;}
#content .large-list li span {font-size: 1.4em; color: #492907;}
#content .small-list {padding: 0 0 15px 0;}
#content .small-list li {font-size: 1.3em; color: #794c15; list-style: disc; padding: 0 0 5px 0; margin-left: 30px;}
#content .link-list {border-bottom: 5px solid #446f94; padding: 0 0 10px 0; margin: 0 70px 15px 0;}
#content .link-list li {font-size: 1.3em; color: #794c15; padding: 0 0 5px 0;}
#content .link-list a {text-decoration: none;}
#content .link-list a:hover {text-decoration: underline;}

.location {position: absolute; top: 220px; right: 0px; width: 400px;}

/*---------about us---------*/
.art {position: absolute; top: 140px; right: 0; width: 481px; height: 592px; background: url(images/bkgd-art.jpg) no-repeat;}
.art p {position: relative; top: 35px; left: 220px; color: #f7ebc7; width: 220px; padding: 0;}
.bio-pic {float: left; padding-right: 20px;}
p.quote {font-style: italic; color: #794c15; padding-right: 525px}
.italic {font-style: italic;}

/*---------floats---------*/
.floatLeft {float: left;}
.floatRight {float: right;}

/*---------main navigation---------*/
#nav {position: absolute; top: 0; right: -9px;}
#nav li {float: left; font-size: 1.3em; font-weight: bold; padding: 10px 0 0 0; background: url(images/navigation-spacer.png) no-repeat top left;}
#nav li.first {background-image: none;}
#nav li a {color: #946123; text-decoration: none; padding: 10px 10px;}
#nav li a:hover {color: #fff; background-color: #396a94;}

/*---------home page---------*/
.home #content {background: url(images/bkgd-content-home.jpg) no-repeat 545px 114px;}
.home #content .holder {height: 130px;}
.home #content ul {margin-right: 20px;} 
.home #content li {font-size: 1.4em; color: #492907; padding: 0 0 9px 13px; background: url(images/brown-bullet.jpg) no-repeat left 5px;}
.home #content .callouts {position: absolute; top: 570px; right: 30px; text-align: center;}
.home #content .callouts p {padding: 0 0 15px 0;}
.home #content .callouts span {color: #492907;}

/*---------footer---------*/
#footer {padding-top: 15px; background: url(images/footer-tile.png) repeat-x top left; margin-top: 10px;}
#footer p {font-size: 1.2em; padding-top: 10px; line-height: 1.5em;}
#footer a {color: #794c15; text-decoration: none;}
#footer a:hover {color: #fff; background-color: #396a94;}


/*---------contact form---------*/

.contact {background-image: none; padding: 20px 0 20px 20px;}
form {width: 600px;}
form .floatLeft {float: left;}
form .top {height: 270px;}
form .borders {border-bottom: 1px solid #bbb; margin-bottom: 15px;}
form .error {color: #c00; font-weight: bold;}
form span {color: #c00; font-weight: bold;}