body{margin:0;background: #ffffff url(../images/COM/bg.jpg) top no-repeat;color:#59595b} body,td,th,input,select,textarea,input {font-family: "Trebuchet MS", "Trebuchet", Arial, sans-serif} body {font-size: 76%} td,th,input,select,textarea,input{font-size:inherti;} p{margin:0 0 8px 0;} form{padding:0;margin:0} script{padding:0;margin:0} a img{border:none;} a{text-decoration: underline;color: #026687;} a:visited{text-decoration: underline;color: #3f98b5;} a:focus{outline: none;} h1{font-size: 140%;margin-bottom: 8px;margin-top: 14px;padding:0 0 9px 0} h2{font-size: 130%;margin-bottom: 8px;margin-top: 14px;padding:0 0 9px 0;background: url(../images/COM/subjectheaderunderline.gif) bottom left repeat-x} h2.blue{background: url(../images/COM/subjectheaderunderline-residents.gif) bottom left repeat-x !important} h2.red{background: url(../images/COM/subjectheaderunderline-business.gif) bottom left repeat-x !important} h2.green{background: url(../images/COM/subjectheaderunderline-visitors.gif) bottom left repeat-x !important} h2.orange{background: url(../images/COM/subjectheaderunderline-government.gif) bottom left repeat-x !important} h3{font-size: 120%;margin-bottom: 8px;margin-top: 14px;font-weight:bold} h4{font-size: 110%;margin:10px 0 0px 0;font-weight:bold} .heading4italics{font-size: 110%;margin:10px 0 0px 0;font-weight:bold;font-style:italic} h5{font-size: 110%;margin:10px 0 0px 0;font-style:italic} .clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */ /* English page IDs: Community 17894 Family 17895 Business 17896 Partners 17897 */ #tblACMAdminToolbar{z-index:1000;} #background{background: #ffffff url(../images/COM/bg.jpg) top no-repeat;} #wrapper{width:725px;margin:0 auto} /**********************************************************/ /* Header /**********************************************************/ #header{position:relative;height:94px;z-index:100} .level1 #header{margin:0 0 13px 0} .level2 #header{margin:0 0 27px 0;} .level3 #header{margin:0 0 27px 0;} #logo{margin:0 0 0 3px;padding:8px 0 0 0} #toolbar{position:absolute;top:10px;right:0;} #toolbar td{padding:0;vertical-align:middle} #toolbar td a{color:#59595b;text-decoration:none;padding:0 4px} #toolbar td#search{} #search #search-textfield{vertical-align:middle;width:102px;height:16px;border:none;border-right:1px solid #bcbec0;border-bottom:1px solid #bcbec0;background: #ffffff url(../images/COM/searchtextfield-bg.gif) top left no-repeat} #search #search-button{vertical-align:middle;padding:0;border:none;width:25px;height:15px;line-height:100px;text-indent:-2000px;overflow:hidden;background: url(../images/COM/button-go.gif) top left no-repeat;} #search .ipf-PageSearch-TextField{vertical-align:middle;width:102px;height:16px;border:none;border-right:1px solid #bcbec0;border-bottom:1px solid #bcbec0;background: #ffffff url(../images/COM/searchtextfield-bg.gif) top left no-repeat} #search .ipf-PageSearch-Button{vertical-align:middle;padding:0;border:none;width:18px;height:17px;line-height:100px;text-indent:-2000px;overflow:hidden;background: url(../images/COM/button-arrow.gif) top left no-repeat;} #toolbar td#languagemenu{padding:0 5px;} #toolbar td#languagemenu *{cursor:pointer} #toolbar td#languagemenu table, #toolbar td#languagemenu table td{padding:0;width:auto;} #toolbar td#languagemenu table td a{padding:0;} #textsize{ position:absolute; top:37px; right:1px; font-weight:bold; width: 250px; height: 22px; text-align: right; } #textsize a{text-decoration:none;padding:0 2px;color:#026687} #textsize-normal{font-size:10px;background:#026687;color:#fff !important} #textsize-large{font-size:13px;} #textsize-extralarge{font-size:16px} #nav{position:absolute;top:60px;left:223px;font-size:90%;z-index:100} #nav ul {padding: 0;margin: 0;list-style: none;list-style-image:none;line-height: 1;z-index:100} #nav ul li {float: left;list-style: none;list-style-image:none;margin:0;z-index:100} #nav ul li a{display:block;text-decoration:none;color:#59595b;z-index:100} /* Level 1 */ #nav ul li div a{height:34px;text-indent:-2000px;background-repeat:no-repeat;} #nav ul li#pageid20 div a{background: url(../images/COM/nav-residents-fr.gif);background-position: 0 -68px;width:127px} #nav ul li#pageid22 div a{background: url(../images/COM/nav-business-fr.gif);background-position: 0 -68px;width:126px} #nav ul li#pageid24 div a{background: url(../images/COM/nav-visitors-fr.gif);background-position: 0 -68px;width:127px} #nav ul li#pageid26 div a{background: url(../images/COM/nav-government-fr.gif);background-position: 0 -68px;width:120px} body.level1 #nav ul li div a{background-position: 0 -102px !important} body.level1 #nav ul li div a:hover, body.level1 #nav ul li.ipf-active1 div a, #nav ul li div a:hover, #nav ul li.ipf-active1 div a{background-position: 0 -34px !important} /* Level 2 */ #nav ul li ul{margin:0;position: absolute;width: 120px;left: -999em;} #nav ul li#pageid20 ul {background-color:#ccedf8} #nav ul li#pageid22 ul {background-color:#fcd9d7} #nav ul li#pageid24 ul {background-color:#e8f4d9} #nav ul li#pageid26 ul {background-color:#ffe8cc} #nav ul li ul li a{width:100px;padding:6px 10px;text-indent:0;background: url(../images/COM/nav-flyoutdivider.gif) bottom left repeat-x;} #nav ul li#pageid20 ul li a:hover{background-color:#99dbf1} #nav ul li#pageid22 ul li a:hover{background-color:#f9b3ae} #nav ul li#pageid24 ul li a:hover{background-color:#d1e8b2} #nav ul li#pageid26 ul li a:hover{background-color:#ffd19a} /* Level 3 */ #nav ul li ul li ul {display:none;margin: -27px 0 0 180px;} #nav ul li ul li ul li a{background:none !important;} #nav ul li ul li ul li a:hover{background: #225283 !important;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;} #nav li:hover, #nav li.hover {position: static;} #focusarea{margin:0 0 10px 0;} body.level2 #focusarea, body.level3 #focusarea{float:left} #path{font-size:90%;float:left;width:551px} body.extrawide #path{width:auto} #path a{color:#6d6e71} /**********************************************************/ /* Content Area (container for 3 columns) /**********************************************************/ #contentarea{border-collapse:collapse;line-height:1.4em;} #contentarea h2{} body#template20 #contentarea h2{background: url(../images/COM/subjectheaderunderline-residents.gif) bottom left repeat-x} body#template22 #contentarea h2{background: url(../images/COM/subjectheaderunderline-business.gif) bottom left repeat-x} body#template24 #contentarea h2{background: url(../images/COM/subjectheaderunderline-visitors.gif) bottom left repeat-x} body#template26 #contentarea h2{background: url(../images/COM/subjectheaderunderline-government.gif) bottom left repeat-x} /**********************************************************/ /* Left Column /**********************************************************/ #column-left{ width:155px; float:left; margin-top: 0; margin-right: 17px; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 0; } #column-left ul{margin:0;padding:0;list-style:none;} #column-left ul li{margin:0 0 5px 0;} #column-events{ width:191px; float:left; margin-top: 0; margin-right: 17px; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 0; } #column-events .whiteroundedbox{width:166px;border-collapse:collapse;margin:15px 0} #column-events .whiteroundedbox th{background: url(../images/COM/whiteroundedbox-small-bg.gif) top left no-repeat;vertical-align:top;padding:0;font-size:1px;height:10px;line-height:1} #column-events .whiteroundedbox td{background: url(../images/COM/whiteroundedbox-small-bg.gif) bottom left no-repeat;vertical-align:top;padding:0px 13px 10px 13px} #column-events .whiteroundedbox td h3{margin-top:0;} #weather{margin:15px 0 0 0;} #subnav{padding:27px 0 0 0;line-height:1.1em} body#template20 #subnav {background: url(../images/COM/subnav-top-residents-fr.gif) top left no-repeat} body#template22 #subnav {background: url(../images/COM/subnav-top-business-fr.gif) top left no-repeat} body#template24 #subnav {background: url(../images/COM/subnav-top-visitors-fr.gif) top left no-repeat} body#template26 #subnav {background: url(../images/COM/subnav-top-government-fr.gif) top left no-repeat} /* Level 2 */ #subnav ul{background:#bdbdbd;margin:0;padding:0;list-style:none;} body#template20 #subnav ul{background:#99dbf1} body#template22 #subnav ul{background:#f9b3ae} body#template24 #subnav ul{background:#d1e8b2} body#template26 #subnav ul{background:#ffd19a} #subnav ul li{height:1%;margin:0;border-top:1px solid #ffffff} #subnav ul li.ipf-active1{font-weight:bold} #subnav ul li.ipf-active1 ul li{font-weight:normal;} #subnav li.submenu{cursor: hand !important;cursor: pointer !important; } #subnav li.submenu ul{display: none;} #subnav .submenu ul li{cursor: default;} #subnav ul.ipf-sectionmenu-folderopen {} #subnav ul.ipf-sectionmenu-folderclose {} #subnav ul li div{display:inline;} #subnav ul li a{zoom:1;display:block;color:#59595b;text-decoration:none;padding:6px 10px 3px 21px} /* Level 3 */ #subnav ul li ul{background:#dedede;font-size:90%} body#template20 #subnav ul li ul{background:#ccedf8} body#template22 #subnav ul li ul{background:#fcd9d7} body#template24 #subnav ul li ul{background:#e8f4d9} body#template26 #subnav ul li ul{background:#ffe8cc} #subnav ul li ul li.ipf-active2{font-weight:bold} #subnav ul li ul li.ipf-active2 ul li{font-weight:normal;} #subnav ul li ul li.ipf-active2 a{background: url(../images/COM/subnav-level3highlight.gif) 12px 8px no-repeat} /* Level 3 */ #subnav ul li ul li{border:none} #subnav ul li ul li ul{} #subnav ul li ul li ul li{} #subnav ul li ul li ul li.ipf-active3{font-weight:bold} #subnav ul li ul li ul li.ipf-active3 ul li{font-weight:normal;} #subnav ul li ul li ul li a{padding:1px 10px 1px 35px;background:none !important} #subnav ul li ul li ul li.ipf-active3 a{background: url(../images/COM/subnav-level3highlight.gif) 26px 4px no-repeat !important} #subnav-bottom{height:7px;line-height:1;font-size:1px;margin:0 0 15px 0;} body#template20 #subnav-bottom{background: url(../images/COM/subnav-bottom-residents.gif) top left no-repeat} body#template22 #subnav-bottom{background: url(../images/COM/subnav-bottom-business.gif) top left no-repeat} body#template24 #subnav-bottom{background: url(../images/COM/subnav-bottom-visitors.gif) top left no-repeat} body#template26 #subnav-bottom{background: url(../images/COM/subnav-bottom-government.gif) top left no-repeat} /**********************************************************/ /* Centre Column /**********************************************************/ #content{width:370px;float:left;} body.wide #content{width:552px} body.extrawide #content{width:725px} #content-events{width:515px;float:left;} #content h1#pagetitle{background: url(../images/COM/subjectheaderunderline.gif) bottom left repeat-x;font-size: 140%;font-weight: bold;margin-bottom: 8px;margin-top: 14px;} body#template20 #content h1#pagetitle{background: url(../images/COM/subjectheaderunderline-residents.gif) bottom left repeat-x} body#template22 #content h1#pagetitle{background: url(../images/COM/subjectheaderunderline-business.gif) bottom left repeat-x} body#template24 #content h1#pagetitle{background: url(../images/COM/subjectheaderunderline-visitors.gif) bottom left repeat-x} body#template26 #content h1#pagetitle{background: url(../images/COM/subjectheaderunderline-government.gif) bottom left repeat-x} #whatsnewtable{width:100%;border-collapse:collapse;margin:0 0 15px 0} #whatsnewtable th{padding:5px 10px 5px 0;background: url(../images/COM/divider-bg.gif) bottom left repeat-x} #whatsnewtable td{padding:5px 0;background: url(../images/COM/divider-bg.gif) bottom left repeat-x} .blueboxtable{width:351px;border-collapse:collapse;margin:0 0 15px 0} .blueboxtable td{vertical-align:top;padding:0;font-size:1px;line-height:1;height:10px;} .blueboxtable th.bluebox{background: url(../images/COM/blueroundedbox-small-bg.gif) top left no-repeat;vertical-align:top;padding:0;font-size:1px;height:5px;line-height:1} .blueboxtable td.bluebox{background: url(../images/COM/blueroundedbox-small-bg.gif) bottom left no-repeat;width:166px;vertical-align:top;padding:0 13px 5px 13px;font-size:100%;line-height:1.4em;height:auto} .blueboxtable td.bluebox h3{margin-top:0;} .blueboxtable td.bluebox a:visited{color: #026687} #content ul{margin:0;padding:0;list-style:none;} #content ul li{padding:1px 0 1px 15px;margin:0 0 5px 0;background: url(../images/COM/bullet.gif) 3px 7px no-repeat;} #content .whiteroundedbox{width:371px;border-collapse:collapse;margin:15px 0} #content .whiteroundedbox th{background: url(../images/COM/whiteroundedbox-large-bg.gif) top left no-repeat;vertical-align:top;padding:0;font-size:1px;height:10px;line-height:1} #content .whiteroundedbox td{background: url(../images/COM/whiteroundedbox-large-bg.gif) bottom left no-repeat;vertical-align:top;padding:0px 13px 10px 13px} #content .whiteroundedbox td h3{margin-top:0;} #content .widewhiteroundedbox{width:520px;border-collapse:collapse;margin:15px 0} #content .widewhiteroundedbox th{background: url(../images/COM/widewhiteroundedbox-large-bg.gif) top left no-repeat;vertical-align:top;padding:0;font-size:1px;height:10px;line-height:1} #content .widewhiteroundedbox td{background: url(../images/COM/widewhiteroundedbox-large-bg.gif) bottom left no-repeat;vertical-align:top;padding:0px 13px 10px 13px} #content .widewhiteroundedbox td h3{margin-top:0;} .communityeventtable{width:100%;border-collapse:collapse;border:1px solid #80CAE7} .communityeventtable th{font-weight:bold;text-align:left;vertical-align:top;padding:5px 5px;background:#80CAE7;border:1px solid #80CAE7;border-bottom:1px solid #ffffff} .communityeventtable td{text-align:left;vertical-align:top;padding:5px 5px;border:1px solid #80CAE7} .cityhallmeetingeventtable{width:100%;border-collapse:collapse;border:1px solid #ffd19a} .cityhallmeetingeventtable th{font-weight:bold;text-align:left;vertical-align:top;padding:5px 5px;background:#ffd19a;border:1px solid #ffd19a;border-bottom:1px solid #ffffff} .cityhallmeetingeventtable td{text-align:left;vertical-align:top;padding:5px 5px;border:1px solid #ffd19a} ul.aqdd{} body#template20 #content ul.aqdd li{background: url(../images/COM/bullet-residents.gif) 0 4px no-repeat;} body#template22 #content ul.aqdd li{background: url(../images/COM/bullet-business.gif) 0 4px no-repeat;} body#template24 #content ul.aqdd li{background: url(../images/COM/bullet-visitors.gif) 0 4px no-repeat;} body#template26 #content ul.aqdd li{background: url(../images/COM/bullet-government.gif) 0 4px no-repeat;} /**********************************************************/ /* Right Column /**********************************************************/ #column-right{width:166px;float:left;margin:0 0 0 16px} #column-right .whiteroundedbox{width:166px;border-collapse:collapse;margin:15px 0} #column-right .whiteroundedbox th{background: url(../images/COM/whiteroundedbox-small-bg.gif) top left no-repeat;vertical-align:top;padding:0;font-size:1px;height:10px;line-height:1} #column-right .whiteroundedbox td{background: url(../images/COM/whiteroundedbox-small-bg.gif) bottom left no-repeat;vertical-align:top;padding:0px 13px 10px 13px} #column-right .whiteroundedbox td h3{margin-top:0;} /* Quick Poll */ #column-right .votebutton input{background: url(../images/COM/button-vote.gif) top left no-repeat;vertical-align:middle;padding:0;border:none;width:50px;height:19px;line-height:100px;overflow:hidden;margin:0 5px 0 0} html > body #column-right .votebutton input {text-indent:-2000px;} html > body #column-right .votebutton input {*text-indent:0px} #column-right .questiontable{} #column-right .questiontable td{} /**********************************************************/ /* Footer /**********************************************************/ #footer{border-top:1px solid #6d6e71;padding:10px 0;clear:both;margin:15px 0 0 0;font-size:90%} #footer a{color:#59595b;text-decoration:none;padding:0 5px} #footer p{margin:0 0 2px 0;} #footer #copyright{} #footer #footerlinks{float:right} /**********************************************************/ /* Splashpage /**********************************************************/ body.splashpage{background: url(../images/COM/bg-splashpage.jpg) top no-repeat} body.splashpage #background{background: url(../images/COM/bg-splashpage.jpg) top no-repeat} body.splashpage #wrapper{width:760px;} /**********************************************************/ /* Calendar /*********************************************************/ .ip-calendar-eventdetailspanel { border-bottom: 1px dashed #999999; padding-bottom: 20px; width: 500px; }/*space & line between each event*/ .ip-calendar-titlerow { background-color: #dedede; }/*adds background color to month control*/ .ip-calendar-datejumpcontrolspan { font-size: 0px; } /*removes words before jump menu*/