html { background: #0c3c8e url(/images/headerBgr.jpg) no-repeat 50% 24px; text-align: center; }
body { position: relative; width: 988px; margin: 0 auto; color: #000; background: #fff url(/images/headerBgr.jpg) no-repeat 50% 0; font-family: Arial, Helvetica, sans-serif; }

#cntrsCode { position: absolute; width: 1px; height: 1px; top: 0; left: 0; overflow: hidden; z-index: 1; }

#title { position: absolute; width: 200px; left: 540px; top: 55px; color: #fff; font-size: 1.2em; font-weight: bold; text-align: left; text-transform: uppercase; }

#logo { position: absolute; width: 135px; height: 0; top: 15px; left: 32px; padding-top: 135px; overflow: hidden; z-index: 1001; }
#logoTitle { position: absolute; width: 293px; height: 0; top: 52px; left: 236px; padding-top: 35px; overflow: hidden; z-index: 1001; }

#topLnks { height: 17px; padding-top: 7px; font-weight: bold; font-size: 1.3em; background: #0f3e8d url(/images/topLnksBgr.gif) repeat-x 0 100%; border-bottom: 1px solid #000; text-align: center; }
#topLnks li { display: inline; padding: 0 7px; }
#topLnks a { color: #fff; text-decoration: none; }
#topLnks a:hover { color: #ebc0c0; }
#topLnks a span { color: #ebc0c0; }
#topLnks a:hover span { color: #fff; }

#srchFrm { position: absolute; right: 10px; top: 10px; z-index: 1001; }
#srchFrm input { float: left; }
#srchFrm #srchQ { width: 120px; height: 16px; margin-right: 2px; padding: 2px 0 0 2px; color: #7eaeff; background: #0c3c8e; border: 1px solid #7eaeff; font-size: 8pt; }
#srchFrm #srchSubmit { width: 18px; height: 20px; background: #0c3c8e url(/images/srchSubmit.gif) no-repeat 50% 50%; border: none; cursor: pointer; }

#navigation { position: relative; height: 20px; margin-bottom: 3px; padding-top: 97px; font-size: 1.2em; z-index: 1000; }
#navigation li { display: -moz-inline-box; display: inline-block; position: relative; height: 11px; vertical-align: top; border-right: 1px solid #000;}
#navigation li.last { border: none; }
#navigation li a { display: block; float: left; height: 16px; margin: 0 1px; padding: 1px 3px; color: #0e3d8d; text-decoration: none; }
#navigation li a:hover { color: #fff; background: #0e3b87; }
#navigation li a:focus { outline: none; }
#navigation li div { float: left; position: relative; height: 16px; margin-top: -3px; }
#navigation li ul { position: absolute; width: 200px; background: #e8e8e8; text-align: left; top: 100%; left: 1px; border: 1px solid #0e3b87; }
#navigation li ul li { display: block; height: auto; border: none; }
#navigation li ul li a { float: none; height: auto; margin: 0 10px; padding: 5px; color: #0f3e8d; }
#navigation li ul li a:hover { color: #000; background: #e8e8e8; text-decoration: underline; }

#tools { position: absolute; right: 10px; top: 52px; font-size: 1.1em; text-align: right; z-index: 1001; }
#tools li { margin-bottom: 10px; padding-right: 7px; background: url(/images/toolsBgr.gif) no-repeat 100% 7px; }
#tools li a { color: #7eaeff; }

#breadCrumbs { margin-bottom: 20px; padding: .7em 10px; overflow: hidden; text-align: left; }
#breadCrumbs li { display: inline; margin-right: .7em; font-size: 1.3em; text-transform: uppercase; }
#breadCrumbs li a { margin-right: .5em; text-transform: none; }

#cntrLayout { overflow: hidden; width: 988px; background: url(/images/border.gif) repeat-y 50% 0; }

.sideInfo { width: 200px; padding-bottom: 20px; text-align: left; }
.sideInfo.left { float: left; }
.sideInfo.right { float: right; padding-top: 31px; }
.sideInfo #mainSite { display: block; width: 180px; height: 0; margin: 0 0 10px 9px; padding-top: 95px; overflow: hidden; }
.sideInfo.left h1 { margin: 35px 0 10px 10px; font-weight: bold; font-size: 1.3em; text-align: left; text-transform: uppercase; }
.sideInfo.left h1 a { color: #0f3e8d; }
.sideInfo.left h1.r {text-align: right; padding-right: 14px;}
.sideInfo .block { position: relative; margin: 0 10px 10px; padding-top: 10px; border-top: 1px dashed #ccc; }
.sideInfo .block h1, .sideInfo .block h2 { margin-bottom: 10px; color: #0c3c8e; font-size: 1.3em; font-weight: bold; text-transform: uppercase; }
.sideInfo .block.people h2, .sideInfo #currentThemes li h2 { margin-bottom: 5px; padding-top: 110px; color: #000; font-size: 1.3em; font-weight: bold; text-transform: none; }
.sideInfo .block h2 {text-decoration: underline;}
.sideInfo .people h2 {text-decoration: none;}
.sideInfo .block h3 { margin-bottom: 10px; color: #000; font-size: 1.3em; font-weight: bold; }
.sideInfo .block.people img, .sideInfo #currentThemes li img { top: 10px; position: absolute; }
.sideInfo .block p, .sideInfo #currentThemes li p { margin-bottom: 5px; font-size: 1.3em; line-height: 1.3; }
.sideInfo #currentThemes { margin: 0 10px; }
.sideInfo #currentThemes li { position: relative; margin-bottom: 10px; padding-top: 10px; border-top: 1px dashed #ccc; }
.sideInfo .block.calendar h3 {cursor: pointer;}
.sideInfo .block.calendar ul li { margin-bottom: .3em; font-size: 1.2em; }
.sideInfo .block.calendar ul li a { color: #000; }
.sideInfo .banner { display: block; margin-bottom: 5px; }
.sideInfo #currentThemes li h2 span {font-weight: normal;}
.people a p { color: #000; }

#content { position: relative; padding: 10px 10px 20px; text-align: left; z-index: 10; }
#content .section { margin-bottom: 1em; padding: .5em 1em .3em; color: #fff; background: #0e3d8d; font-size: .9em; font-weight: normal; text-transform: uppercase; }
#content .section div { position: relative; float: left; width: 238px; margin: -.5em 10px -.3em 0; padding: .5em 0 .3em; border-right: 1px solid #fff; }
#content .section a { color: #8dacde; text-decoration: none; }
#content h1 { padding: .5em; color: #fff; background: #0e3b87; font-size: 1.3em; font-weight: bold; }
#content h2 { margin-bottom: 1.5em; font-size: 1.3em; font-weight: normal; }

/*
#content #newsPic { float: left; width: 300px; height: 225px; margin: 0 -10px 0 -10px; overflow: hidden; }
#content #newsList { height: 225px; margin: 0 -10px 1px 10px; overflow: hidden; }
*/
#content .containerTop { position: relative; }
#content #newsPic { float: left; width: 300px; height: 225px; overflow: hidden; position: relative; }
#content #newsList { height: 225px; margin: 0 0 1px 0; overflow: hidden; position: relative; }

#content #newsList li { margin: 0; height: 65px; padding: 10px 10px 0 20px; overflow: hidden; line-height: 100%; }
#content #newsList .active { background: #0e3b87; }
#content #newsList li h1 { margin: 0 0 5px; padding: 0; background: none; font-size: 1.2em; font-weight: bold; }
#content #newsList li p { margin-bottom: 0; color: #000; }
#content #newsList li a { display: block; color: #0c3c8e; text-decoration: none; }
#content #newsList li a span { display: block; padding-top: 3px; color: #413f40; font-weight: normal; font-size: .85em; }
#content #newsList .active a { color: #8dacde; text-decoration: none; }
#content #newsList .active a span { color: #fff; }
#content #localNewsList { margin: 0; padding: 0; zoom: 1; width: 550px; }
#content #localNewsList li { margin-bottom: 10px; overflow: hidden; zoom: 1; width: 550px; font-size: .9em; white-space: nowrap !important; }
/* #content #localNewsList li h2, #content #localNewsList li p { display: inline; } */
#content #localNewsList li h2 { display: inline; width: auto; margin: 0 .3em 0 0 !important; color: #0e3b87; font-size: 1em; }
#content #localNewsList li h2 a, #content #localNewsList li p a { text-decoration: none; }
#content #localNewsList li p { display: inline; margin-bottom: 0 !important; white-space: nowrap !important; color: #000; }
#content #localNewsList li p a { color: #000; }
#content #localNewsList li p a:hover { text-decoration: underline; }
#content p { white-space: normal !important; }
#content #pagesNav, #content #pagesNavNewsMonth, #content #pagesNavNewsYear { position: relative; margin-bottom: 1em; text-align: center; }
#content #pagesNav li, #content #pagesNavNewsMonth li, #content #pagesNavNewsYear li { display: inline; margin: 0 .2em; color: #808080; }
#content #pagesNav li a, #content #pagesNavNewsMonth li a, #content #pagesNavNewsYear li a { color: #808080; text-decoration: none; }
#content #pagesNav li span, #content #pagesNavNewsMonth li span, #content #pagesNavNewsYear li span { padding: 0 .2em; background: #a0a0a0; }
#content #pagesNav .next, #content #pagesNav .prev, #content #pagesNavNewsMonth .next, #content #pagesNavNewsMonth .prev, #content #pagesNavNewsYear .next, #content #pagesNavNewsYear .prev { position: absolute; display: block; top: 0; margin: 0; }
#content #pagesNav .next, #content #pagesNavNewsMonth, #content #pagesNavNewsYear .next { left: 0; }
#content #pagesNav .prev, #content #pagesNavNewsMonth, #content #pagesNavNewsYear .prev { right: 0; }
#content .listReset, #content .listReset li, #content .defListReset, #content .defListReset dt, #content .defListReset dd { margin: 0; padding: 0; }
#content .defListReset dt { font-weight: normal; }
#content .defListReset dd { font-style: normal; }
#content .listReset li { list-style: none outside; background: none; }
#content fieldset .form { margin-bottom: 0; }
#content .form { overflow: hidden; }
#content .form dt, #content .form dd { float: left; margin-bottom: .8em; padding-top: .25em; }
#content .form dt { width: 170px; min-height: 1.6em; clear: left; }
#content .form dd { width: 475px; min-height: 1.65em; }
#content .form dd .field, #content .form dd textarea, #content .form dd select { width: 465px; }
#content .form dd .field, #content .form dd textarea { margin-top: -.25em; }
#content .form dd li { margin-bottom: .3em; overflow: hidden; }
#content .form dd li label, #content .form dd li input { float: left; }
#content .form dd li input { margin: .1em 0 0 1em; }
#content #topicMenu #topicMenuSpace { padding-bottom: 20px;}
#content #topicMenu div { padding-left: 20px; }
#content #topicMenu div a { color: black; line-height: 1.1; display:block; padding-bottom: 7px; }
#content h2 { width: 550px overflow: hidden; zoom: 1; }
#content .print_hid { margin-right: 5px; }
#content .printLnk { padding-left: 12px; color: #0c3c8e; background: url(/images/printIcon.gif) no-repeat 0 5px; font-size: .75em; text-decoration: underline; cursor: pointer; }
#content .fix { width: 550px; }
#content #main_gallery { position: relative; height: 228px; margin-bottom: 1px; overflow: hidden; //zoom: 1; }
#content .imgCrop { position: relative; float: left; width: 249px; margin: 0 1px 30px 0; z-index: 10; overflow: hidden; }
#content #gal_middle_image { display: block; }
#content #gal_middle_title { position: absolute; bottom: 0; left: 0; width: 239px; padding: 5px; background: #ccc; font-size: .75em; text-align: center; border-top: 1px solid #fff; z-index: 20; }
#content #galleryList { height: 228px; overflow: auto; }
#content #galleryList li { float: left; margin: 0 1px 1px 0; }
#content #galleryList li img { display: block; }

#content #srchRes { font-size: .75em; }
#content #srchRes li { margin-bottom: 15px; }
#content #srchRes .srchNumber, #content #srchRes a { font-size: 1.2em; }
#content #srchRes a { color: #000; font-weight: bold; text-decoration: none; }
#content #srchRes a:hover { color: #808080; text-decoration: underline; }
#content #srchRes span span { background: #ffff00; }
#content #search_form { margin-bottom: 20px; font-size: .85em; }
#content #search_form p { margin: 0; }
#content #search_form input { float: left; }
#content #search_form #q { width: 466px; border: 1px solid #808080; }
#content #search_form #find { width: 100px; color: #000; background: #d4d0c8; border: 1px solid #808080; text-transform: uppercase; }
#content #srchNav { position: relative; text-align: center; font-size: .85em; }
#content #srchNav li { display: inline; margin: 0 1px 0 0; }
#content #srchNav .sNBack, #content #srchNav .sNFrwd { display: block; position: absolute; top: 0; }
#content #srchNav .sNBack { left: 0; }
#content #srchNav .sNFrwd { right: 0; }
#content #srchNav a, #content #srchNav span { padding: 0 4px; }
#content #srchNav a { color: #000; text-decoration: none; }
#content #srchNav a:hover { color: #808080; background: #f0f0f0; text-decoration: underline; }
#content #srchNav span { background: #a0a0a0; }

#content p.right { float: none; margin: 0 0 1.3em; padding: 0; }

#footer { position: relative; width: 968px; height: 77px; padding: 0 10px; color: #fff; background: url(/images/footerBgr.gif) repeat-x; clear: both; text-align: center; }
#footer ul { margin-bottom: 10px; padding-top: 10px; font-size: 1.2em; }
#footer ul li { display: inline; position: relative; padding: 0 10px; font-size: 1.1em; border-right: 1px solid #000; }
#footer ul li:last-child, #footer ul li.last { border: none; }
#footer ul li a { color: #fff; }
#footer p { margin-left: 50px; font-size: 1.1em; }
#footer #counters { position: absolute; left: 10px; top: 30px; }
#footer #navigationBottom li div { display: inline; }

