/* CSS Document */ @import 'blueprint/lib/reset.css'; @import 'blueprint/lib/typography.css'; @import 'blueprint/lib/grid.css'; @import 'blueprint/lib/forms.css'; @import 'blueprint/plugins/css-classes/css-classes.css'; /* HEADER --------------------------------------------------*/ #globalheader { position:relative; height:360px; z-index:1000; } .interior #globalheader { height:180px;} .ethics-title { position:absolute; top:35px; left:220px; margin:0; padding:0; width:171px; height:24px; text-indent:-9999px; background: url('../images/nav/centers_for_ethics.gif') no-repeat; } img.center-logo { position:relative; float:left; top:15px; left:22px; } .flash-header { position:absolute; top:92px; left:81px; } /* HEADER BACKGROUND CURVES --------------------------------------------------*/ .home .container { background:url('../images/background/home_curve.jpg') no-repeat; } .youth .container { background:url('../images/background/youth_curve.jpg') no-repeat; } .sports .container { background:url('../images/background/sports_curve.jpg') no-repeat; } .business .container { background:url('../images/background/business_curve.jpg') no-repeat; } .publicservice .container { background:url('../images/background/publicservice_curve.jpg') no-repeat; } .policing .container { background:url('../images/background/policing_curve.jpg') no-repeat; } .home .interior { background:url('../images/background/home_curve_int.jpg') no-repeat; } .youth .interior { background:url('../images/background/youth_curve_int.jpg') no-repeat; } .sports .interior { background:url('../images/background/sports_curve_int.jpg') no-repeat; } .business .interior { background:url('../images/background/business_curve_int.jpg') no-repeat; } .publicservice .interior { background:url('../images/background/publicservice_curve_int.jpg') no-repeat; } .policing .interior { background:url('../images/background/policing_curve_int.jpg') no-repeat; } /* BLUEPRINT GRID */ /* uncomment these lines to view the underlying grid */ /*.home .container, .youth .container, .sports .container, .business .container, .publicservice .container, .policing .container, .home .interior, .youth .interior, .sports .interior, .business .interior, .publicservice .interior, .policing .interior { background: url(blueprint/lib/grid.png); } */ /* GLOBAL NAVIGATION --------------------------------------------------*/ #globalnav { margin:0; padding:0; position:absolute; top:59px; left:220px; z-index:100;} #globalnav li { float:left; list-style-type: none; list-style-image: none; background:none; padding:0;} #globalnav li a { float:left; height: 0; /*text-indent:-9999px; */padding-top: 30px; overflow: hidden; background-image: url('../images/nav/globalnav.gif'); background-repeat:no-repeat;} /* BUTTONS */ #globalnav a#gn-youth { width:106px; background-position: 0 0; } #globalnav a#gn-sports { width:103px; background-position: -106px 0; } #globalnav a#gn-business { width:113px; background-position: -209px 0; } #globalnav a#gn-publicservice { width:162px; background-position: -322px 0; } #globalnav a#gn-policing { width:127px; background-position: -484px 0; } /* OVER STATES */ #globalnav a#gn-youth:hover { background-position: 0 -30px; } #globalnav a#gn-sports:hover { background-position: -106px -30px; } #globalnav a#gn-business:hover { background-position: -209px -30px; } #globalnav a#gn-publicservice:hover { background-position: -322px -30px; } #globalnav a#gn-policing:hover { background-position: -484px -30px; } /* ON STATES */ .youth .container #globalnav a#gn-youth { background-position: 0 -60px; } .sports .container #globalnav a#gn-sports { background-position: -106px -60px; } .business .container #globalnav a#gn-business { background-position: -209px -60px; } .publicservice .container #globalnav a#gn-publicservice { background-position: -322px -60px; } .policing .container #globalnav a#gn-policing { background-position: -484px -60px; } /* SUBNAV --------------------------------------------------*/ #subnav { font-family:arial; width:760px; margin:0; padding:0; position:absolute; top:30px; left:0px; } .policing #subnav, .publicservice #subnav, .sports #subnav, .business #subnav, .youth #subnav { left:auto; right:0px; float:right; width:auto; } #subnav li { position:relative; padding:0; z-index:1000; } #subnav li a { font-weight:bold; width:auto; padding:0 7px; height:2em; line-height:2em; margin:0; text-indent:0; background:url('../images/nav/subnav_divider.gif') center right no-repeat; } #subnav li.last a { background:none; } #subnav li:hover a { background:#485DAE; color:#fff; text-decoration:none; background-image:none; } /* DROP DOWN */ #subnav .dropdown { padding:.5em 0; text-align:left; position:absolute; top:2em; left:-3000px; width: 20em; margin:0; background:#485dae; } #subnav .dropdown li { float:none; } #subnav .dropdown li a { float:none; display:block; color:#fff; background-image:none; padding-left:1em; height:1.7em; line-height:1.7em; } #subnav .dropdown li a:hover { background:#d8e4f7; color:#009; } /* DROP DOWN 2ND LEVEL INDENTED */ #subnav .dropdown ul { margin:0 0 .5em 0; } #subnav .dropdown ul li a { padding-left:2em; font-weight:normal; } #subnav .dropdown .more { background:url('../images/nav/dropdown_plus.gif') center right no-repeat;} #subnav .dropdown li li:hover a.more { margin:0; color:#009; background: #d8e4f7 url('../images/nav/dropdown_plus-over.gif') center right no-repeat;} /* FLYOUT */ * html .dropdown li li { display:inline; } #subnav .dropdown li li ul { padding:.5em 0; position: absolute; top:-.5em; left:-3000px; background:#485dae; width: 20em; z-index:1000;} #subnav .dropdown li li ul.leftside { left:-3000px; } #subnav .dropdown ul ul a { padding-left:1em; } /* HOVER EFFECTS */ #subnav li:hover ul.dropdown { left:0; } #subnav li:hover .dropdown.leftside { left:auto; right:0; } #subnav .dropdown li li:hover ul { left:20em; } #subnav .dropdown li li:hover ul.leftside { left:auto; right:20em; } /* UTILITY NAV --------------------------------------------------*/ .utilty_nav { position:absolute; top:12px; right:0; text-transform:uppercase; color: #009; font-size:83%; line-height:1em; } .utilty_nav label { font-weight:normal; padding-left:1em; display:block; float:left; margin-top:8px;} .utilty_nav ul { float:left; list-style: none; padding: 0; margin:0; padding-top:8px; } .utilty_nav li { display:inline; padding: 0; margin: 0; } .utilty_nav li a { padding: 0 1em; border-right:1px solid #009; margin:0; /*line-height:1em;*/ float: left; display:block; text-decoration:none; color: #009; } .utilty_nav li a:hover { text-decoration:underline; } .home hr { background: #bacbdc; color: #bacbdc; } .youth hr { background: #93ADD3; color: #93ADD3; } .sports hr { background: #FFD100; color: #FFD100; } .business hr { background: #D7D7D7; color: #D7D7D7; } .publicservice hr { background: #5B00BE; color: #5B00BE; } .policing hr { background: #E6D7B0; color: #E6D7B0; } hr.space { background: #fff; color: #fff; } /* TYPOGRAPHY --------------------------------------------------*/ .white { color:#FFFFFF; } .blue { color:#000099; } /*--- #0F2B8E once was official CC! HEX value ---*/ .red { color:#ED171F; } /*--- official CC! HEX value ---*/ .purple { color:#94509d; } /*--- official CC! HEX value ---*/ .green { color:#0b9446; } /*--- official CC! HEX value ---*/ .gold { color:#FFB900; }/*--- official CC! HEX value ---*/ .orange { color:#F47932; }/*--- official CC! HEX value ---*/ .burg { color:#990033; }/*--- official CC! HEX value ---*/ .grey { color:#5A5A5A; }/*--- official CC! HEX value ---*/ .black { color:#000000; } .grey7 { color:#777777; } .rust { color:#CC6600; } body { color: #666;}/*--- originally was #7c7c7c ---*/ a:hover { color: #009; text-decoration: underline; } a { color: #009; text-decoration: none; } h1,h2,h3,h4,h5,h6 { color: #009; } h2 { font-size: 1.75em; margin-bottom: .25em; } .news h3 { font-size: 1.2em; font-weight: bold; margin-bottom: 0; color: #7c7c7c; line-height:1.5;} h2.whats-happening { background:url('../images/title/whats-happening.gif') no-repeat; text-indent:-9999px; height:35px; width:152px; margin-bottom:0; } h2.center-heighlights { background:url('../images/title/center_highlights.gif') no-repeat; text-indent:-9999px; height:35px; width:145px; margin-bottom:0; } .lightblue { color:#8c8ed4; } .lightblue:hover { color:#8c8ed4; } .home hr { background: #bacbdc; color: #bacbdc; } .youth hr { background: #93ADD3; color: #93ADD3; } .sports hr { background: #FFD100; color: #FFD100; } .business hr { background: #D7D7D7; color: #D7D7D7; } .publicservice hr { background: #5B00BE; color: #5B00BE; } .policing hr { background: #E6D7B0; color: #E6D7B0; } hr.space { background: #fff; color: #fff; } .footer { font-size:92%; color: #acacac; } .footer a { font-size:92%; color: #acacac; text-decoration: underline; } /* FEATURE BOXES --------------------------------------------------*/ .sidebar p img { margin:0; float:none; } .sidebar img { margin:0; } .sidebar img.inset { margin-left:-16px;} .sidebar .roundboxtop { margin-left:-17px; padding-top:8px; background-repeat:no-repeat; } .sidebar .roundbox { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding:0 45px 1px 17px; margin-bottom:18px; background-position:bottom left; background-repeat:no-repeat; } .sidebar.span-8 .roundbox { padding:0 16px 1px 17px; } .sidebar .roundbox h3 { font-size:1.08em; font-weight:bold; margin-left:-17px; margin-top:-8px; padding:8px 16px 8px 17px; width:222px; background-repeat:no-repeat; } .sidebar.span-8 .roundbox h3 { width:292px; } .home .span-8 .roundboxtop { background-image:url('../images/background/roundbox_home_top.gif'); } .home .span-8 .roundbox h3 { background-image:url('../images/background/roundbox_home_header.gif'); } .home .span-8 .roundbox { background-image:url('../images/background/roundbox_home_bottom.gif'); } .home .roundboxtop { background-image:url('../images/background/roundbox_home_top_sm.gif'); } .home .roundbox h3 { background-image:url('../images/background/roundbox_home_header_sm.gif'); } .home .roundbox { background-image:url('../images/background/roundbox_home_bottom_sm.gif'); } .youth .span-8 .roundboxtop { background-image:url('../images/background/roundbox_youth_top.gif'); } .youth .span-8 .roundbox h3 { background-image:url('../images/background/roundbox_youth_header.gif'); } .youth .span-8 .roundbox { background-image:url('../images/background/roundbox_youth_bottom.gif'); } .youth .roundboxtop { background-image:url('../images/background/roundbox_youth_top_sm.gif'); } .youth .roundbox h3 { color:#fff; background-color:#1d21bc; background-image:url('../images/background/roundbox_youth_header_sm.gif'); } .youth .roundbox { background-image:url('../images/background/roundbox_youth_bottom_sm.gif'); } .sports .span-8 .roundboxtop { background-image:url('../images/background/roundbox_sports_top.gif'); } .sports .span-8 .roundbox h3 { background-image:url('../images/background/roundbox_sports_header.gif'); } .sports .span-8 .roundbox { background-image:url('../images/background/roundbox_sports_bottom.gif'); } .sports .roundboxtop { background-image:url('../images/background/roundbox_sports_top_sm.gif'); } .sports .roundbox h3 { background-image:url('../images/background/roundbox_sports_header_sm.gif'); } .sports .roundbox { background-image:url('../images/background/roundbox_sports_bottom_sm.gif'); } .business .span-8 .roundboxtop { background-image:url('../images/background/roundbox_business_top.gif'); } .business .span-8 .roundbox h3 { background-image:url('../images/background/roundbox_business_header.gif'); } .business .span-8 .roundbox { background-image:url('../images/background/roundbox_business_bottom.gif'); } .business .roundboxtop { background-image:url('../images/background/roundbox_business_top_sm.gif'); } .business .roundbox h3 { background-image:url('../images/background/roundbox_business_header_sm.gif'); } .business .roundbox { background-image:url('../images/background/roundbox_business_bottom_sm.gif'); } .publicservice .span-8 .roundboxtop { background-image:url('../images/background/roundbox_service_top.gif'); } .publicservice .span-8 .roundbox h3 { background-image:url('../images/background/roundbox_service_header.gif'); } .publicservice .span-8 .roundbox { background-image:url('../images/background/roundbox_service_bottom.gif'); } .publicservice .roundboxtop { background-image:url('../images/background/roundbox_service_top_sm.gif'); } .publicservice .roundbox h3 { color:#fff; background-color:#2b0542; background-image:url('../images/background/roundbox_service_header_sm.gif'); } .publicservice .roundbox { background-image:url('../images/background/roundbox_service_bottom_sm.gif'); } .policing .span-8 .roundboxtop { background-image:url('../images/background/roundbox_policing_top.gif'); } .policing .span-8 .roundbox h3 { background-image:url('../images/background/roundbox_policing_header.gif'); } .policing .span-8 .roundbox { background-image:url('../images/background/roundbox_policing_bottom.gif'); } .policing .roundboxtop { background-image:url('../images/background/roundbox_policing_top_sm.gif'); } .policing .roundbox h3 { background-image:url('../images/background/roundbox_policing_header_sm.gif'); } .policing .roundbox { background-image:url('../images/background/roundbox_policing_bottom_sm.gif'); } .youth #getinvolved { height:132px; background-image:url('../images/background/get_involved_youth.jpg');} .sports #getinvolved { height:114px; background-image:url('../images/background/get-involved-sports.jpg');} .business #getinvolved { height:168px; background-image:url('../images/background/get-involved-business.jpg');} .publicservice #getinvolved { height:114px; background-image:url('../images/background/get-involved-service.jpg');} .policing #getinvolved { height:114px; background-image:url('../images/background/get-involved-policing.jpg');} #getinvolved { margin:0 0 18px -17px; padding:36px 16px 8px 17px; background-repeat:no-repeat; } .youth .interior #getinvolved { height:142px; padding-top:48px; background-image:url('../images/background/get_involved_youth_sm.gif');} .sports .interior #getinvolved { padding-top:18px; height:118px; background-image:url('../images/background/get-involved-sports_sm.gif');} .business .interior #getinvolved { height:118px; padding-top:18px; background-image:url('../images/background/get-involved-business_sm.gif');} .publicservice .interior #getinvolved { padding-top:18px; height:118px; background-image:url('../images/background/get-involved-service_sm.gif');} .policing .interior #getinvolved { padding-top:18px; height:118px; background-image:url('../images/background/get-involved-policing_sm.gif');} #getinvolved ul { list-style:none; list-style-image:none; margin:10px 0 0 0; } #getinvolved ul li { margin-bottom:5px; background:none; padding:0; } #getinvolved h3 { width:153px; height:20px; background:url('../images/title/get_involved.gif') no-repeat; text-indent:-9999px; margin-bottom:0; } #getinvolved a { display:block; overflow: hidden; width:155px; height:20px; background-image: url('../images/title/get_involved_titles.gif'); background-repeat:no-repeat; text-indent:-9999px; margin-bottom:0; } #getinvolved li.training a { background-position: 0 0; } #getinvolved li.newsletters a { background-position: 0 -20px; } #getinvolved li.materials a { background-position: 0 -40px; } #getinvolved li.school a { background-position: 0 -60px; } #getinvolved li.community a { background-position: 0 -80px; } #getinvolved li.training a:hover { background-position: -155px 0; } #getinvolved li.newsletters a:hover { background-position: -155px -20px; } #getinvolved li.materials a:hover { background-position: -155px -40px; } #getinvolved li.school a:hover { background-position: -155px -60px; } #getinvolved li.community a:hover { background-position: -155px -80px; } .featureboxtop { margin-left:-17px; padding-top:8px; background:url('../images/background/homebox_focus_top.jpg') no-repeat; } .featurebox { padding:0 16px 8px 17px; margin-bottom:18px; background:url('../images/background/homebox_focus_bottom.gif') bottom left no-repeat; } .signature { background:url('../images/background/mj_signature.gif') 156px bottom no-repeat; } .pdflist { list-style-image:none; list-style:none; } .pdflist li { padding-left:24px; margin-bottom:.5em; background: none; position:relative;} .pdflist img { left:0; position:absolute; } .pdflist li a { background:#fff; } /* IE bug */ .featurepromo { margin:0 0 18px -34px; padding:2px 16px 0px 17px; background-repeat:no-repeat; } .featurepromo_interior { margin:0 0 18px -34px; padding:2px 16px 0px 17px; background-repeat:no-repeat; } /*-------------NEWSLETTER SUBSCRIBE POPUP----------------*/ #dropinboxv2cover{ width: 520px; /*change width to desired */ height: 300px; /*change height to desired. REMOVE if you wish box to be content's natural height */ position:absolute; /*Don't change below 4 rules*/ z-index: 100; overflow:hidden; visibility: hidden; } #dropinboxv2{ font:12px Arial, Helvetica, Sans Serif; width: 495px; /*change width to above width-20. */ height: 300px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/ border: 1px solid #6477c9; /*Customize box appearance*/ background-color: white; background-image:url(../images/background/dropinbox_newsletters.jpg); padding: 10px; position:absolute; /*Don't change below 3 rules */ left: 0; top: 0; }