body{margin:0;background: #cecece;color:#333333} body.level1{background: #cecece url(../images/v2template/bg-level1.gif) top repeat-y} body.level2{background: #cecece url(../images/v2template/bg-level2.gif) top repeat-y} body.level2.template-widecontent {background: #cecece url(../images/v2template/bg-level2-widecontent.gif) top repeat-y !important} body,td,th,input,select,textarea,input {font-family: Arial, Helvetica, sans-serif;} body,td,th,input,select,textarea,input {font-size:12px;} p{margin:0 0 1.5em 0;} td p{margin-bottom:0} table,td,th{border:none;} form{padding:0;margin:0} /*Links*/ a img{border:none;} a:focus{outline: none;} a:link { color: #253C7F; text-decoration: underline} a:visited { color:#3366CC; text-decoration:underline} a:hover { color: #FFC10A; text-decoration: underline} h1 {color: #999;text-transform: uppercase;font-weight: normal;} h2 {color: #253C7F;font-weight: bold;font-size: 20px;margin-bottom: 10px;} q {font-size: 14px;text-align: center;color: #0D2872;font-style: normal;display: block;margin-bottom:1em;} h3 {font-size: 14px;font-weight: bold;color: #333333;} tt { font-size: 12px ; color: #333333} #tblACMAdminToolbar{z-index:1000;} .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 */ .level1 #background{background: url(../images/v2template/background-level1.jpg) top no-repeat;} .level2 #background{background: url(../images/v2template/background-level2.jpg) top no-repeat;padding:0 0 150px 0} #wrapper{width:770px;margin:0 auto 0 auto} .level1 #wrapper{background: url(../images/v2template/crest.gif) bottom right no-repeat;} #header{position:relative;height:91px} #logo{position:absolute;top:3px;left:20px;} #logo a{display:block;text-indent:-2000px;width:185px;height:48px;background: url(../images/v2template/logo-0.gif) top left no-repeat;} #logo a:hover{background: url(../images/v2template/logo-1.gif) top left no-repeat;} #search{position:absolute;top:7px;right:0;background: url(../images/v2template/search-bg.gif) top left no-repeat;width:199px;height:25px} #search .ipf-PageSearch-TextField{border:1px solid #fff;width:167px;font-size:13px;vertical-align:middle;color:gray;position:absolute;top:2px;left:3px;font-size:11px} #search .ipf-PageSearch-Button{background: url(../images/v2template/searchbutton.gif) 0 0 no-repeat;width:15px;height:14px;text-indent:-2000px;line-height:100px;overflow:hidden;border:none;padding:0;vertical-align:middle;position:absolute;top:4px;right:7px;cursor:pointer} #search #googleSearchTextfield{border:1px solid #fff;width:167px;font-size:13px;vertical-align:middle;color:gray;position:absolute;top:2px;left:3px;font-size:11px} #search #googleSearchButton{background: url(../images/v2template/searchbutton.gif) 0 0 no-repeat;width:15px;height:14px;text-indent:-2000px;line-height:100px;overflow:hidden;border:none;padding:0;vertical-align:middle;position:absolute;top:4px;right:7px;cursor:pointer} #search #googleSearchAdvancedLink{display:none;} #toolbar{position:absolute;left:380px;top:10px;font-size:11px;text-align:right;width:180px} #toolbar a{font-weight:bold;padding:0 7px} #nav{width: 769px;height: 35px;position: absolute; top: 55px; left: 0;background-image: url(../images/v2template/nav-0.jpg);} #nav ul{padding: 0;margin: 0;list-style: none;list-style-image:none;line-height: 1;} #nav li {float: left;list-style: none;list-style-image:none;margin:0} #nav li a {display:block;height: 35px; background-image: url(../images/v2template/nav-0.jpg);text-indent:-2000px} li#nav-discover a {width: 111px;} li#nav-cityhall a {width: 106px;background-position: -111px 0;} li#nav-cityservices a {width: 99px;background-position: -217px 0;} li#nav-business a {width: 132px;background-position: -316px 0;} li#nav-parks a {width: 120px;background-position: -448px 0;} li#nav-culture a {width: 112px;background-position: -568px 0;} li#nav-safety a {width: 89px;background-position: -680px 0;} #nav li a:hover, #pagevariable165 #nav li#nav-discover a, #pagevariable27 #nav li#nav-cityhall a, #pagevariable109 #nav li#nav-cityservices a, #pagevariable15 #nav li#nav-business a, #pagevariable199 #nav li#nav-parks a, #pagevariable147 #nav li#nav-culture a, #pagevariable237 #nav li#nav-safety a {background-image: url(../images/v2template/nav-1.jpg); } #headerimage{text-align:right;padding:0 1px 0 0;width:769px;height:140px;background: url(http://www.richmond.ca/__shared/assets/cityhall20819.jpg) top left no-repeat;} /* Utilities */ .level1 #headerimage {background: url(http://www.richmond.ca/__shared/assets/home20823.jpg) top left no-repeat;} /* Homepage */ /*.level1 #headerimage {background: url(http://www.richmond.ca/__shared/assets/olympichome25054.jpg) top left no-repeat;} /* Homepage - Olympics*/ /*.level1 #headerimage {background: url(http://internet2/__shared/assets/home20823.jpg) top left no-repeat;} /* Homepage - Testing*/ #pagevariable165 #headerimage {background: url(http://www.richmond.ca/__shared/assets/discover20822.jpg) top left no-repeat;} /* Discover */ #pagevariable27 #headerimage {background: url(http://www.richmond.ca/__shared/assets/cityhall20819.jpg) top left no-repeat;} /* City Hall */ #pagevariable109 #headerimage {background: url(http://www.richmond.ca/__shared/assets/cityservices20820.jpg) top left no-repeat;} /* City Services */ #pagevariable15 #headerimage {background: url(http://www.richmond.ca/__shared/assets/business20818.jpg) top left no-repeat;} /* Business */ #pagevariable199 #headerimage {background: url(http://www.richmond.ca/__shared/assets/parks20825.jpg) top left no-repeat;} /* Parks */ #pagevariable147 #headerimage {background: url(http://www.richmond.ca/__shared/assets/culture20821.jpg) top left no-repeat;} /* Culture */ #pagevariable237 #headerimage {background: url(http://www.richmond.ca/__shared/assets/safety20826.jpg) top left no-repeat;} /* Safety */ #pagevariable3073 #headerimage {background: url(http://www.richmond.ca/__shared/assets/news20824.jpg) top left no-repeat;} /* News */ #pagevariable7895 #headerimage {background: url(http://www.richmond.ca/__shared/assets/cityhall20819.jpg) top left no-repeat;} /* Elections */ #pagevariable8965 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Careers22919.jpg) top left no-repeat;} /* Careers */ /* Olympics Pages */ #pagevariable9667 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics125018.jpg) top left no-repeat;} /* 1 */ #pagevariable9800 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics225019.jpg) top left no-repeat;} /* 2 */ #pagevariable9826 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics325020.jpg) top left no-repeat;} /* 3 */ #pagevariable9809 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics425021.jpg) top left no-repeat;} /* 4 */ #pagevariable9798 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics525022.jpg) top left no-repeat;} /* 5 */ #pagevariable8656 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics625023.jpg) top left no-repeat;} /* 6 */ #pagevariable9799 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics725024.jpg) top left no-repeat;} /* 7 */ #pagevariable9216 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics725024.jpg) top left no-repeat;} /* 7 */ #pagevariable9806 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics825025.jpg) top left no-repeat;} /* 8 */ #pagevariable9807 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics925026.jpg) top left no-repeat;} /* 9 */ #pagevariable9836 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics1025027.jpg) top left no-repeat;} /* 10 */ #pagevariable9801 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics1125028.jpg) top left no-repeat;} /* 11 */ #pagevariable9804 #headerimage {background: url(http://www.richmond.ca/__shared/assets/Olympics1125028.jpg) top left no-repeat;} /* 11 */ /*----------------------------------------------------------------------*/ /* Content /*----------------------------------------------------------------------*/ #contentarea{clear:both;} #content{float:left;overflow:hidden} .level1 #content{width:529px;padding:0 26px 0 11px;} .level2 #content{width:458px;padding:10px 13px 25px 13px;} .level2 #content p{font-size:12px;} /* workaround for buggy content */ #path{font-size:9px;margin:0 0 20px 0;} #path a{text-decoration:none;} #sectiontitle{text-transform:uppercase;margin:0 0 5px 0;color:#999999;font-size:11px} #contentarea h1#pagetitle{font-size:20px;color:#0d2772;font-weight:bold;margin:0 0 15px 0;text-transform:none} /*#contentarea #content.olympic h1#pagetitle{padding: 5px 0 5px 40px; background:url(../images/olympicpagetitleicon.jpg) left top no-repeat; color: #cc0000}*/ /*only Agendas and Minutes should be using h1 */ #contentarea h1 {font-size: 10pt; color:#000000; text-transform: uppercase;font-weight: normal;} #ourvision{margin:0 0 15px 0;clear:both} #googleSearchAdvancedHeader td{color:#0d2772;} #googleSearchAdvancedTable td strong{color:#0d2772;} /*General Formatting*/ .helper {background: url(../images/v2template/helper-bg.jpg) no-repeat top left;width:368px;padding: 5px 25px 5px 10px; display: block; margin: 25px 0;} .caption { FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; color: #999999 } .photo {border: 1px solid black; margin-left: 10px; margin-right:10px} .public-art-index-photo {border: 1px solid #999999; margin:3px; padding:5px;} .tab-heading{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11pt;color:#000066;} .list-adobe-pdf, .list-adobe-pdf li {list-style-image: url(../images/PDFIcon.gif);} .uppercase {text-transform:uppercase;} .emphasis { font-weight: bold; font-style:italic; color:#CC9900} .enviroemphasis { font-weight: bold; font-style:italic; color:#4d8a1f} .BoldGray {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #555555} /*Headers & Titles*/ .MainHeading {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#999999; text-decoration: none; text-transform:uppercase;} .MainHeading2 {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color:#253C7F; text-decoration: none} .title {font-size: 14px !important; font-weight: bold; color: #253C7F;} .subtitle {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #253C7F} /*.olympic .title {color: #0066CC;} .olympic .subtitle {color: #0066CC;}*/ .subsubtitle {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #666666} .italicmail {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #253C7F; font-style: italic} .emphasistitle {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #DA4D1B} /*----------------------------------------------------------------------*/ /* Tables /*----------------------------------------------------------------------*/ th, .table-header {background-color:#233773; color:#FFFFFF; font-weight:bold; padding: 3px;} th p, .table-header p, th a:link, .table-header a:link, th a:visited, .table-header a:visited {color:#FFFFFF; padding: 0; margin: 0;} th.table-subheader p {color:#333333;} .table-subheader,th.table-subheader {background:#CCCCCC; font-weight:bold; color: #333333; padding:2px 3px;} .table-striped {border-collapse: collapse; border-bottom: 1px solid #EEEEEE;} .table-striped td, .table-striped th {text-align:left; vertical-align: top;} .table-striped .table-subheader, .table-striped th.table-subheader {background:#666699 ; font-weight:bold; color: #FFFFFF;} .table-striped .table-subheader p, .table-striped th.table-subheader p, .table-striped .table-subheader a:link, .table-striped th.table-subheader a:link, .table-striped .table-subheader a:visited, .table-striped th.table-subheader a:visited {color: #FFFFFF; padding: 0; margin: 0;} .table-striped .table-subheader a:hover, .table-striped th.table-subheader a:hover {color: #FFC10A;} .table-striped td {padding: 2px 3px;} .table-borders {border-collapse: collapse;} .table-borders td, .table-borders th {border: 2px solid #CCCCCC; padding: 3px; text-align:left; vertical-align: top;} .table-borders .table-subheader, .table-borders th.table-subheader {background:#EEEEEE; font-weight:bold; color: #333333; padding:2px 3px;} .table-noborders, .table-noborders tr, .table-noborders th, .table-noborders td {text-align:left; vertical-align:top;} .content-cell {background-color: #EEEEEE} .table-callout {border-collapse: collapse; width:180px; float:right; margin:10px;} .table-callout th, .table-callout .table-header {background-color:#233773; color:#FFFFFF; font-weight:bold; padding: 3px;} .table-callout td {background: #EEEEEE;} .table-callout ul {margin: 0; margin-bottom:0.5em; padding-left:0;} .table-callout li {list-style:none; background: url(../images/small_arrow.gif) 3px 2px no-repeat; margin:0; padding:0; padding-left:10px;} .table-testimonial {border:1px solid #CC9900; padding: 2px; margin: 10px; float: right; width:150px;} .table-testimonial td {padding: 3px; color:#253C7F; font-style:italic; font-size: 10px;} .table-testimonial img {border: 1px solid black;} .table-testimonial-horiz {border:1px solid #CC9900; padding: 2px; margin: 10px auto;} .table-testimonial-horiz td {padding: 3px; color:#253C7F; font-style:italic; font-size: 10px; width:150px;} .table-testimonial-horiz img {border: 1px solid black;} /*----------------------------------------------------------------------*/ /* Left Column (Level 2) /*----------------------------------------------------------------------*/ .level2 #leftcolumn{width:150px;float:left;margin:0 0 0 1px;padding:30px 0 10px 0;display:inline;} #subnav{margin:0 0 15px 0;border-top:1px solid #fff} #subnav ul {padding: 0;margin: 0;list-style: none;list-style-image:none;line-height: 1;} #subnav ul li {float: left;list-style: none;list-style-image:none;margin:0} #subnav ul li a{display:block;text-decoration:none;color: #0D2872;} #subnav ul li a:hover{color: #0D2872;} /* Level 1 */ #subnav ul li div{border-bottom:1px solid #ffffff;} #subnav ul li div a{width:115px;padding:8px 25px 8px 10px;} #subnav ul li.ipf-active1 div{background: url(../images/v2template/currentNavbg.png) left no-repeat;} #subnav ul li:hover{background: url(../images/v2template/subnav-hover-bg.gif) left no-repeat;} #subnav ul li.ipf-parent{background: url(../images/v2template/subnav-parent.gif) left no-repeat;} #subnav ul li.ipf-parent:hover{background: url(../images/v2template/subnav-hover-parent-bg.gif) left no-repeat;} #subnav ul li.ipf-parent li{background: none} #subnav ul li.ipf-parent li:hover{} /* Level 2 */ #subnav ul li ul{margin: -30px 0 0 150px;position: absolute;background: #fff;width: 240px;border-top:1px solid #333366;border-left:1px solid #333366;border-right:1px solid #333366;left: -999em; z-index:10} #subnav ul li ul li a{border-bottom:1px solid #333366;width:220px;padding:4px 10px;text-indent:0;} #subnav ul li ul li:hover{background: url(../images/v2template/subsubnav-hover-bg.gif) left no-repeat !important;} #subnav ul li ul li.ipf-parent{background: url(../images/v2template/subsubnav-parent.gif) left no-repeat !important} #subnav ul li ul li.ipf-parent:hover{background: url(../images/v2template/subsubnav-hover-parent-bg.gif) left no-repeat !important;} /* Level 3 */ #subnav ul li ul li ul {margin: -22px 0 0 240px;} #subnav ul li ul li.ipf-parent ul li{background:none !important;} #subnav ul li ul li.ipf-parent ul li:hover{background: url(../images/v2template/subsubnav-hover-bg.gif) left no-repeat !important;} /* Level 4 */ #subnav ul li ul li ul li ul{display:none;} #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul {left: -999em;} #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul {left: auto;} #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul {left: auto;} #subnav li:hover, #subnav li.hover {position: static;} /*----------------------------------------------------------------------*/ /* Right Column (Level 1) /*----------------------------------------------------------------------*/ .level1 #rightcolumn{float:left;width:180px;padding:10px 12px;font-size:11px;line-height:1.3em;font-family:Verdana, Arial, Helvetica, sans-serif;} #olympiclogo{margin:10px 0 30px 0;} #rightcolumnlinks{} #rightcolumnlinks h2{margin:15px 0 0 0} #rightcolumnlinks h2 a{display:block;text-indent:-2000px;width:170px;height:21px;background-position:-1px -1px;background-repeat:no-repeat} /* #rightcolumnlinks-programregistration a{background: url(../images/v2template/rightcolumnlinks-programregistration.gif)} #rightcolumnlinks-reportaproblem a{background: url(../images/v2template/rightcolumnlinks-reportaproblem.gif)} #rightcolumnlinks-maps a{background: url(../images/v2template/rightcolumnlinks-maps.gif)} #rightcolumnlinks-citydirectories a{background: url(../images/v2template/rightcolumnlinks-citydirectories.gif)} #rightcolumnlinks-emailnotifications a{background: url(../images/v2template/rightcolumnlinks-emailnotifications.gif)} #rightcolumnlinks a:hover{background-position:bottom !important;} */ #rightcolumnlinks-programregistration {background: url(../images/v2template/HomePageDots/programregistration.gif)} #rightcolumnlinks-programregistration a {background: url(../images/v2template/HomePageDots/richmondDot_red.png)} #rightcolumnlinks-reportaproblem {background: url(../images/v2template/HomePageDots/reportaproblem.gif)} #rightcolumnlinks-reportaproblem a {background: url(../images/v2template/HomePageDots/richmondDot_orange.png)} #rightcolumnlinks-maps {background: url(../images/v2template/HomePageDots/maps.gif)} #rightcolumnlinks-maps a {background: url(../images/v2template/HomePageDots/richmondDot_yellow.png)} #rightcolumnlinks-citydirectories {background: url(../images/v2template/HomePageDots/citydirectories.gif)} #rightcolumnlinks-citydirectories a {background: url(../images/v2template/HomePageDots/richmondDot_green.png)} #rightcolumnlinks-emailnotifications {background: url(../images/v2template/HomePageDots/emailnotifications.gif)} #rightcolumnlinks-emailnotifications a {background: url(../images/v2template/HomePageDots/richmondDot_blue.png)} #rightcolumnlinks h2 a:hover{background: url(../images/v2template/HomePageDots/richmondDot_dkblue.png) -1px -1px no-repeat} #rightcolumnlinks p{padding:0 0 0 26px} #rightcolumn #copyright{font-size:10px;background: url(../images/v2template/crest.gif) top left no-repeat;padding:190px 0 0 0;text-align:center;} /*----------------------------------------------------------------------*/ /* Right Column (Level 2) /*----------------------------------------------------------------------*/ .level2 #rightcolumn{float:left;width:133px;padding:40px 0 10px 0;font-size:11px;} .level2 #rightcolumn h2{color:#333333;font-size:14px;font-weight:bold;margin:15px 0 0 0;} /*.level2 #rightcolumn h2.olympic1{padding-left:20px; margin-left: -9px; background: url(../images/olympicpageleticonred.jpg) left bottom no-repeat;} .level2 #rightcolumn h2.olympic2{padding-left:20px; margin-left: -9px; background: url(../images/olympicpageleticongreen.jpg) left bottom no-repeat;} .level2 #rightcolumn h2.olympic3{padding-left:20px; margin-left: -9px; background: url(../images/olympicpageleticonblue.jpg) left bottom no-repeat;}*/ .level2 #rightcolumn ul{margin:0;padding:0;list-style:none;} .level2 #rightcolumn ul li{background: url(../images/v2template/chevron-gold.gif) 0 5px no-repeat;padding:0 0 0 12px;margin:0 0 3px 0;} .level2 #rightcolumn .textbox {width: 128px;} #mail{background: url(../images/v2template/mailicongold.jpg) left no-repeat;padding:2px 0 3px 23px; margin: 30px 0 10px 0;} /*#mail{background: url(../images/v2template/mailicongold.jpg) left no-repeat;padding:2px 0 3px 23px; margin: 13px 0 10px 0;}*/ #subscribe{background: url(../images/v2template/subscribeicongold.jpg) left no-repeat;padding:2px 0 4px 23px; margin: 30px 0 10px 0;} #rss{background: url(../images/v2template/rssicongold.jpg) left no-repeat;padding:2px 0 4px 23px; margin: 10px 0 10px 0;} /*----------------------------------------------------------------------*/ /* Footer /*----------------------------------------------------------------------*/ #footer{font-size:10px;margin:15px 0 0 0;font-family:Verdana, Arial, Helvetica, sans-serif;clear:both;line-height:1.4em} .level1 #footer-left{float:left;width:502px;padding:0 26px 0 38px;} .level1 #footer-right{float:left;width:184px;text-align:center} .level2 #footer-left{width:120px;float:left;padding:29px 15px 0 15px} .level2 #footer-right{width:570px;float:left;padding:0 25px} #footer #copyright{font-size:10px;} #footer-tools{font-family:Arial, Helvetica, sans-serif;font-size:11px;margin:0 0 15px 0} #footer-tools #print{background: url(../images/v2template/printicon.gif) left no-repeat;padding:0 0 0 20px;float:left} #footer-tools #totop{background: url(../images/v2template/chevron-totop.gif) right no-repeat;padding:0 15px 0 0;float:right;} #footer-imagelinks{text-align:right;margin:0 0 15px 0} #footer-imagelinks img{margin:0 0 0 15px} #footer-links {color:#cbcbcb;margin:0 0 5px 0} #footer-links a{} #footer-address{color:#3452a5} #footer-address strong{color:#646464} /*----------------------------------------------------------------------*/ /* No Right Column Template /*----------------------------------------------------------------------*/ .template-norightcolumn{} .template-norightcolumn #content{width:593px;} /*----------------------------------------------------------------------*/ /* Wide Content (no right or left column) /*----------------------------------------------------------------------*/ .template-widecontent{} .template-widecontent #background{background: url(../images/v2template/background-level2-widecontent.jpg) top no-repeat;} .template-widecontent #content{float:none;width:auto;padding:10px 15px} /*----------------------------------------------------------------------*/ /* Print Template /*----------------------------------------------------------------------*/ .template-print{background-image:none !important;background-color:#fff !important;} .template-print #logo{top:15px} .template-print #background{background: url(../images/v2template/background-level2-print.jpg) top no-repeat} .template-print #content{float:none;width:auto;padding:10px 15px}