@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;}
p, table, th, td, tr, h1, h2, h3, ul, ol, li, div, form, img {margin:0; padding:0;}

table, tr, td {vertical-align: top;}

.global {width: 100%;}
.header {width: 100%; height: 120px; background: url(/imgs/top-bg.jpg) top left repeat-x; font-size: 18px; color: #fff;}
.header table {width: 100%; margin-right: 270px;}
.header .pic {background: url(/imgs/pic2.jpg) top left no-repeat; width: 270px; height: 120px;}
.header .center {padding-top: 47px; padding-left: 50px;}
.header .logo {padding-left: 20px; width: 200px;}
.header .logo a {display: block; width: 200px; height: 120px; background: url(/imgs/logo.jpg) top left no-repeat;}
.header .home {float: right;}
.header .home a {display: block; cursor: pointer; background: url(/imgs/home.gif) top left no-repeat; width: 11px; height: 10px; margin-left: 20px;}
.header .email {float: right;}
.header .email a {display: block; cursor: pointer; background: url(/imgs/email.gif) bottom left no-repeat; width: 11px; height: 10px; margin-left: 30px; margin-right: 10px;}

.menu table {width: 100%;}
.menu td.menu-spacer, .menu .elem .elemhover {background: url(/imgs/menu.jpg) top left repeat-x; height: 39px; white-space: nowrap; font-size: 14px; font-weight: bold;}
.menu td a {color: #036; text-decoration: none; display: block; cursor: pointer;}
.menu td .left {background: url(/imgs/menu-left.jpg) top left no-repeat; padding-left: 10px; height: 39px;}
.menu td .right {background: url(/imgs/menu-right.jpg) top right no-repeat; padding-right: 12px; padding-top: 8px; height: 39px;}
.menu td.elem a:hover {background: url(/imgs/menu-active.jpg) top left repeat-x; color: #fff;}
.menu td.elem a:hover .left {background: url(/imgs/menu-active-left.jpg) top left no-repeat;}
.menu td.elem a:hover .right {background: url(/imgs/menu-active-right.jpg) top right no-repeat;}
.menu .pic {float: right; background: url(/imgs/pic2-1.jpg) top left no-repeat; width: 270px; height: 39px;}

.middle {background-color: #fff;}
.middle img {border: 1px #069 solid;}
.middle h2, .middle h1 {font-size: 14px; font-weight: bold; margin-bottom: 11px;}
.middle a, .footer a {color: #069;}
.middle .icon {float: left; margin-right: 12px;}
.middle .clear {clear: both;}

.submenu {width: 224px; background: url(/imgs/vert-line-1.gif) top right repeat-y; padding: 20px 19px 10px 12px;}
.submenu a {color: #069; text-decoration: none; display: block; cursor: pointer; padding-top: 1px; padding-bottom: 1px;}
.submenu .active a, .submenu a:hover {color: #fff; background-color: #39c;}
.submenu .first {width: 184px; background: url(/imgs/mark.gif) 0px 5px no-repeat; padding-left: 9px;}
.submenu .first a {width: 184px; font-weight: bold;}
.submenu .second {width: 184px; margin-left: 9px;}
.submenu .second a {width: 170px; padding-left: 14px;}

.extra {width: 169px; background: url(/imgs/vert-line-2.gif) top left repeat-y; padding: 20px 10px 10px 18px;}
.extra .block {width: 169px; color: #069; margin-bottom: 20px;}
.extra h2.nomargin {margin-bottom: 0px;}

.content {width: 100%; padding: 20px 15px 10px 15px; color: #333; line-height: 18px;}
.content a:hover {color: #f00}
.content h1 {color: #069;}
.content h2 {color: #069; margin-top: 10px}
.content li {margin-left: 20px;}
.content ul li {list-style: none; background: url(/imgs/mark.gif) 0px 5px no-repeat; padding-left: 9px; padding-bottom: 9px}
.content ol li {list-style: none; background: url(/imgs/mark.gif) 0px 5px no-repeat; padding-left: 9px; padding-bottom: 9px}
.content img {padding: 4px; background-color: #fff;}
.content .event {background-color: #e0effd; padding: 12px 5px 12px 12px; color: #333; margin-bottom: 16px;}
.content .event .title {font-weight: bold; margin: 4px 0;}
.content .date {color: #093; font-family: Georgia, Arial;}
.content .archive {text-align: right; margin-top: 5px;}

.content .innersubmenu {margin-left: 20px; margin-bottom: 20px;}
.content .innersubmenu td {padding-right: 20px; border: none;}
.content .innersubmenu li {padding-bottom: 10px;}
.content p {margin-bottom: 18px;}
.content .event p, .content .news p, .content .mayoranswers p {margin-bottom: 0px;}
.content .news, .content .mayoranswers { margin-bottom: 18px;}

.content .mayoranswers .question {color: #069; font-weight: bold;}
.content .breadcrumbs {font-size: 11px; margin-bottom: 5px;}
.content ul li p {margin:0; padding: 0}
.content ol li p {margin:0; padding: 0}


.footer {background: url(/imgs/bottom.gif) top left repeat-x; height: 33px; padding-top: 20px; padding-right: 25px;}
.footer p {text-align: right;}


.content table {border-collapse: collapse; width: 100%}
.content table td {border-collapse: collapse; border: 1px solid #39c; background-color: #fff; padding: 4px; color: #333;}
.content table tr td h3 {font-size: 14px; font-weight: bold; color: #069;}
.content h4 {font-size: 14px; font-weight: bold; color: #069;}


.ajaxSearch_resultsInfo {margin-top: 10px; margin-bottom: 10px; color: #369; font-size: 14px; font-weight: bold;}
.ajaxSearch_resultLink {font-weight: bold;}
.ajaxSearch_result {margin-bottom: 10px;}
.ajaxSearch_result .ajaxSearch_resultLink {color: #369;}
.ajaxSearch_highlight1 {background-color: #ff0;}
#ajaxSearch_input {width: 300px;}

.ajaxSearch_paging a {font-weight: bold; font-size:12px; padding: 0 5px;}
.ajaxSearch_paging .current {padding: 2px 5px; background-color: #165b96; color: #fff; text-decoration: none;}

.red {color:#c00 }
table.mayorquest td {border: 0; }