/* reset */

html, body {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p, td, li, dt, dd {color:#545454; font-size:12px;}
a, a:link, a:visited {color:#5671a2;}
a:hover {color:#f00;}

/* base */

html {background:#94897f;}
body {background:url(../images/bg-html.gif) repeat left top #e8d2c2; font:normal 62.5%/1.5 Arial,sans-serif; min-width:793px; margin:0 !important; padding:0;}
#wrapper {background:url(../images/bg-body.gif) repeat-x left top; margin:0; padding:0; }
form {margin:0; padding:0;}
.wrap {margin:0 auto; width:770px;}

/* navigation */

#navigation {background:url(../images/bg-navigation.png) repeat-x center top; height:50px; position:absolute; z-index:11; top:0; left:0; width:100%;}
#navigation ul {list-style:none; margin:0 auto; overflow:hidden; padding:0; width:770px;}
#navigation ul li {float:left; margin:0;}

#navigation ul li a {border:0; display:block; height:13px; outline:0; padding:0;text-indent:-9999px;}
#navigation ul li a#home {background:url(../images/nav-home.gif) no-repeat center 16px; width:38px;}
#navigation ul li a#departments {background:url(../images/nav-departments.gif) no-repeat center 16px; width:84px;}
#navigation ul li a#pay-your-bill {background:url(../images/nav-pay-your-bill.gif) no-repeat center 16px; width:83px;}
#navigation ul li a#gis-mapping {background:url(../images/nav-gis-mapping.gif) no-repeat center 16px; width:77px;}
#navigation ul li a#employment {background:url(../images/nav-employment.gif) no-repeat center 16px; width:82px;}
#navigation ul li a#recycling {background:url(../images/nav-recycling.gif) no-repeat center 16px; width:65px;}
#navigation ul li a#customer-service {background:url(../images/nav-customer-service.gif) no-repeat center 16px; width:114px;}
#navigation ul li a#contact-us {background:url(../images/nav-contact-us.gif) no-repeat center 16px; width:74px;}

#navigation .nav-ca {cursor:pointer; margin:0 auto;}
#navigation .nav-ca td img:hover {background:url(../images/bg-nav-hover.png) no-repeat center bottom;}
#navigation .nav-ca td .home:hover {background:url(../images/bg-nav-hover-home.png) no-repeat center bottom;}
#navigation .nav-ca td .contact-us:hover, #navigation .nav-ca td .recycling:hover {background:url(../images/bg-nav-hover-small.png) no-repeat center bottom;}
#navigation .nav-ca td img {padding:0 0 1px 0;}

.subnav-ca {background:url(../images/bg-subnav.jpg) repeat-x left top #2c2621; border:2px solid #1c1611; border-top:0; padding:4px 0 6px 0;}
.subnav-ca td {color:#fff; cursor:pointer; padding:4px 12px;}
.subnav-ca td td {padding:0;}
.subnav-ca td:hover {color:#cde2c8; text-decoration:underline;}

/* header */

#header {height:225px; position:relative;}
#header h1 {margin:0; padding:0;}
#header h1 a {background:url(../images/logo.gif) no-repeat left top; border:0; display:block; float:left; height:135px; margin:65px 0 0 10px; padding:0; position:absolute; outline:0; text-indent:-9999px; width:135px; z-index:10;}
#header .wrap {}

#masthead {width:829px !important; height:250px; overflow:hidden; margin:0 auto;}
#masthead1, #masthead2, #masthead3 {width:830px; height:250px; margin:0 auto;}
#masthead1 {background:url(../images/masthead1.jpg) no-repeat right 25px;}
.mast-inside {position:absolute; z-index:1;}
#masthead1.mast-inside {background:url(../images/masthead1a.jpg) no-repeat right 25px;}

.mast-inside.masthead1 {background:url(../images/masthead1a.jpg) no-repeat right 25px !important;}
.mast-inside.masthead2 {background:url(../images/masthead2a.jpg) no-repeat right 25px !important;}
.mast-inside.masthead3 {background:url(../images/masthead3a.jpg) no-repeat right 25px !important;}

#masthead2 {background:url(../images/masthead2.jpg) no-repeat right 25px;}
#masthead3 {background:url(../images/masthead4.jpg) no-repeat right 25px;}

/* main */

#main {background:url(../images/bg-main-repeat.png) repeat-y left top; margin:0 auto; padding:0; width:793px; }
#main .wrap {background:url(../images/bg-main.png) no-repeat left -4px; margin:0; overflow:auto; padding:0 0 3em 0; width:793px;}
#main h2 {margin:0; padding:0;}

#content {float:left; margin:0; padding:5em 0 0 6em; width:39.5em;}
.inside #content {padding:4em 0 0 5em; width:69.8em;}

#content h1 {color:#883f3f; font-size:18px; margin-top:0; padding-top:0;}
#content h2 {color:#b66363; font-size:15px;}
#content h3 {color:#5A8BA5; font-size:15px;}

/* 
#breadcrumb {background:#fff; border:1px solid #dfdfdf; margin:3.5em 5em 0;}
#breadcrumb ul {list-style:none; margin:0; overflow:auto; padding:0 0 0 3px;}
#breadcrumb ul li {float:left; font-size:11px; padding:3px;}
*/

#welcome {float:left; width:210px;}
#welcome p {font:normal 12px/1.5 Arial,sans-serif;}

#info {background:url(../images/bg-info.gif) no-repeat left top; float:right; margin:0 0 0 1em; padding:0 0 0 1em; text-align:center; width:155px;}
#info dl {margin:0; padding:0;}
#info dt, #info dd {margin:0; padding:0;}
#info dt {color:#9b4343; font:bold 14px/1.3 Arial,sans-serif;margin:1.2em 0 .3em;}
#info dt.first {margin-top:0;}
#info dd {font:italic normal 10px/1.5 Arial,sans-serif;}
#info dd.first {font-weight:bold;}

#sidebar {background:url(../images/bg-sidebar.gif) repeat-x left top #fff; border:1px solid #b9b9b9; float:right; margin:4.5em 5.5em 2em 2em; padding:13.8em .8em .8em; position:relative; width:24.35em;}
#sidebar p {font-size:11px;}

#sidebar img.building {position:absolute; top:-42px; left:0;} 

/* inside */

.inside #sidebar {background:url(../images/bg-its.gif) no-repeat right top; border:0; float:left; margin:-1em 2em 1em 0; padding:0; width:18em;}
.inside #sidebar h2 {background:url(../images/bg-its-top.gif) no-repeat right top; color:#000; display:block; font-size:14px; margin:0; padding:.8em .85em .3em .5em; text-align:right;}
.inside #sidebar h2 a {color:#4e4238; text-decoration:none;}
.inside #sidebar h2 a:hover {color:#2d4999; text-decoration:underline;}
.inside #sidebar ul {background:url(../images/bg-its-bottom.gif) no-repeat right bottom; list-style:none; margin:0; min-height:200px; padding:0 0 1em 0;}
.inside #sidebar ul li {}
.inside #sidebar ul li a {display:block; padding:.5em 1em .5em 0; text-align:right; text-decoration:none;}
.inside #sidebar ul li a:hover {color:#2d4999; text-decoration:underline;}
.inside #sidebar ul li a.selected {background:#f5f5f5; border:1px solid #d5d5d5; border-right:1px solid #f5f5f5; color:#000; font-style:italic; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px;}
.inside #sidebar ul li a.selected:hover {color:#000; text-decoration:none;}
.inside #sidebar ul li.twolevel {background:#f5f5f5; border:1px solid #d5d5d5; border-right:1px solid #f5f5f5; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px;}
.inside #sidebar ul li.twolevel ul {background:none; min-height:0; padding-bottom:0;}
.inside #sidebar ul li.twolevel li a {border:1px solid #f5f5f5;}
.inside #sidebar h3 a {color:#4e4238; display:block; font-size:13px; font-style:italic; margin:0; padding-bottom:3px !important; text-align:right;}
.inside #sidebar h3 {margin:0;}

.inside .body-content {float:right; width:44.5em; font-size:11px;}
.inside th {font-size:11px; text-align:left;}

.benefits li {margin-top:1em;}
.benefits ol {list-style-type: upper-roman;}
.benefits ol ol {list-style-type: upper-alpha;}
.benefits ol ol ol {list-style-type: decimal;}
.benefits ol ol ol ol {list-style-type: lower-alpha;}

/* footer */

#footer {background:url(../images/bg-footer.gif) repeat-x center top #94897f; color:#fff; font:bold 1.1em/1 Arial,sans-serif; margin-bottom:40px; overflow:hidden;}
#footer p {color:#fff; float:left; font-weight:normal; margin:0; padding:.8em 0;}
#footer ul {float:right; list-style:none; margin:0; overflow:hidden; padding:0;}
#footer li {float:left; margin:0; padding:.8em;}
#footer li a{color:#f5ede4;}


/* cms */

td.Row {padding:0;}
#sidebar td.Row {font-size:11px;}

td.empty {font-size:11px; padding:0;}
td.empty a {font-weight:bold;}

.ledgerContainer .Header, tr.Row td.Header {color:#b66363; font-size:15px; font-weight:bold;}
td.Label {font-weight:bold;}
	
.ledgerContainer, .calendarContainer {float:left;}
.ledgerContainer {margin-left:1em;}
.TableData {width:300px !important;}
.Calendar {border-color:#555;}

.Calendar .Calendar {background:#883F3F;}
.Calendar .Calendar td {color:#fff !important; font-weight:bold;}
.Calendar .Calendar td a {text-decoration:none;}
.Calendar .Calendar td a:hover {color:#fff; text-decoration:none;}
.Calendar td.OtherMonth {background-color:#fff !important;}
.calendarContainer .Calendar .SelectedDay {background-color:#883F3F; color:#fff; font-weight:bold;}

.cmsPageSection table {border-collapse: separate; border-spacing:1;}
.cmsPageSection {padding:1px 1px 0 1px !important;}
.cmsPageSection table {margin:1px 1px 0 1px !important;}
.cmsPageSectionHeader font, .cmsBlockTitle {font-weight:bold !important;padding-left:3px;}
.cmsBlock {margin:1px !important; font-size:.75em !important;}
.cmsBlockTitle {text-align:left;}

#navigation .cmsBlock {margin:0 auto !important; width:auto !important;}
#navigation {text-align:center;}

#cmsMenuBar {position:relative !important;}

/* 031709 */

.highlight-box {border-right: #999 1px solid; padding-right: 10px; border-top: #999 1px solid; padding-left: 10px; background: #fff; padding-bottom: 10px; border-left: #999 1px solid; padding-top: 10px; border-bottom: #999 1px solid;}

#apply {float:left; margin:0; padding:5em 0 0 6em; width:65.0em; height:40.0em; }
