/** Main Items **/

body {
   background: #CAD1D9;
   text-align: center; /* to center the page in IE 5.5 */
   margin: 0;
   padding: 0;
}

div, span, p, ul, ol, li, blockquote, h1, h2, h3, h4, h5, h6, caption, th, tr, td, legend, dl, dt, dd, input, textarea {
   font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
   color: #333333;
}

div, span, p, ul, ol, li, blockquote, h1, h2, h3, h4, h5, h6, caption, th, tr, td, legend, dl, dt, dd {
   line-height: 18px;
   text-align: left;
   border: 0;
   padding: 0;
   margin: 0;
}

img {
   border: 0;
   padding: 0;
   margin: 0;
}

p, blockquote, div, span {
   text-align: left;
}

p {
   margin-bottom: 10px;
}

h2, h3, h4, table caption {
   color: #006699;
   font-family: Georgia, Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 23px;
   text-align: center;
   margin-bottom: 10px;
}

h2.head_home {
   color: #003366;
   font-size: 21px;
   text-align: left;
   border-bottom: #7F9EAF 1px solid;
   padding: 5px 0;
   margin-bottom: 10px;
}

h3 {
   font-size: 17px;
   font-style: italic;
   margin-bottom: 20px;
}

h4 {
   color: #333;
   font-size: 17px;
   text-align: left;
   margin-bottom: 2px;
}

ul {
   margin-left: 30px;
   list-style: bullet;
}

dl {
   clear: both;
   width: 420px;
   margin-left: 170px;
}

dd, dt {
   float: left;
   margin-top: 15px;
}

dd {
   margin-right: 30px;
   width: 240px;
}

dt {
   width: 150px;
}

span.main_contact {
   color: #F60;
   font-weight: bold;
}

dt span {
   font-size: 10px;
}

.headline1 {
   /* legacy code; try to eliminate from the database */
   font-weight: bold;
}


/** General Links **/

a {
   color: #003366;
   text-decoration: underline;
}

a:hover, a:active {
   background: #93A070;
   color: #FFFFFF;
   text-decoration: none;
}

h2.head_home a, #breadcrumbing a {
   text-decoration: none;
}


/** Hidden **/

h1#globalheader {
   visibility: hidden;
   display: none;
   width: 0;
   height: 0;
   background: #FFFFFF;
}


/** Content Sections **/

#main {
   text-align: left;
   width: 770px;
   margin: 0 auto;
   background: url(../images/main/bg_content.jpg);
}

#content {
   margin: 0 auto;
   padding: 0 10px 20px 10px;
   background: url(../images/main/bg_content_bottom.jpg) bottom no-repeat;
}

#header {
   background: #E4E9ED url(../images/main/header.jpg) top no-repeat;
   padding-top: 80px;
   height: 140px;
}

#header img#header_pic {
   float: right;
}

* html #header img#header_pic {
   margin: 0 -3px; ma\rgin: 0; /* IE 5.5 bug fix */
}

#col_left {
   clear: both;
   float: left;
   padding: 10px;
   width: 310px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 290px;
   }

html>body #col_left {
   width: 290px;
   }

#col_right {
   float: left;
   padding: 10px;
   width: 440px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 420px;
   }

html>body #col_right {
   width: 420px;
   }

#fullpage {
   clear: both;
   padding: 0 10px;
   width: 750px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 730px;
   }

html>body #fullpage {
   width: 730px;
   }


/** Footer **/

#footer {
   clear: both;
   background: url(../images/footer/bar_footer.jpg);
   color: #FFFFFF;
   font-size: 9px;
   text-align: center;
   line-height: 11px;
   padding-top: 2px;
   margin: 30px 0 0 0;
   width: 750px;
   height: 17px;
}

#footer a {
   color: #FFFFFF;
   text-decoration: none;
   vertical-align: middle;
}

#footer .footer_pad {
   margin-right: 20px;
}


/** Home Page **/

#mayor img {
   float: left;
   padding-right: 10px;
}

a#taxes_online:hover, a#taxes_online:active {
	background: transparent;
}

ul.list_info_bulleted {
   margin: 0 0 10px 20px;
   list-style: bullet;
}

ul.list_info_bulleted li {
   padding: 0 0 2px 3px;
}

ul.list_info_bulleted li.list_more {
   list-style: none;
   text-align: right;
   font-style: italic;
   background: transparent;
   padding-top: 10px;
}

ul.list_info_bulleted li a {
   text-decoration: none;
}

ul.list_site_updates li a {
   text-decoration: underline;
}


/** Breadcrumbs **/

#breadcrumbing {
   border-bottom: 1px dashed #DDDDDD;
   padding: 2px 5px 2px 20px;
   margin: 0;
   font-size: 10px;
   }

#breadcrumbing a {
   text-decoration: underline;
}


/** Contact the City (general page header item) **/

#contact_us {
   text-align: right;
   font-size: 10px;
   margin: 0 10px 20px 0;
}

#contact_us a {
   background: #FCC;
   color: #333;
   text-decoration: none;
   border-right: 1px dashed #DDDDDD;
   border-bottom: 1px dashed #DDDDDD;
   border-left: 1px dashed #DDDDDD;
   padding: 3px 19px;
}

#contact_us a:hover, #contact_us a:active {
   background: #93A070;
   color: #FFFFFF;
}


/** Downloadable Forms **/

a.dl_pdf, h4.pdf_col_header {
   clear: right;
   float: right;
   display: block;
   background: #FFFFFF;
   border-bottom: #DDDDDD 1px solid;
   padding: 4px 5px 4px 40px;
   margin: 0 1px 1px 10px;
   width: 178px;
   voice-family: "\"}\"";
   voice-family: inherit;
   width: 132px;
}

html>body a.dl_pdf, html>body h4.pdf_col_header {
   width: 132px;
}

a.dl_pdf {
   background: #FFFFFF url(../images/dl_pdf_off.jpg) no-repeat;
   font-size: 11px;
   line-height: 14px;
   text-decoration: none;
}

a.dl_pdf:hover, a.dl_pdf:active {
   color: #003366;
   background: #FFFF99 url(../images/dl_pdf_on.jpg) no-repeat;
}

.pdf_block_col {
   float: left;
   margin: 0 1px 10px 3px;
}

a.pdf_block {
   clear: none;
   float: none;
   margin: 0 0 1px 0;
}

a.dl_pdf_left {
   clear: none;
   float: none;
   margin: 0;
}

.clear_both {
   clear: both;
}

.jumper {
   clear: both;
   text-align: right;
   font-size: 10px;
   padding: 10px 5px 0 0;
}


/** Boxouts **/

.boxout, .boxout_left, .boxout_right {
   background: #FFFFDD;
   margin: 0 10px 10px 0;
   width: 180px;
}

.boxout_left {
   clear: left;
   float: left;
}

.boxout_right {
   clear: right;
   float: right;
   margin: 0 0 10px 10px;
}

.boxout ul, .boxout h4, .boxout em, .xbox_boxout_text p {
   padding: 0 10px;
}

.boxout ul {
   margin-left: 15px;
}

.boxout ul ul {
   margin-left: 5px;
}

.boxout ul li a {
   font-size: 10px;
}

.x_boxout_text p {
   color: #333333;
   font-family: Georgia, Verdana, Arial, Tahoma, Helvetica, sans-serif;
   font-size: 17px;
   text-align: center;
   padding-bottom: 5px;
   margin: 0;
}


/** Tabular Data **/

table {
   clear: both;
   text-align: center;
   border-collapse: collapse;
   padding: 0;
   margin: 0 auto 20px auto;
   width: 99%;
}

table caption, table tr {
   text-align: center;
   width: 100%;
}

table caption {
   color: #333;
   font-size: 21px;
   padding: 10px 0 5px 0;
   margin-bottom: 2px;
}

table tr th, table tr td {
   text-align: center;
   border: #CCC 1px solid;
   padding: 2px;
   width: 16%;
}

table tr th {
   background: #CFD6DE;
   color: #555;
   font-size: 17px;
}

table tr td {
   background: #F8F8F8;
   text-align: center;
   padding: 3px 5px;
}


/** Rounded Corners **/
/* original code by Stu Nicholls - http://www.stunicholls.myby.co.uk/ */

#mayor p, #urgent p {
   margin: 0 10px;
   padding: 8px;
}

#mayor p {
   font-size: 11px;
   line-height: 15px;
}

#urgent p {
   color: #454545;
   font-size: 11px;
   padding: 5px 3px;
}

#mayor, #urgent {
   background: transparent;
   margin-bottom: 10px;
}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #FFFFDD; border-right:1px solid #FFFFDD;}
.xb1 {margin:0 5px; background:#FFFFDD;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {margin:0 1px; height:2px;}

.x_mayor, .x_urgent, .x_boxout_submenu, .x_boxout_text {display:block; border:0 solid #FFFFDD; border-width:0 1px;}

.x_mayor, #mayor .xb2, #mayor .xb3, #mayor .xb4 {background:#F9EEC8;}
.x_urgent, #urgent .xb2, #urgent .xb3, #urgent .xb4 {background:#FFCCCC;}
.x_boxout_submenu, .boxout_submenu .xb2, .boxout_submenu .xb3, .boxout_submenu .xb4 {background:#E4E9ED;}
.x_boxout_text, .boxout_text .xb2, .boxout_text .xb3, .boxout_text .xb4 {background:#FFFFFF;}


/** Drop Shadows **/
/* original code by Stu Nicholls - http://www.stunicholls.myby.co.uk/ */

.out {
   clear: right;
   float: right;
   display: block;
   position: relative;
   background: #bbb; 
   border: 1px solid #ddd;
   margin: 10px 0 10px 10px;
}

.in {
   text-align: center; 
   background: #fff; 
   border: 1px solid #888; 
   position: relative; 
   padding: 0;
   font-weight: normal;
}

.ltin { left:-3px; }

.tpin { top:-3px; }

.narrow { width: 172px; /* can be changed */ }


/** Site Map **/

div#sitemap {
   line-height: 15px;
   font-weight: bold;
   padding: 0;
   margin: 0 0 0 130px;
   width: 440px;
}

div#sitemap ul {
   background: transparent;
   list-style: none;
   margin-left: 50px;
}

div#sitemap li {
   background: transparent;
   list-style: none;
}

div#sitemap li.submenu {
   padding: 0 5px 0 0;
   border: #FFFFD0 1px dashed; /* false value to trick old versions of IE/Windows */
   voice-family: "\"}\"";
   voice-family: inherit;
   border: #FFFFD0 1px dashed; /* actual value for all other browsers */
}

div#sitemap li.submenu:hover {
   border: #FF9933 1px dashed;
}

div#sitemap .level1 a {
   color: #FF0000;
}

div#sitemap .level2 a {
   color: #336699;
}

div#sitemap .level3 a {
   color: #333333;
}

div#sitemap .level4 a {
   color: #666666;
}


/** Calendar, News, Hot Topics **/
/* also see calendar.css for the main Calendar page CSS */

ul.event li {
   padding-bottom: 15px;
}

ul#news_and_topics {
   list-style: bullet;
   margin-left: 30px;
}

ul#news_and_topics li {
   padding: 0 0 15px 10px;
}


/** Contact Us **/

#contact_choose_dept {
   text-align: center;
   margin-top: 30px;
}

input#btnViewDepartment {
   margin: 5px 0 0 5px;
   width: 50px;
   height: 25px;
}

#contact_form {
   margin: 0 200px;
}

input, textarea {
   padding: 2px;
   margin-bottom: 10px;
   width: 320px;
}

textarea {
   height: 70px;
}

input#btnSendEmail {
   margin-left: 190px;
   width: 140px;
}

p.sentok {
   background: #FF6;
}