body 
{
    margin:0px;
     padding:0px;
     font-size:13px;
    line-height:17px;
    font-family: Arial, Helvetica, sans-serif;
    background-image:url(images/background.png);
     background-position: top center;
     background-repeat:no-repeat;
}

.wrapper
{
    width: 1032px;
    margin: 0 auto;
}

.head
{
    width: 970px;
    margin: 0 auto;
    background: url(images/header-bg.png) repeat-x #307A33;
    height: 182px;
}

.logo 
{
    width: 205px;
    float: left;
    height: 114px;
    padding-left: 16px;
}

.logo h1 a {
    display: block;
    text-indent: -500em;
    height: 102px;
    width: 218px;
    background: url(images/halton-logo.png) no-repeat;
}

h1
{
    margin:0px;
    padding:0px;
}

.mainNav
{
    clear:left;
    background-color:Black;
    height:68px;
    background-image: url(images/mainNav_bg.png); 
    background-repeat:repeat-x;
}

.content {
    clear: both;
    width: 1032px;
    margin: 0 auto;
    background: url(images/body-repeater.png) repeat-y;
}

#subpage {
    padding-top: 13px;
    background: url(images/main-nav-shadow.png) 0 0 repeat-x;
}

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

/**/




.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 a {color:white;text-decoration:none;font-size:15px;}
.logo {width:205px;float:left;height:114px;padding-left:16px;}
.logo h1 a {
    display:block;
    text-indent:-500em;
    height:102px;
    width:218px;
    background:url(images/halton-logo.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;
}

.search .lookingfor .trigger span {
    display:inline-block;
    width:16px;height:16px;
    background:url(images/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(images/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:173px;
    height:45px;
    line-height:45px;    
    background:url(images/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: right;
    width: 37px;
    height: 45px;
    background: url(images/search-button.png) no-repeat;
    border:none;
    text-indent:-500em;
    font-size:0;
    }
.topnav {background:url(images/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;}
.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(images/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(images/body-repeater.png) repeat-y;
    }
#theme {
    width:970px;
    margin:0 auto;
} 
/* Footer */

.footer {
    clear:both;
    width:1032px;
    margin:0 auto;
    background:url(images/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(images/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(images/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(images/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;}

/* Chair's Corner */

.chairscorner {
    background:url(images/chairscorner-repeater.png) repeat-x;
}
.calendar {
    background:url(images/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(images/chairscorner-action.png) no-repeat;
    color:white;
    font-weight:bold;
    padding:5px 0 0 15px;
    clear: both;
}
.calendar .actionbutton {
    clear:both;
    background:url(images/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(images/main-nav-shadow.png) 0 0 repeat-x;
}

.withsidebar {
    padding-top: 13px;
}
.contact {
    background:url(images/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(images/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(images/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(images/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 */







/* 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;
}

/* 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; }

/* CSS3 info boxes START */

.info, .success, .warning, .error {
    border: 1px solid;
    margin: 15px 0px;
    padding:5px 20px 5px 55px;
    width: 500px;	
    font: bold 12px verdana;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    text-shadow: 2px 2px 2px #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.info {
    color: #00529B;
    background: #BDE5F8 url('http://webaps.halton.ca/template/icons/icon-info.png') no-repeat 10px center;
}
.success {
    color: #4F8A10;
    background: #DFF2BF url('http://webaps.halton.ca/template/icons/icon-tick.png') no-repeat 10px center;
}
.warning {
    color: #9F6000;
    background: #FEEFB3 url('http://webaps.halton.ca/template/icons/icon-warning.png') no-repeat 10px center;
}
.error {
    color: #D8000C;
    background: #FFBABA url('http://webaps.halton.ca/template/icons/icon-cross.png') no-repeat 10px center;
}

/* CSS3 Info boxes END */

.row2 {

	background-color: #E6E6E6;

	color:#000;

}