html { height: 100%; margin-bottom: 1px; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */
	
	/* Do not remove the following section, these rules are required for forms */
		.comment-replies {
			margin-left: 30px;
		}

		.form-element.form-hide, .form-important {
			display: none;
		}

		.form-element.form-type-checkbox label,
		.form-element.form-type-radio label {
			display: inline;
		}

		.form-float-left {
			float: left;
		}

		.form-element.form-float-left {
			padding-right: 10px;
		}
		
		/* This section works with the wt.hero function in site-local.js.  Values set to % need to be set.  Caption and control rules should be removed if not in use. */

		div#imageFadeContainer {
			position: relative;
			width: 800px;
			height: 238px;
			overflow: hidden;
		}

			div#imageFadeContainer img {
				position: absolute;
				top: 0px;
				left: 0px;
			}

			div#imageFadeContainer div#hero-foreground {

			}

			div#imageFadeContainer div#hero-caption {

			}

			div#imageFadeContainer div#hero-controls {

			}

				div#imageFadeContainer div#hero-controls ul {

				}

					div#imageFadeContainer div#hero-controls ul li {

					}

						div#imageFadeContainer div#hero-controls ul li a {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-previous {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-pause {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-play {

						}

						div#imageFadeContainer div#hero-controls ul li a#hero-next {

						}
                    	#overlay { position: absolute; top: 0; left: 0; z-index: 1000; background: #000; width: 100%; height: 100%; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); }

                    	#popup {
                    		width: 100%;
                    		height: 100%;
                    		position: fixed;
                    		*position: absolute;
                    		top: 50%;
                    		left: 50%;
                    		margin: -50% 0 0 -50%;
                    		z-index: 10001;
                    	}
                    	#popup #popup-target {
                    		width: 100%;
                    		height: 100%;
                    		position: fixed;
                    		*position: absolute;
                    		top: 50%;
                    		left: 50%;
                    		margin: -50% 0 0 -50%;
                    		z-index: 10001;
                    	}

                    	#popup.html, #popup.html #popup-target {
                    		width: 800px;
                    		height: 440px;
                    		margin: -240px 0 0 -402px;
                    	}
                    	#popup.html #popup-target {
                    	    border:2px solid #fff;
                    	    background: #e4e0d2;
                    	}
                    	
                    	#popup.html #popup-target {overflow:hidden;}

                    	#popup.image { padding: 12px; background: #fff; }

                    		#popup.html .alpha, #popup.html h2 { margin: 0; }

                    		#popup .close {
                    			position: absolute;
                    			top: 20px;
                    			right: 0px;
                    			left: auto;
                    			display: block;
                    			line-height: 1em;
                    			text-decoration: none;
                    			border: none;
                        		z-index: 10000;
                    		}

                    		#popup.html .close {
                    			width: 28px;
                    			height: 37px;
                    			text-indent: -9999px;
                    			background: url(/images/map_close.png) no-repeat 50% 50%;
                    			top: -25px;
                    			*top:-50px;
                    			right: 0px;
                    		}
		/* Global styles */
		
		.clear {
			clear: both;
		}
		
		form .clear {
			clear: none;
		}
		
		.left {
			text-align: left;
		}
		
		.center {
			text-align: center;
		}
		
		.right {
			text-align: right;
		}
		
		img.left {
			float: left;
		}
		
		img.center {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		
		img.right {
			float: right;
		}
		
		/* Specific styles */

body {
    color:#555;
    line-height:1.5;
    font-family:verdana, sans-serif;
    padding-bottom:10px;
}

#bd h1, #bd h2, #bd h3 {
    font-family:helvetica, arial, sans-serif;
    text-transform:uppercase;
}
#bd h1,h3 {
    margin-bottom:0.5em;
    line-height:1.2;
}
div.news #bd h1, div.news #bd h2 {
    line-height:1.2;
    text-transform:none;
    font-size:160%;
    color:#444;
}


h3 {line-height:1.2;}
a {
    color:#000;
    text-decoration:none;
    border-bottom:1px solid #323232;
}

.wrapper {
    width:800px;
    margin:0 auto;
    clear:both;
}

#hd {
    background: #7d7d7d url(/images/bg.png) repeat-x 50% 0;               /* COLOR TO CHANGE */
	_background-image: none;
	_overflow: hidden;
    width: 100%;
    position:relative;
    }

#hd #ie6-is-dumb { position: absolute; top: 0; left: 0; width: 100%; height: 500px; overflow: hidden; display: none; _display: block; }

#hd #ie6-is-dumb span { width: 3300px; height: 500px; display: none; _display: block; position: absolute; top: 0; left: 50%; margin-left: -1650px; z-index: 1; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bg.png', sizingMethod='crop'); }

#hd .wrapper { _position: relative; _z-index: 2; }


#hd #logo {
    height:94px;
    text-align:left;
}
#hd #logo h2 {
    position:relative;
    float:left;
    margin:0;
    background:url(/images/CIC_logo.png) 0 0 no-repeat;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/CIC_logo.png', sizingMethod='crop');
    width:326px;
    height:94px;
    display:block;
    text-indent:-9999px;
}
#hd #logo h2 a {
    display:block;
    width:326px;
    height:94px;
    border-bottom:0;
}
#hd #logo h3 {
    display:block;
    margin:0;
    padding:0;
    line-height:0;
    text-indent:-9999px;
    width:263px;
    height:57px;
    background:url(/images/header_tagline.png) 0 0 no-repeat;
    position:relative;
    float:right;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/header_tagline.png', sizingMethod='crop');
}

/* Navigation */
#hd ul.navigation a {
    display:block;
    width:10em;
    color:#fff;
    border-bottom:3px solid #4b4b4b;
    background:#4b4b4b;
}
#hd ul.navigation {
    position:relative;
    margin:0;
    margin-left:0;
    padding:0;
    height:41px;
    line-height:41px;
    z-index:100;
}
#hd ul.navigation li {
    list-style:none;
    float:left;
    margin:0;
    padding:0;
}
#hd ul.navigation li.subnav {
    display:none;
}
#hd ul.navigation li ul.subnav {
    display:none;
    top:31px;
    position:absolute;
    width:17em;
    text-align:left;
    margin-left:0;
    line-height:1.2;
    border-top:3px solid #7d7d7d;               /* COLOR TO CHANGE */
}
#hd ul.navigation li:hover ul {left:auto;}
#hd ul.navigation li.nav-program-overview:hover ul {margin-left:-21px;}
#hd ul.navigation li.nav-performance-tracking:hover ul {margin-left:-7px;}


#hd ul.navigation li ul li {
    _margin-top:-3px;
    _background-image:none !important;
}

#hd ul.navigation li ul li a {
    border:0;
    padding:0.75em 1em;
    width:10em;
    border-top:1px solid #606060;
    border-bottom:1px solid #3c3c3c !important;
    text-indent:0;
    background-image:url(/images/nav_secondary_bg.png) !important;
    _filter:none !important;
    background-color:transparent;
    _background-color:#4e4e4e;
    display:block;
    width:15em !important;
}
#hd ul.navigation li ul li a:hover {
    color:#b2b1b1;                              /* COLOR TO CHANGE */
    background-image:url(/images/nav_secondary_bg.png) !important;
    _filter:none !important;
    background-color:transparent;
    _background-color:#4e4e4e;
}
#hd ul.navigation li a {
    border-right:1px solid #595959;
    border-left:1px solid #434343;
    text-indent:-9999px;
}
#hd ul.navigation li a:hover, #hd ul.navigation li.selected a, #hd ul.navigation li.ancestor a {
    background:#b2b1b1;                         /* COLOR TO CHANGE */
    border-bottom:3px solid #b2b1b1;
    border-right:1px solid #b2b1b1;
    border-left:1px solid #b2b1b1;
}
#hd ul.navigation li.ancestor ul li a, #hd ul.navigation li ul li a:hover, #hd ul.navigation li.selected ul li a:hover, #hd ul.navigation li.ancestor ul li a:hover {
    border-right:0;
    border-left:0;
    background-image:url(/images/nav_secondary_bg.png) !important;
    _background-image:none !important;
    background-color:transparent;
    _background-color:#4e4e4e;
}
#hd ul.navigation li.nav-home a {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-top-left-radius: 6px;
    border-left:0 !important;
    background-image:url(/images/nav-home.png);
    width:70px;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav-home.png', sizingMethod='crop');
}
#hd ul.navigation li.nav-contact a {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-top-right-radius: 6px;
    border-right:0 !important;
    background-image:url(/images/nav-contact.png);
    width:91px;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav-contact.png', sizingMethod='crop');
}
#hd ul.navigation li.nav-news a {
    background-image:url(/images/nav-news.png);
    width:69px;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav-news.png', sizingMethod='crop');
}
#hd ul.navigation li.nav-about a {
    background-image:url(/images/nav-about-community-impact.png);
    width:206px;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav-about-community-impact.png', sizingMethod='crop');
}
#hd ul.navigation li.nav-program-overview a {
    background-image:url(/images/nav-program-overview.png);
    width:161px;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav-program-overview.png', sizingMethod='crop');
}
#hd ul.navigation li.nav-performance-tracking a {
    background-image:url(/images/nav-performance-tracking.png);
    width:193px;
    _background-image: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav-performance-tracking.png', sizingMethod='crop');
}


#bd {
    text-align:left;
    width:800px;
    margin:0 auto;
    clear:both;
	_position: relative;
	_z-index: 2;
}

#bd div#home_left {
    width:56%;
    float:left;
}
#bd div#home_right {
    width:40%;
    float:right;
}

div.news #bd img.news_photo {
    float:left;
    margin-right:1em;
    border:5px solid #cccccc;
}

#bd div.areas_effort {
    display:block;
    height:20px;
    margin:1em 0 0.5em;
}
#bd div.areas_effort h2 {
    margin:0;
}
#bd a.enlarge {
    display:block;
    width:20px;
    height:20px;
    float:right;
    position:relative;
    border:0;
}

#ft {
    font-size:10px;
    color:#8f8f8f;
    width:800px;
    margin:30px auto;
    padding-top:10px;
    border-top:1px solid #c8c8c8;
}
#ft a {
    color:#8f8f8f;
    border:none;
}
#ft p {float:left;}
#ft p.info {float:right;}
#ft p.info a {margin-right:1em;}
#ft p.info span {margin-left:10em;}
#ft p.info span a {margin:0;}


/* Headline replacements */
html#home #bd h1 {
    text-indent:-9999px;
    width:185px;
    height:16px;
    background:url(/images/home-hello-welcome.png) no-repeat;
    margin-bottom:0.5em;
}
h1.comprehensive_approach {
    text-indent:-9999px;
    width:289px;
    height:16px;
    background:url(/images/h1_comprehensive_approach.png);
    margin-bottom:0.5em;
}
h2.more_than_tagline {
    text-indent:-9999px;
    width:270px;
    height:16px;
    background:url(/images/h2_more_than_tagline.png);
    margin:1.5em 0 0.5em;
}


h2.areas_of_effort {
    text-indent:-9999px;
    width:164px;
    height:20px;
    background:url(/images/h2_areas-of-effort.png) no-repeat;
    float:left;
    margin:0;
    padding:0;
    position:relative;
}
h2.target_neighborhoods {
    text-indent:-9999px;
    width:246px;
    height:20px;
    background:url(/images/h2_target_neighborhoods.png) no-repeat;
    float:left;
    margin:0;
    padding:0;
    position:relative;
}
h2.target_area {
    text-indent:-9999px;
    width:129px;
    height:20px;
    background:url(/images/h2_target_area.png) no-repeat;
    float:left;
    margin:0;
    padding:0;
    position:relative;
}

div div #bd h1 {
    text-indent:-9999px;
    width:300px;
    height:20px;
    padding:0;
    display:block;
}

div.about div.mission-and-guiding-principles #bd h1 {
    background:url(/images/h2_mission.png) no-repeat;
}
div.about div.core-competencies #bd h1 {
    background:url(/images/h2_core_competencies.png) no-repeat;
}
div.about div.guiding-principles #bd h1 {
    background:url(/images/h2_guiding_principles.png) no-repeat;
}
div.about div.outcomes #bd h1 {
    background:url(/images/h2_outcomes.png) no-repeat;
}
div.about div.geographic-focus-area #bd h1 {
    background:url(/images/h2_geographic_focus_area.png) no-repeat;
}
div.about div.funding-support #bd h1 {
    background:url(/images/h2_funding_support.png) no-repeat;
}
div.about div.board-of-directors #bd h1 {
    background:url(/images/h2_board_of_directors.png) no-repeat;
}
div.about div.staff #bd h1 {
    background:url(/images/h2_staff.png) no-repeat;
}
div.about div.about-community-impact #bd h1 {
    background:url(/images/h1_community_impact.png) no-repeat;
}
div.program-overview div.program-overview #bd h1 {
    background:url(/images/h1_comprehensive_collaborative.png) no-repeat; width: 342px;
}
div.program-overview div.approach #bd h1 {
    background:url(/images/h2_approach.png) no-repeat;
}
div.program-overview div.physical-revitalization #bd h1 {
    background:url(/images/h2_physical_revitalization.png) no-repeat;
}
div.program-overview div.social-revitalization #bd h1 {
    background:url(/images/h2_social_revitalization.png) no-repeat;
}
div.program-overview div.neighborhood-safety #bd h1 {
    background:url(/images/h2_neighborhood_safety.png) no-repeat;
}
div.program-overview div.community-empowerment #bd h1 {
    background:url(/images/h2_community_empowerment.png) no-repeat;
}
div.program-overview div.cic-neighborhoods #bd h1 {
    background:url(/images/h2_CIC_neighborhoods.png) no-repeat;
}
div.program-overview div.program-partners #bd h1 {
    background:url(/images/h2_program_partners.png) no-repeat;
}
div.performance-tracking div.performance-tracking #bd h1 {
    background:url(/images/h2_performance_tracking.png) no-repeat;
}
div.performance-tracking div.cohort-i-highlights #bd h1 {
    background:url(/images/h2_cohort_i.png) no-repeat;
}
div.performance-tracking div.cohort-ii-timeline #bd h1 {
    background:url(/images/h2_cohort_ii.png) no-repeat;
}
div.performance-tracking div.cohort-i-progress-chart #bd h1 {
    background:url(/images/h1_cohort_i_progress_chart.png) no-repeat;
}
div.other div.privacy-policy #bd h1 {
    background:url(/images/h2_privacy_policy.png) no-repeat;
}
div.other div.terms-of-use #bd h1 {
    background:url(/images/h2_terms_of_use.png) no-repeat;
}
div.other div.legal #bd h1 {
    background:url(/images/h2_legal.png) no-repeat;
}




/* G Maps */
#bd #g_map {
    width:100%;
    height:289px;
    border:1px solid #999999;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#bd #g_map a, #pop_g_map a {
    border-bottom:0;
}
html#home #bd #g_map {
    height:179px;
}

div.google_map #pop_g_map {
    position:relative;
    margin:0 auto;
	width: 100%;
	height: 500px;
}


ul.map-legend {
    margin:0 0 0 82px;
    padding:0;
}
ul.map-legend li {
    list-style:none;
    width:100px;
    margin-left:10px;
    padding:5px 0;
    float:left;
    position:relative;
    color:#fff !important;
    text-align:center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
div.google_map ul.map-legend {
    margin-left:300px;
}


/* Contact Form */

div.form-contact form label {
    display:block;
}
div.form-contact form input.input-text, div.form-contact form textarea {
    border:1px solid #9b9b9b;
    width:100%;
}
div.form-contact form textarea {
    height:10em;
}
div.form-contact form input.input-submit {
    float:right;
}
div.form-contact form div.form-element {
    margin-bottom:1em;
}

ul.form-errors li {
    list-style:none;
    color:#9b0301;
    font-weight:bold;
}