html {font-size: small}
body {position: relative; width: 800px; margin: 0 auto 20px; padding: 28px 0 0; background: #eaeaea url(../images/box.gif) no-repeat 50% 0; font: 85%/1.7em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color: #555}

#pagewrap {width: 800px; background: url(../images/box_middle.gif) repeat-y center top}
#masthead {position: relative; top: -10px; height: 75px; margin: 10px 41px 149px; width: 718px; background: url(../images/dcc_header_top_blue.png) no-repeat left top; border-bottom: 1px solid #fff}
#content {width: 718px; overflow: hidden; margin: 0 41px; padding-top: 10px; background: url(../images/dcc_header_bottom_25.jpg) no-repeat left top; border-top: 1px solid #fff}
#main {float: right; width: 536px}
#maincol {float: left; width: 265px}
#xcol {float: right; width: 264px}
#sidebar {width: 179px; margin-right: 536px; text-align: right}
#breadcrumb {position: absolute; top: 7px; right: 42px; color: #aaa}
#footer {padding: 10px 45px 0; background: #eaeaea url(../images/box.gif) no-repeat center -122px}

#main .article {margin: 20px 40px 2em}
#main #article1 {margin-bottom: 0; font-size: 110%; line-height: 1.7em}
#maincol .article {margin-right: 23px}
#xcol .article {margin-left: 22px}
#sidebar .article {margin: 0; padding: 0 0 15px}

h1 {display: none}

h2 {font-family: Helvetica, Arial, sans-serif; font-size: 110%; text-transform: uppercase; font-weight: normal; color: #457}
#main .article h2 {margin-right: -15px; margin-left: -15px; margin-bottom: .5em; border-bottom: 1px solid #dadada}
#sidebar h2 {margin: 0 0 15px; padding: 5px 17px; font-weight: normal; font-size: 100%; color: #fff; text-transform: uppercase; background: #457; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-align: right}

h3 {font-size: 115%}

#sidebar p {margin: 0; padding: 0 15px}
#footer p {margin: 0; padding: 0; text-align: right; font-size: 90%; color: #aaa; line-height: 1.6em}
dd p {margin-top: 0; margin-bottom: 1em}

ul#navmain {position: absolute; top: 104px; left: 41px; height: 163px; width: 718px; margin: 0; padding: 0; background: url(../images/header_photo_map.jpg) no-repeat right -1px; list-style-type: none}
ul#navmain ul {display: none; position: absolute; left: 179px; top: -1px; width: 179px; padding: 0; margin: 0; border: 1px solid #fff; border-bottom: none}
ul#navmain li:hover ul {display: block}
#sidebar ul {margin: 0 0 2em; padding: 0; width: 179px; list-style-type: none}
#sidebar .article ul, ul#blogcats, ul.blogcats, ul#blogarchives, ul.blogarchives {margin-bottom: 1em}

ul#navmain li {float: left; clear: both; display: block; position: relative; width: 179px; height: 39px; background: #457; border-bottom: 1px solid #fff}
ul#navmain li:hover {background: #765}
ul#navmain ul li {height: 26px}
#sidebar ul#events li {margin-top: 10px; width: 149; padding: 0 15px}

dl.message dt {font-weight: bold; float: left; text-align: right; width: 6em}

dl.message dd {margin: 0 0 5px 7em}

a {color: #457}
a:hover {color: #fff; background: #457; text-decoration: none}
ul#navmain a {display: block; height: 100%; width: 100%; font-family: Helvetica, Arial, sans-serif; color: #fff; text-decoration: none; text-transform: uppercase}
ul#navmain a:hover {background: #765}
ul#navsidebar a, ul#messageArchiveLinks a, ul#calendarArchiveLinks a, ul#blogcats a, ul.blogcats a, ul#blogmisc a, ul#blogarchives a, ul.blogarchives a {display: inline; display: block; width: 149px; padding: 1px 15px; text-decoration: none; font-family: Helvetica, Arial, sans-serif;  text-transform: uppercase}
div#sidebar h2 a {color: #fff}
#breadcrumb a {color: #aaa; text-decoration: none}
#breadcrumb a:hover {background: none; color: #888} 
#footer a {color: #89b}
#footer a:hover {color: #fff; background: #89b}
h3 a, h2 a {text-decoration: none}

ul#navmain a span {position: absolute; top: 50%; right: 0; padding-right: 15px; padding-left: 15px; margin-top: -.5em; line-height: 1em; text-align: right}

#sidebar ul#events strong {display: block}

.article img {float: right; padding: 5px; margin: 0 0 15px 25px; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-top: 1px solid #eaeaea; border-left: 1px solid #dfdfdf}
img.imgleft {float: left; margin: 0 25px 15px 0}

form.search {width: 159px; margin: 0 10px}
form.search input.SearchField {width: 110px; margin-right: 10px; margin-bottom: 1em}
form.search input.submit {width: 30px; margin-bottom: 1em}
fieldset {background: #eee; border: 1px solid #bbb}
legend {font-size: 110%}


/* Events Calendar */
#page47 .calendar {margin: 0 auto; border-collapse: collapse; width: 100%}
#page47 .calendar caption {padding-top: 10px}
#page47 .calendar td {width: 14%; padding: 0 4px 10px; vertical-align: top; border: 1px solid #c5c5c5}
#page47 .calendar ul {padding: 0; list-style-type: none}
#page47 .calendar li {display: block; background: #ddd; padding: 2px; border: 1px solid #ccc; margin-bottom: 2px}