/******************** start reset ********************/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
    padding: 0;
    margin: 0;
}
fieldset, img
{
    border: 0;
}
table
{
    border-collapse: collapse;
    border-spacing: 0;
}
ol, ul
{
    list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-weight: normal;
    font-style: normal;
}
caption, th
{
    text-align: left;
}
h1, h2, h3, h4, h5, h6
{
    font-weight: normal;
    font-size: 100%;
}
q:before, q:after
{
    content: '';
}
abbr, acronym
{
    border: 0;
}
/********** end reset **********/
/********** start base **********/

h1, h2, h3, h4, h5, h6, b, strong, caption, th, thead, dt, legend
{
    font-weight: bold;
}
cite, dfn, em, i
{
    font-style: italic;
}
code, kbd, samp, pre, tt, var
{
    font-family: mono-space, monospace;
}
pre
{
    white-space: pre;
}
sup, sub
{
    line-height: 0;
}
blockquote
{
    padding: 1.5em;
}
hr
{
    border: none;
    background: #ddd;
    width: 100%;
}
ul
{
    list-style: disc outside;
}
ol
{
    list-style: decimal outside;
}
:focus /* Gets rid of the dotted box around clicked links */
{
    -moz-outline-style: none;
    outline:none;
}

/********** end base **********/

body
{
    background-color: #eec865;
    background-image: url(/images/bodyBG.jpg);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #020202;
}
a, a:visited
{
    color: #eec763;
}
a:hover, a:active
{
    text-decoration: underline;
}
.centered
{
    text-align: center;
}
.smallFont
{
    font-size: .7em;
}
ol.links
{
    list-style-type: none;
}
.childPageList ul
{
    list-style-type: square;
    color: #fff;
}
.childPageList li
{
    padding: 2px 0 2px 0 !important;
    font-weight: normal;
    text-decoration: none;
    line-height: normal !important;
}
table
{
    border-collapse: collapse;
    border: solid 1px #B3B3B3;
    font: inherit;
    color:#fff;
}
td
{
    margin: 0px !important;
    padding: 6px;
    border: solid 1px #B3B3B3;
}
td.noWrap
{
    white-space: nowrap;
}
td p
{
    margin: 0 0 12px 0 !important;
    line-height: 1.3em;
}
#pageWrap
{
    width: 820px;
    margin-left: auto;
    margin-right: auto;
}
#globalNav
{
    font-size: .85em;
    font-weight: normal;
    color: #FFF;
    text-align: right;
    padding-bottom: 10px;
}
#globalNav a, #globalNav a:visited
{
    color: #F2F2F2;
    padding: 0px 4px;
}
#page
{
    float: left;
    width: 800px;
    border: none;
    background-image: url(/images/pageBG.jpg);
    background-repeat: repeat-x;
    background-color: #181818;
    padding: 10px;
}
#header
{
    float: left;
    width: 800px;
}
#headerBanner
{
    float: left;
    width: 800px;
    height: 139px;
    background-image: url(/images/councilHeader.jpg);
    background-repeat: no-repeat;
}
#headerBanner a.homelink
{
    float: left;
    display: block;
    height: 100px;
    width: 550px;
    margin-left: 10px;
    margin-top: 14px;
    text-decoration: none;
    border: transparent !important;
    outline: none;
}
* html #headerBanner a.homelink
{
    margin-top: 7px;
    margin-left: 15px;
}
#headerBanner a.homelink:hover, #bodyHeader a.homelink:active, #bodyHeader a.homelink:visited
{
    text-decoration: none;
    border: transparent !important;
    outline: none;
}
#headerBanner h1
{
    display: none;
}
#headerButtons
{
    position: relative;
    width: 0px;
    height: 0px;
}
#headerButtons #tgov
{
    display: block;
    position: absolute;
    left: 669px;
    top: 21px;
    width: 148px;
    height: 37px;
    background-image: url(/images/headerButton_tgov.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}
#headerButtons #tyc
{
    display: block;
    position: absolute;
    left: 669px;
    top: 73px;
    width: 148px;
    height: 37px;
    background-image: url(/images/headerButton_tyc.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}
#weather
{
    color: #F2F2F2;
    padding: 10px 0 0 0;
    font-size: 1.1em;
}
#weather #weatherCurrentTemp
{
    display: none;
}
#weather #weatherImage
{
    float: left;
    width: 60px;
    height: 50px;
    padding-left: 5px;
}
#leftColumn
{
    float: left;
    width: 204px;
    margin-top: 13px;
    background-color: #272727;
    padding: 13px 31px 13px 13px;
    background-image: url(/images/leftColumnBG.jpg);
    background-repeat: repeat-y;
}
* html #leftColumn
{
    display: inline;
}
#leftColumn a, #leftColumn a:visited
{
    color: #eec763;
}
#leftColumn #searchInput input
{
    border: 1px solid #666;
    width: 154px;
    height: 18px;
    margin: 0px 4px 0px 0px !important;
    vertical-align: top;
    padding: 1px 2px;
}
#leftColumn #searchInput label
{
    display: none;
}
#leftColumn #searchInput .watermark
{
    color: #999;
}
#leftColumn .leftColumnBox
{
    background-image: url(/images/hrdivider.png);
    background-repeat: repeat-x;
    padding: 19px 0 0 0;
    margin: 19px 0 0 0;
    color: #fff;
}
.leftColumnBox #districtFinderHead
{
    background: transparent url(/images/districtFinderHeader.png) no-repeat;
    text-align: right;
    margin-bottom: 9px;
}
.leftColumnBox #recentNewsHead
{
    background: transparent url(/images/recentNewsHeader.png) no-repeat;
    text-align: right;
    margin-bottom: 9px;
}
.leftColumnBox #districtFinderHead span, .leftColumnBox #recentNewsHead span
{
    display: none;
}
.leftColumnBox #newsStories
{
    margin-bottom: 10px;
}
.leftColumnBox #newsStories .teaserBlock
{
    margin-bottom: 10px;
}
.leftColumnBox #newsStories h2
{
    margin-bottom: 0px !important;
}
.leftColumnBox #newsStories p
{
    margin-bottom: 0px !important;
}
.leftColumnBox #newsStories .teaserBlock h2
{
    color: #eec763;
}
.leftColumnBox #newsStories .teaserBlock .moreLink
{
    text-align: right;
}
#leftColumn .hr
{
    background-image: url(/images/hrdivider.png);
    background-repeat: repeat-x;
    height: 2px;
    margin: 9px 0;
    font-size: 1px;
}
#leftColumn h1
{
    font-size: 1.05em;
    margin-bottom: 5px;
}
#leftColumn h1 a
{
    text-decoration: none;
}
#leftColumn h1 a:hover
{
    text-decoration: underline;
}
#rightColumn
{
    float: right;
    width: 530px;
    margin-top: 13px;
    padding: 0px 9px 0px 9px;
    overflow: hidden;
}
* html #rightColumn
{
    display: inline;
    padding-right: 0px;
}
#COTImageRotator{
   border:5px solid black;
   width: 528px; /* important to be same as image width */
   height: 170px; /* important to be same as image height */
   margin-bottom:12px;
   position: relative; /* important */
   overflow: hidden; /* important */
}

#COTImageRotator span {
   position: absolute; /* important */
   left: 0;
   font-size: .8em;
   padding: 6px 13px 8px 13px;
   width: 512px;
   background-color: #000;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   bottom: 5px;
}
#rightColumn .hr
{
    background-image: url(/images/hrDividerContent.png);
    background-repeat: repeat-x;
    height: 2px;
    margin: 9px 0;
}
#contentBox
{
    color: #fff;
}
#contentBox h1
{
    margin: 0px 0px 10px 0px;
    font-size: 1.4545em; /* 16px */
    line-height: 1.125em; /* 18px */
    display: block;
    color: #eec763;
}
#contentBox h1.underline
{
    background-image: url(/images/hrDividerContent.png);
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 10px;
    width: 97%;
}
#contentBox h2
{
    font-size: 1.2727em; /* 14px */
    line-height: 1.2857em; /* 18px */
    margin: 10px 0 8px 0;
    color: #eec763;
}
#contentBox h3
{
    font-size: 1.0909em; /* 12px */
    line-height: 1.5em; /* 18px */
    margin: 10px 0 7px 0;
    color: #eec763;
}
#contentBox h4
{
    font-size: 1em; /* 11px */
    line-height: 1.6364em; /* 18px */
    color: #eec763;
}
#contentBox h5
{
    font-size: 1em; /* 11px */
    line-height: 1.6364em; /* 18px */
    color: #eec763;
}
#contentBox h6
{
    font-size: 1em; /* 11px */
    line-height: 1.6364em; /* 18px */
    color: #eec763;
}
#contentBox p
{
    margin: 0px 0px 16px 0px;
    line-height: 1.3em;
}
#contentBox ul, #contentBox ol
{
    margin: 0 0 10px 10px;
}
#contentBox ul li, #contentBox ol li
{
    margin: 0 0 2px 10px;
}
#contentBox #topLeftBodyContent
{
    float: left;
    width: 225px;
    padding: 0 30px 0 0;
}
#contentBox #topLeftBodyContent h1, #contentBox #topRightBodyContent h1
{
    font-size: 1.2727em; /* 14px */
    line-height: 1.2727em; /* 14px */
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
#contentBox #topRightBodyContent
{
    float: right;
    width: 225px;
    padding: 0 0 0 30px;
}
#contentBox #bottomBodyContent
{
    float: left;
    width: 528px;
    padding: 0 0 0 0;
}
#contentBox #bottomBodyContent h1
{
    font-size: 1.4545em; /* 16px */
    line-height: 1.125em; /* 18px */
    margin-bottom: 1px !important;
    padding-bottom: 0px !important;
}
#contentBox #bottomBodyContent .hr
{
    margin: 0 0 14px 0 !important;
}
#breadcrumb ul
{
    margin: 0 0 10px 0px;
    padding: 0 0 3px 0;
}
#breadcrumb li
{
    list-style-type: none;
    display: inline;
    margin-right: 5px;
    font-size: .95em;
    letter-spacing: 0.02em;
    color: #fff;
}
#footer
{
    width: 722px;
    height: 45px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}
#footer p
{
    text-align: left;
    padding-top: 15px;
    font-size: .9em;
    float: left;
    width: 680px;
    height: 30px;
}
#footer p a, #footer p a:visited
{
    padding: 0px 6px;
    color: #000;
}
#footer p a img
{
    padding: 0px !important;
    vertical-align: middle;
}
#footer p span a
{
    padding: 0 6px 0 0 !important;
}
#footer #cotSeal
{
    display: block;
    float: right;
    width: 40px;
    height: 45px;
    text-indent: -9999px;
    background: transparent url(/images/citySeal.png) no-repeat;
}
.linkList ul
{
    list-style-type: none !important;
    margin: 0 !important;
}
.linkList li
{
    padding-left: 12px;
    margin: 0 0 2px 0 !important;
    font-weight: normal;
}


/* ------------------Top Menu--------------------- */
#topNav
{
    float: left;
    width: 799px;
    height: 56px;
    background-image: url(/images/menuButtonDrop.jpg);
    background-repeat: repeat-x;
    padding-left: 2px;
}
.sf-menu, .sf-menu *
{
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 99;
}
.sf-menu
{
    line-height: 1.0;
}
.sf-menu ul
{
    position: absolute;
    top: -999em;
    width: 160px; /* left offset of submenus need to match (see below) */
    background-color: #333;
}
.sf-menu ul li, .sf-menu ul li:first-child
{
    width: 140px;
    padding: 6px 10px;
    background-color: #333;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    line-height: 1.1em;
}
.sf-menu ul li a, .sf-menu ul li a:visited
{
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    display: block;
}
.sf-menu li:hover
{
    visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li
{
    display: block;
    float: left;
    position: relative;
    font-size: 13px;
    font-weight: bold;
}
.sf-menu a.topNav
{
    display: block;
    position: relative;
    color: #F2F2F2;
    text-decoration: none;
    width: 112px;
    height: 49px;
    margin-right: 2px;
}
.sf-menu a.topNav
{
    text-indent: -9999px;
}
.sf-menu li.menu_home a.topNav
{
    background: transparent url(/images/menuButton_home.png) 0 0 no-repeat;
}
.sf-menu li.menu_about a.topNav
{
    background: transparent url(/images/menuButton_aboutUs.png) 0 0 no-repeat;
}
.sf-menu li.menu_councilors a.topNav
{
    background: transparent url(/images/menuButton_councilors.png) 0 0 no-repeat;
}
.sf-menu li.menu_district a.topNav
{
    background: transparent url(/images/menuButton_districtFinder.png) 0 0 no-repeat;
}
.sf-menu li.menu_meetings a.topNav
{
    background: transparent url(/images/menuButton_meetings.png) 0 0 no-repeat;
}
.sf-menu li.menu_research a.topNav
{
    background: transparent url(/images/menuButton_research.png) 0 0 no-repeat;
}
.sf-menu li.menu_press a.topNav
{
    background: transparent url(/images/menuButton_press.png) 0 0 no-repeat;
}
.sf-menu li.menu_home a.topNav:hover, .sf-menu li.menu_about a.topNav:hover, .sf-menu li.menu_councilors a.topNav:hover, .sf-menu li.menu_district a.topNav:hover, .sf-menu li.menu_meetings a.topNav:hover, .sf-menu li.menu_research a.topNav:hover, .sf-menu li.menu_press a.topNav:hover
{
    background-position: 0 -49px;
}
.sf-menu a:visited
{
    color: #F2F2F2;
}
.sf-menu a:hover
{
    text-decoration: underline !important;
    color: #eec763 !important;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul
{
    left: -2px;
    top: 51px; /* match top ul list item height */
    z-index: 99;
}

/*** shadows for all but IE6 ***/
.sf-shadow ul
{
    background: url('/images/shadow.png') no-repeat bottom right;
    padding: 0 9px 8px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off
{
    background: transparent;
}
/* ------------------Left Column Menu--------------------- */
#mainMenu
{
    background-image: url(/images/hrdivider.png);
    background-repeat: repeat-x;
    padding: 4px 0 0 0;
    margin: 11px 0 0 0;
}
#mainMenu ul
{
    list-style-type: none;
    font-size: 1.0909em; /* 12px */
    font-weight: bold;
}
#mainMenu ul.lv1 li
{
    padding: 6px 0 9px 1px;
    color: #EEC763;
    background-image: url(/images/hrdivider2px.png);
    background-repeat: repeat-x;
    background-position: bottom;
}
#mainMenu ul.lv1 li.branch
{
}
#mainMenu ul.lv2 li
{
    padding: 1px 0 1px 6px;
    background: none;
}
#mainMenu ul.lv2 li.branch
{
    border: none;
}
#mainMenu .selected
{
    color: #fff !important;
}
#mainMenu a, .linkList a
{
    text-decoration: none;
}
#mainMenu a:hover, .linkList a:hover
{
    text-decoration: underline;
}
#mainMenu .hr
{
    margin-top: 1px !important;
}
/* ------------------Forms Styling--------------------- */

#contentBox fieldset
{
    width: 450px;
    margin: 0px 0px 10px 0px;
    padding: 15px;
    border: 1px solid #B3B3B3;
}
#contentBox fieldset p textarea
{
    width: 420px;
}
#contentBox fieldset p.submitButtons input
{
    text-align: center;
    display: inline;
    float: none;
    padding: 2px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 25px;
}
#contentBox fieldset input[type="text"], #contentBox fieldset input[type="select"]
{
    padding: 1px 2px;
}
#contentBox fieldset input[type="radio"]
{
    margin: 4px;
}
#contentBox fieldset p
{
    margin: 8px 0px 0px 0px;
    clear: left;
}
#contentBox fieldset p.city
{
    display: block;
    float: left;
    width: 240px;
    clear: none;
    margin-bottom: 8px;
}
#contentBox fieldset p.city input
{
    width: 230px;
}
#contentBox fieldset p.state
{
    display: block;
    float: left;
    width: 50px;
    clear: none;
    margin-left: 8px;
}
#contentBox fieldset p.zip
{
    display: block;
    float: left;
    width: 125px;
    clear: right;
    margin-left: 8px;
}
#contentBox fieldset p.submitButtons
{
    text-align: right;
}
#contentBox fieldset legend
{
    font-weight: bold;
    font-size: 1.05em;
}
#contentBox fieldset p label
{
    display: block;
    text-align: left;
    padding-right: 5px;
}
#contentBox fieldset p label.checkbox
{
    display: inline !important;
}
#contentBox fieldset span label
{
    display: inline !important;
}
.updnValidatorCallout
{
    background-color: #fcc;
    color: #900;
    padding: 5px;
    margin: -5px 0 0 10px;
    position: relative;
}
.updnValidatorCalloutPointer
{
    position: absolute;
    left: 0;
    top: 7px;
    margin: 0 0 0 -10px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 10px solid #fcc;
    border-left: 0;
}
.updnValidationErrorInput
{
    background-color: #fcc;
}
#formResult
{
    border: 2px solid green;
    padding: 10px;
    font-weight: bold;
    font-size: 1.27em;
}







































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */