/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label, legend,
caption,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

fieldset{
    margin: 2px;
    padding: 5px;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
   background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
   /*  background-image: url("http://www.halton.ca/App_Themes/assets/background.png");*/
    background-origin: padding-box;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto auto;
}
body {
    line-height: 130%;
    text-align:left;
    color:#333;
}

strong, b {font-weight: bold;}

ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
body {font-family:Arial,Helvetica;

}

h1, h2, h3, h4, h5, h6 {
    font-weight:bold;
    color:#2a6b2d;
    }
h1 {font-size:26px; line-height: 30px;}
h2 {font-size:24px; line-height: 28px;}
h3 {font-size:22px; line-height: 26px;}
h4 {font-size:20px; line-height: 24px;}
h5 {font-size:18px; line-height: 22px;}
h6 {font-size:16px; line-height: 20px;}

p {font-size:12px;}

.maincontent{ font-size: 12px; line-height: 20px;}

/*
.maincontent li {
    margin-left:30px;
    list-style:disc;
    font-size: 12px;
}
*/
.maincontent ul, .maincontent p, .maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5, .maincontent h6 {
    margin:0.8em 0;
}
a {
    color: #069;
    /*color:#2a6b2d;*/
    text-decoration:underline;
    }
a:hover {
    text-decoration:none;
}

#print_logo {display:none;}
/* alternate a */

.footer a, .contact a, .contact h3, .row a, .row h3 {
    color:#006699;
    text-decoration:none;
    }
.head a, .footer a:hover, .contact a:hover, .row a:hover {
    text-decoration:underline;
    }
.head .topnav a, .head .search a{ 
     font-weight: bold;
}
/* Background */



/* Header */
.wrapper {width:1032px;
    margin:0 auto;
    }
.head {
    width:970px;
    margin:0 auto;
    /* background:url(http://www.halton.ca/App_Themes/assets/header-bg.png) repeat-x #307a33;
    height:182px;*/
}
.head a {color:white;text-decoration:none;font-size:15px;}
.logo {width:205px;float:left;height:114px;padding-left:16px; padding-top:20px;}
.logo h1 a {
    display:block;
    text-indent:-500em;
    height:102px;
    width:400px;
    background:url(../images/halton_logo_main.png) no-repeat;
    }
.head .search, .head .topnav {
    display:block;
    width:638px;
    height:44px;
    float:right;
    position:relative;
    top:15px;
    }

.topnav {
    z-index: 21;
}

.search{
    z-index: 22;
		overflow:hidden;
}

.search .lookingfor .trigger span {
    display:inline-block;
    width:16px;height:16px;
    background:url(http://www.halton.ca/App_Themes/assets/arrows/white-down.png) no-repeat;
    position:relative;
    top:7px; left:12px;

}
.search .lookingfor ul li {position:relative;}
.search .lookingfor ul ul {display:none;
    position:absolute !important;
    z-index:50;
    top:35px;
    width:209px;
    left:7px;
    background-color: #2A6B2D;
    color: #FFF;
    text-align: left;
    padding-bottom: 5px;
    padding-bottom: 5px;
}

.search .lookingfor ul ul li{
    border-top: 1px solid #2F7832;
}

.search .lookingfor ul ul li:first-child{
    border-top: none;
}

.search .lookingfor ul ul a {
    display:block;
    padding:5px 15px !important;
    font-weight:normal;
    font-size: 12px;
    line-height: 16px;
}
.search .lookingfor ul ul a:hover {
    text-decoration:underline;
}
.lookingfor, .searchbox {float:right;width:210px; position: relative;}
.nav ul {list-style:none;}
.nav li {float:left;}


.search .lookingfor .trigger {
    display:block;
    width:226px;
    height:45px;
    background:url(http://www.halton.ca/App_Themes/assets/header-input.png) no-repeat;
    padding:13px 0 0 22px;
    text-align: left;
    }
.search .lookingfor ul ul a {
   /* background:#005500;*/
    padding:0;
    }
.search .searchbox #q1 {
    color:white;
    font-size:14px;
    border:none;
    padding: 0px 0 0 20px;
    margin: 0px;
    width:153px;
    height:45px;
    line-height:45px;    
    background:url(http://www.halton.ca/App_Themes/assets/header-input.png) no-repeat;
    float:left;
    font-weight: bold;
    }
#q1:focus {border:none;}
.search .lookingfor {position:relative;right:15px;}
.search .searchbox .gobutton {
    display: block;
    float: left;
    width: 37px;
		padding:0;
    height: 45px;
    background: url(http://www.halton.ca/App_Themes/assets/search-button.png) no-repeat;
    border:none;
    text-indent:-500em;
    font-size:0;
    }
.topnav {background:url(http://www.halton.ca/App_Themes/assets/header-toolbar.png) no-repeat;margin-top:10px;position:relative;z-index:10;}
.topnav li {
    padding:0 20px;
    margin-top:8px;
    border-right:1px solid white;
    }
.topnav li.resizer {border-right:none; padding:0 18px;}
.topnav li.resizer #sizer a {float: left;}
.topnav a:hover {text-decoration:underline;}

/* Main Navigation */
.head .mainnav {
    clear:left;
    }
.mainnav ul li ul {display:none;}
.mainnav ul li a {
    display:block;
    width:160px;
    background:url(http://www.halton.ca/App_Themes/assets/menu.png) no-repeat;
    height:68px;
    text-indent:-500em;
    }    

#navitem01 {width:195px;background-position:0 0;}
#navitem02 {width:180px;background-position:-195px 0;}
#navitem03 {width:132px;background-position:-375px 0;}
#navitem04 {width:176px;background-position:-507px 0;}
#navitem05 {width:133px;background-position:-683px 0;}
#navitem06 {width:154px;background-position:-816px 0;}
#navitem01:hover, #navitem01.current  {background-position:0 -68px;}
#navitem02:hover, #navitem02.current  {background-position:-195px -68px;}
#navitem03:hover, #navitem03.current  {background-position:-375px -68px;}
#navitem04:hover, #navitem04.current  {background-position:-507px -68px;}
#navitem05:hover, #navitem05.current  {background-position:-683px -68px;}
#navitem06:hover, #navitem06.current  {background-position:-816px -68px;}


/* Main Content */
.content {
    clear:both;
    width:1032px;
    margin:0 auto;
    /* background:url(http://www.halton.ca/App_Themes/assets/body-repeater.png) repeat-y; */
    }
#theme {
    width:970px;
    margin:0 auto;
} 
/* Footer */

.footer {
    clear:both;
    width:1032px;
    margin:0 auto;
    /* background:url(http://www.halton.ca/App_Themes/assets/footer.png) no-repeat; */
    height:120px;
    font-size:13px;
    color:#666;
}
.footertext, .footernav {
    margin-top:40px;
}
.footer p, .footer ul {padding-top:8px;}
.footer ul{float:left;}
.footer a {font-weight:bold;}
.footertext {float:left;
    width:56%;margin-left:31px;margin-bottom:25px;}
.footernav {float:right;width:40%;}
.clear {clear:both;}
.footerend {
    clear:both;
    border-top:1px solid #aaa;
    padding-top:20px;
    text-align:center;
    height:200px;
    }

.footernav li {
    padding:0 12px;
    border-right:1px solid #aaa;
    }
.footernav li.last {
    border-right:none;
    }
.footernav p {
    display:block;clear:left;padding-left:12px;text-align:left;
    }
.footernav p a{
    color: #666;
    font-weight: normal;
}

/* Important Notice */

#importantnotice {
    background:#990000;
    color:white;
    font-size:14px;
    padding:15px 0;
    width:970px;
    margin:0 auto;
    }
#importantnotice p {font-size:16px;}
#importantnotice a {font-weight:bold;color:white;}
#importantnotice div {margin:0 20px;}

/* The BANNER */

/*#homebanner {height:px;}*/
#bannerLinks  {
    width:211px;
    height:352px;
    position:relative;
    z-index:30;
    overflow:hidden;
    }
#bannerLinks a {
display: block;
width: 211px;
background: url(http://www.halton.ca/App_Themes/assets/banner-menu.png) no-repeat;
height: 88px;
color: black;
text-decoration: none;
font-size: 18px;
cursor:pointer;
line-height:1.2;
    }
#bannerlinks a span {display:block;padding: 21px 27px 10px 44px;}
#bannerlinks a span.short {padding-top:33px;}
#bannerLinks a.b-one {background-position:0 0;}
#bannerLinks a.b-two {background-position:0 -88px;}
#bannerLinks a.b-three {background-position:0 -176px;}
#bannerLinks a.b-four {background-position:0 -264px;}

#bannerLinks a.current {background-position-x:-211px;}

#homebanner {position:relative;}
.bannercontent {height:352px;position:absolute;z-index:20;top:0;width:775px;overflow:hidden;left:0;left:195px;display:none;}
.bannercontent.current {display:block;}
.bannerImage {height:352px;width:775px;position:absolute;top:0;}

.bannerBlurb {position:relative;background:url(http://www.halton.ca/App_Themes/assets/banner-bubble.png) no-repeat;
    height:195px;
    width:289px;
    top:125px;
    left:45px;
    z-index:50;
    }
.bannerBlurb div {position:absolute;z-index:55;overflow:hidden;}
.bannerBlurb .heading {height:36px;width:240px;top:5px;left:20px;}
.bannerBlurb .heading h1, .bannerBlurb .heading h2, .bannerBlurb .heading h3{font-size: 25px; line-height: 29px; font-weight: normal; color: #333; margin: 5px 0;}
.bannerBlurb .text {height:80px; width:240px;top:46px;left:20px; font-weight: bold;}
.bannerBlurb .link {height:36px;width:240px;top:158px;left:20px;}
.bannerBlurb .link a {color: #185783; text-decoration: none; font-weight: bold;}
.bannerBlurb .link a:hover, .bannerBlurb .link a:active {text-decoration: underline;}


.clear {clear:both;}

/* Home Page bottom */

.column {
    float:left;
    margin:0 0 0 30px;
    padding:20px 0;
}
.chairscorner.column, .calendar.column {
    margin-right:0;
}
.thin {
    width:180px;
}
.thick {
    width:390px;
}
.row .thin img {border:0px solid #060;display: block;margin-left: auto;margin-right: auto}
.chairscorner, .calendar {
    width:310px;
    height:100%;
    overflow:hidden;
}

.row {
    width:970px;
    clear:both;
    height:235px;
    background:url(http://www.halton.ca/App_Themes/assets/row-repeater.png) repeat-x;
    overflow:hidden;
}
.row p, .row, h2, .row h3 {margin:2px 0 0;}
.row h3 {
    font-size:16px;
    margin: 10px 0;
    line-height: 20px;
}

.row .mediaReleases h3 { font-size: 16px; line-height: 20px; margin: 5px 0;}

.row h2 {
    font-size:20px;
    color:#333;
    margin: 10px 0;
    font-weight:bold;
    line-height: 24px;
}

.row .mediaReleases h2 { /*margin: 5px 0px 5px 0px;*/}

.row .date {
    color:#333;
    font-weight:bold;
    font-style:italic;
    margin: 5px 0;
}
.row .release {
    border-bottom:1px solid #ccc;
}

.row .mediaReleases ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.row .mediaReleases li{
    font-size: 13px;
    font-weight: bold;
    line-height: 17px;
    float: left;
    padding: 0 15px 0 0;
    margin: 10px 0 0 0;
    list-style-type: none;
}

.row .mediaReleaseList{ font-size: 13px; line-height: 16px; font-weight: bold;}
.row .mediaReleaseList ul{ margin: 10px 0 0 0; padding: 0; list-style-type: none;}
.row .mediaReleaseList li{ margin: 0; padding: 5px 0; list-style-type: none; border-bottom: 1px solid #ccc;}
.row .mediaReleaseList li.lastLink{ border-bottom: none;}

img.rssLink{ margin: 1px 5px 0 0 !important; float: left; width: 13px;}

/* Chair's Corner */

.chairscorner {
    background:url(http://www.halton.ca/App_Themes/assets/chairscorner-repeater.png) repeat-x;
}
.calendar {
    background:url(http://www.halton.ca/App_Themes/assets/calendar-repeater.png) repeat-x;
}
.chairscorner h2 {
    color:#060;
    margin: 0px 0 10px 0;
}
.calendar .box, .chairscorner .box {
    margin-left:30px;
    margin-right:30px;
}
.chairscorner .box .editable span b, .column.thin span b {display:none;}
.chairscorner .headshot {
    display:block;
    width:88px;
    text-align:center;
    height:94px;
    overflow:hidden;
    float:left;
    padding-right:20px;
}
.chairscorner .editable {
    height:139px;
    overflow:hidden;
    font-size: 13px;
}
.chairscorner .actionbutton {
    display:block;
    width:246px;
    height:34px;
    background:url(http://www.halton.ca/App_Themes/assets/chairscorner-action.png) no-repeat;
    color:white;
    font-weight:bold;
    padding:5px 0 0 15px;
    clear: both;
}
.calendar .actionbutton {
    clear:both;
    background:url(http://www.halton.ca/App_Themes/assets/calendar-action.png) no-repeat;
    display:block;
    width:246px;
    height:34px;
    color:#333;
    font-weight:bold;
    padding:5px 0 0 15px;
}
.calendar .date {float:left;width:40px;height:40px;background:#ccc;font-size:14px;border-radius:5px;}
.calendar .date p {margin:7px 2px;}
#theme .calendar .date p {text-align:center;line-height:1.1;}
.calendar .description {float:right; width:190px;}
.calendar .event {clear:both;}
/* Interior Pages */

#subpage{
    padding-top: 13px;
    /* background:url(http://www.halton.ca/App_Themes/assets/main-nav-shadow.png) 0 0 repeat-x; */
}

.withsidebar {
    padding-top: 13px;
}
.contact {
    background:url(http://www.halton.ca/App_Themes/assets/contact220.png) no-repeat; /*/contact.png ORIGINAL image */
    width:194px;
    height:220px; /*225px original height */
    float:right;
    line-height:1.25em;
    margin-top:40px
}
.contact h3 {
    margin:10px 20px;
}
.contact p {
    margin:5px 20px;
}

.withsidebar #sidebar {
    float:left;
    width:240px;

}
.withsidebar #pagecontent {
    float:left;
    width:680px;
    margin:0 20px 20px;
}

.wideInterior #subpage #pagecontent{
    float: left;
    margin: 0 20px 20px 20px;
    width: 930px;
}

.wideInterior #theme{
    background-image: none;
}

#theme {
    /* background:url(http://www.halton.ca/App_Themes/assets/submenu-repeater.png) 144px 0 repeat-y; */
}

.homepage #theme { background-image: none;}


#breadcrumb {
    font-size:12px !important;
    width:680px;
}

#pagecontent h1{
    font-size: 26px;
    line-height; 30px;
    font-weight: bold;
}

#pagecontent h2{
    font-size: 20px;
    line-height; 24px;
    font-weight: bold;
    color: #333;
}

#pagecontent h3{
    font-size: 16px;
    line-height; 20px;
    font-weight: bold;
    color: #333;
}

#pagetitle {margin:25px 0 15px;}

.content.interior {
    /*margin-top:13px;*/
    }

/* Sidebar Navigation */

.sidebar-nav div a {
    display:block;
    padding:8px 25px !important;
    border-bottom:1px solid #aaa;
    border-top:2px solid #eee; 
    color:#666;
    font-weight:bold;
    text-decoration:none;
    font-size:12px;
}
.sidebar-nav div a:hover {
    text-decoration:underline;
}
.sidebar-nav .current a {
    color:white;
    background:#006699;
}

.landingbanner img {width:970px; height: 145px;}

.landingbanner {width:970px; height: 155px; overflow: hidden;}

#landingBannerContent {
     width:970px; 
     padding: 0 0 10px 0;
     background:url(http://www.halton.ca/App_Themes/assets/landing-banner-bottom-bg.jpg) repeat-x right bottom;
}

/* Quicklinks */

.quicklinks {
    width:200px;
    float:right;
    padding-left:30px;
    padding-bottom:30px;
    padding-top:10px;
}
.quicklinks img {
    border: 2px solid #060;
    width:196px;
}
.quicklinks .title {
    display:block;
    background:#060;
    border-radius:0 0 4px 4px;
    height:30px;
    width: 200px;
}
.quicklinks .title h3{
    margin:0 10px;
    color: #FFF !important;
    font-size:16px !important;
    padding-top:5px;
    line-height: 20px !important;
}
.quicklinks ul {
    list-style:none !important;
    padding:0 !important;
    margin:0;
}
.quicklinks li {
    width:200px;
    border-bottom:1px solid #97ba98;
    background:url(http://www.halton.ca/App_Themes/assets/arrows/grey-right.png) no-repeat 5px right;
    padding:0;
    margin:0;
    list-style:none;
}
.quicklinks li:last-child {border-bottom:none;}
.quicklinks a {
    color:#666;
    display:block;
    text-decoration:none !important;
    font-weight:bold;
    margin:7px 30px 7px 10px;
    font-size: 13px !important;
    line-height: 17px !important;
}
.quicklinks a:hover {
    text-decoration:underline !important;
}


/* Override the default "text-align:center" that is inline on the body */

.footer .footertext, .content #theme * {text-align:left;}




/* Some Classes from old Stylesheets for content */

.imgright {
float:right;clear:right;
padding: 6px;
}

.imgleft {
float: left;clear:left;
padding:6px;
}

.imageCaption {
float: right;
margin: 0 4px;
padding: 0;
text-align: center;
font-style: italic;
}

.hottopic { margin-left: 110px;}

.content span.hottopictitle { font-size: 140%; font-weight:bold}

.alertright {
    background-color: #F3F3F3;
    border: 1px solid #2A6B2D;
    float: right;
    margin: 5px;
    padding: 5px;
    width: 221px;
}

.alertright h2 {
    margin: 0px;
}

/*.sitemap_container li{list-style-type: none; margin: 0px; padding: 2px;}*/
li.sitemap_column{ width: 42%; float: left; margin: 0 10px; padding: 0 10px 0 0; list-style-type: none;}
/*ul.sitemap_item {margin-left: 20px;}*/

/* Admin stuff */

#main {width:950px;margin:0 auto;}



/* Banner Test Colors - remove for production */
/*
#banner-one {background:green;}
#banner-two {background:yellow;}
#banner-three {background:blue}
#banner-four {background:purple;}
*/

.textsmaller { padding: 3px; }
.textbigger { padding: 3px 3px 3px 6px; }

.decrease { margin: 3px; }
.increase { margin: 3px 3px 3px 6px; }