body {background: #abbbc3; font: 62.5% "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color: #666;}
strong, em {font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
strong {font-weight: bold;}
em {font-style: italic;}
p {font-size: 1.1em; line-height: 1.4em; margin: 10px 0 0 0;}
blockquote {font-size: 1.5em; line-height: 1.5em; clear: left;}
blockquote em {color: #999; font-style: normal;}
p span {color: #a65418;}
hr {border: 0; color: #ccc; background-color: #ccc; height: 1px; width: 423px; clear: left; padding: 0; margin: 15px 0; display: block;}
h2 {font-size: 2.1em; color: #333;}
h3, h4 {font-size: 1.6em; }
h3 {color: #999; margin: 10px 0;}
h4 {color: #a65418; margin: 0 0 5px 0;}
h5 {color: #282828; font-size: 1.1em; margin: 15px 0 0 0;}
h5 em {color: #a65418; font-style: normal;}
sup {font-size: 0.5em;}

a {color: #777f15; text-decoration: none;}
a:hover {color: #a65418; text-decoration: underline;}
blockquote a {color: #a65418; text-decoration: none;}
blockquote a:hover {color: #777f15; text-decoration: underline;}

#container_box {background: #fff; width: 680px; margin: 30px auto 0 auto;}
#container_top div {background: url(http://www.gracestreet.com/images/bg_tl.png) no-repeat top left;}
#container_top {background: url(http://www.gracestreet.com/images/bg_tr.png) no-repeat top right;}
#container_bottom div {background: url(http://www.gracestreet.com/images/bg_bl.png) no-repeat bottom left;}
#container_bottom {background: url(http://www.gracestreet.com/images/bg_br.png) no-repeat bottom right;}
#container_top div, #container_top, #container_bottom div, #container_bottom {width: 100%; height: 10px; font-size: 1px;}
#container_content {margin: 0 10px; overflow: auto; position: relative;}

#login {position: absolute; bottom: 10px; left: 10px;}
#login a {padding: 26px 0 0 0; float: left; overflow: hidden; height: 0px !important; width: 160px; background: url(http://www.gracestreet.com/images/btn_login.png) top left no-repeat;}
#login a:hover {background-position: 0 -26px;}
#login a:active, #nav a.selected {background-position: 0 -25px;}

#nav {width: 170px; float: left; text-align: right; color: #a65418; padding: 0 0 30px 0;}
#nav ul {margin: 10px 0; font-size: 1.2em; line-height: 2.0em;}
#nav a {color: #666; text-decoration: none;}
#nav a:hover {color: #a65418;}
#nav img {padding: 5px 0;}

#main {border-left: 1px solid #ccc; float: right; width: 425px; padding: 15px 18px 10px 30px;}

#archives {border-left: 1px solid #ccc; background: url(http://www.gracestreet.com/images/bg_archives.png) repeat-y top center; float: right; width: 425px; padding: 15px 18px 10px 30px; min-height: 325px;}
#years {margin: 0 80px 0 15px; float: left;}
#articles {float: left;}
#archives li, #years li {padding: 0 0 15px 0;}

#staff {overflow: auto; padding: 0 0 10px 0;}
#staff a {margin: 0 12px 12px 0; display: block; float: left;}
.staff {display: block; float: left; margin: 3px 15px 15px 0; border: 1px solid #ccc;}

.callout {width: 197px; float: left; margin: 5px 30px 20px 0;}
.callout img {padding: 0 0 15px 0;}
.last {margin: 5px 0 20px 0; padding: 0;}

.float_left {float: left; margin: 0 15px 8px 0;}

.banner {margin: 0 0 15px 0;}

#slideshow {padding: 0 0 15px 0;}

#footer {width: 640px; margin: 15px auto 15px auto; color: #fff;}
#footer div {float: right}

.tool-tip {color: #fff; width: 139px; z-index: 13000;}
.tool-title {font-weight: bold; font-size: 14px; margin: 0; color: #fff; padding: 8px 8px 4px 8px; background: url(http://www.gracestreet.com/images/bubble.png) top left;}
.tool-text {font-size:10px; line-height: 1.4em; padding: 0 8px 10px 8px; color: #fff; background: url(http://www.gracestreet.com/images/bubble.png) bottom right;}

#nav_admin {width: 658px; background: url(http://www.gracestreet.com/images/bg_nav_admin.png) no-repeat 0 0; font-size: 11px; margin: 10px auto -25px auto; text-align: left; padding: 7px 12px 0 12px; height: 28px;}
#nav_admin ul, #nav_admin li {display: inline;}
#nav_admin li {padding: 0 8px 0 0; float: left;}
#nav_admin span {padding: 0 0 0 5px;}
#nav_admin li.right {float: right; padding: 0;}

#admin_form td {padding: 4px 5px 10px 0;}
#admin_form input {margin: 0 5px 0 0;}
#admin_form td input, #admin_form textarea {border: 1px solid #ccc; font-family: Verdana, Arial, sans-serif; font-size: 10px; margin: 0;}

#admin_form td input {width: 250px; padding: 3px 3px 4px 3px;}
#admin_form textarea {width: 400px; padding: 8px; font-family: monospace;}

#admin_list {width: 100%; margin: 15px 0 0 0;}
#admin_list th {font-weight: bold; border-bottom: 1px solid #ccc; padding: 0 10px 10px 10px;}
#admin_list td {padding:8px;}
#admin_list .narrow {text-align: center; white-space: nowrap; width: 1px;}
#admin_list tr.row_alt {background: #eee;}

.admin_subnav li {padding: 0 0 10px 0;}

#rss {float: right; padding: 2px 0 0 0;}