﻿/* for any image replacements; just apply padding-top and height for the image replaced element. */
.ir {
	background:url(/!images/blank.gif);
	height/**/:/**/0!important;
	overflow: hidden;
	display: block;
	padding:0; margin:0;
	position:relative;
	z-index:1;
	cursor:pointer;
}

/* for any navigation elements */
.nav, .nav ul, .nav dd {
	list-style: none;
	margin: 0; padding: 0;
	
}

.nav dd {position:relative; z-index:1;}

/* for accessibility elements */
.acc, .nav dt {
	overflow: hidden;
	display: block;
	height: 0; width: 0;
	visibility: hidden;
	position: absolute;
}

img .calendarimage
{
	padding:0px;
	vertical-align:middle;
}

a img { border:0; }

sup { font-size:.8em; }



/* =LAYOUT
********************************/
html, body
{
    background:#060606 url(/!images/common/cch_common_background-tile.gif) repeat-x fixed;
	margin:0;
	padding:0;
	color:#3b372c;
	height:100%;
}

#app, .app 
{
    background:#ffffff;
    border-left:1px solid #23221f;
    border-right:1px solid #23221f;
    margin:0px auto;
    width:972px;
}

#toppadding
{
    height:50%;
    width:100%;
    margin-top:-279px;
}

#top_bar
{
    background:url(/!images/common/cch_common_topbar.gif);
    width:972px;
    height:31px;
    border-top:1px solid #23221f;
}

#search
{
    background:url(/!images/common/cch_common_search-header.gif)  no-repeat;
    padding-left:65px;
    height:18px;
    width:152px;
    float:right;
    margin-top:6px;
    margin-right:10px;
}

#search fieldset
{
    border:0;
    margin:0;
    padding:0;
}

#search legend {display:none;}

#search .searchBtn
{
    background:url(/!images/common/cch_common_search-go_norm.gif) no-repeat;
    width:24px;
    padding-top:18px;
    float:right;
    margin-left:1px;
}

#search .searchBtn:hover{ background:url(/!images/common/cch_common_search-go_hover.gif) no-repeat; }

#search .searchbox 
{
    background:#f1d9b6;
    border:1px solid #b2884a;
    height:14px;
    padding:1px 0;
    float:left;
}

#topnav
{
    background:url(/!images/common/cch_common_nav2_hover.gif);
    width:304px;
    height:28px;
    float:right;
}

#stayConnected
{
    margin-top:18px;
    width:250px;
    margin-right:10px;
    float:right;
    clear:right;
    text-align:right;
    color:White;
    font-size:.9em;
}

#stayConnected span.ir
{
    background:url(/!images/common/cch_button_signup_norm.gif);
    width:49px;
    padding-top:14px;
    float:right;
    margin-top:2px;
}

#stayConnected span.ir:hover { background:url(/!images/common/cch_button_signup_hover.gif); }

a.GiveNow  
{
	padding-top:19px;
    width:93px;
    margin-right:10px;
    margin-top:5px;
    margin-left:15px;
    float:right;
    text-align:right;
    display:block;
    height: 0 !important;
    overflow: hidden;
    position:relative;
    z-index:1;
    background:url(/!images/common/cch_common_give-now_norm.gif) top right no-repeat; 
}
a.GiveNow:hover { background:url(/!images/common/cch_common_give-now_hover.gif); }

a.sendToFriend  
{
	padding-top:36px;
    width:138px;
    margin-right:10px;
    float:right;
    text-align:right;
    display:block;
    height: 0 !important;
    overflow: hidden;
    position:relative;
    z-index:1;
    background:url(/!images/int/cch_int_pagetools_send_norm.gif) top right no-repeat; 
}
a.sendToFriend:hover { background:url(/!images/int/cch_int_pagetools_send_hover.gif); }
a.printThisPage  
{
	padding-top:36px;
    width:126px;
    margin-right:10px;
    float:right;
    text-align:right;
    display:block;
    height: 0 !important;
    overflow: hidden;
    position:relative;
    z-index:1;
    background:url(/!images/int/cch_int_pagetools_print_norm.gif) top right no-repeat; 
}
a.printThisPage:hover { background:url(/!images/int/cch_int_pagetools_print_hover.gif); }

#mpflash
{
    background:url(/!userfiles/mp/Slideshow/cch_mp_flash_01.jpg) no-repeat;
    width:503px;
    height:479px;
    margin:7px;
    margin-right:0;
    float:left;
}

* html #app #mpflash {margin-left:4px; margin-right:-3px;}

#app #masthead
{
    background:url(/!images/mp/mp_logo_base.gif);
    width:447px;
    height:115px;
    margin:7px;
    margin-left:0;
    float:right;
}

* html #app #masthead {margin-left:-3px; margin-right:4px;}

#app #mainnav
{
    background:url(/!images/mp/cch_mp_core-nav_hover.gif);
    width:447px;
    height:223px;
    clear:right;
    margin:0 7px 7px 0;
    float:right;
}

* html #app #mainnav {margin-left:-3px; margin-right:4px;}



#footer
{
    background:#e9b261 url(/!images/common/cch_common_footer-tile.gif);
    width:972px;
    height:31px;
    color:#35342f;
    font-weight:bold;
    font-size:.83em;
    border-bottom:1px solid #23221f;
    clear:both;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
}

#footer span { color:#7f6c52; font-size:.83em; }

#footer #links
{
    float:left;
    margin-left:10px;
    margin-top:9px;
}


#footer #links a {color:#35342f; }

#footer #address
{
    float:right;
    margin-right:10px;
    margin-top:9px;
}

#footer #copyright
{
    float:left;
    margin-left:10px;
    margin-top:9px;
}
#arislinks {
	margin-top:2px;
	padding-bottom:10px;
	background-color:transparent;
	text-align:center;
	color:#666;
	font-size:0.9em;
}
#arislinks a { color:#888; text-decoration:none; }
#arislinks a:hover { text-decoration:underline; }

/* = Interior
********************************/
.app { height:100%; background:#ffffff url(/!images/int/cch_int_core-tile.gif) center repeat-y;}

.interior #top_bar {border-bottom:7px solid #ffffff; position:absolute; z-index:2;}
.interior #masthead
{
    /*border:1px solid #8a8a8a;
    border-bottom:0;*/
    height:114px;    
    width:958px; 
    padding-top:39px;
    position:relative;
    z-index:1;   
}


.interior #masthead #subhead 
{ 
    width:787px;
    height:113px;
    float:right;
    border-top:1px solid #8a8a8a;
    border-right:1px solid #8a8a8a;
}

.who_we_are #subhead, .who_we_are_sub #subhead { background-image:url(/!images/subheads/cch_intsub_who-we-are.gif); }
.what_we_do #subhead, .what_we_do_sub #subhead { background-image:url(/!images/subheads/cch_intsub_what-we-do.gif); }
.donate_now #subhead, .donate_now_sub #subhead { background-image:url(/!images/subheads/cch_intsub_donate-now.gif); }
.volunteer #subhead, .volunteer_sub #subhead { background-image:url(/!images/subheads/cch_intsub_volunteer.gif); }
.advocate #subhead, .advocate_sub #subhead { background-image:url(/!images/subheads/cch_intsub_advocate.gif); }
.events #subhead, .events_sub #subhead { background-image:url(/!images/subheads/cch_intsub_events.gif); }
.media #subhead, .media_sub #subhead { background-image:url(/!images/subheads/cch_intsub_media.gif); }
.job_listings #subhead, .job_listings_sub #subhead { background-image:url(/!images/subheads/cch_intsub_jobs.gif); }
.library #subhead, .library_sub #subhead { background-image:url(/!images/subheads/cch_intsub_library.gif); }
.contact_us #subhead, .contact_us_sub #subhead { background-image:url(/!images/subheads/cch_intsub_contactus.gif); }
.get_help #subhead, .get_help_sub #subhead { background-image:url(/!images/subheads/cch_intsub_gethelp.gif); }
.terms_of_use #subhead, .terms_of_use_sub #subhead { background-image:url(/!images/subheads/cch_intsub_terms.gif); }
.privacy_policy #subhead, .privacy_policy_sub #subhead { background-image:url(/!images/subheads/cch_intsub_privacy.gif); }
.sitemap #subhead, .sitemap_sub #subhead { background-image:url(/!images/subheads/cch_intsub_sitemap.gif); }
.enews #subhead, .enews_sub #subhead { background-image:url(/!images/subheads/cch_intsub_stayconnected.gif); }
.unsubscribe #subhead, .unsubscribe_sub #subhead { background-image:url(/!images/subheads/cch_intsub_stayconnected.gif); }
.profile #subhead, .profile_sub #subhead {background-image:url(/!images/subheads/cch_intsub_profile.gif); }
.search #subhead, .search_sub #subhead {background-image:url(/!images/subheads/cch_intsub_search.gif); }

.interior #masthead #logo h1
{
    background:url(/!images/int/cch_int_logo.gif);
    width:169px;
    padding-top:113px;
    float:left;
    margin:0;
    border-top:1px solid #8a8a8a;
    border-left:1px solid #8a8a8a;
}


.interior #masthead #homeLink 
{
    width:169px;
    padding-top:153px;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
}


.interior #mainnav
{
    background:none;
    width:956px;
    clear:both;
    border-right:1px solid #8a8a8a;
    border-left:1px solid #8a8a8a;
}

.interior #mainnav dl
{
    background:url(/!images/int/cch_intnav_default.gif);
    width:956px;
    height:29px;
}

.interior #mainnav #subnav
{
    background:url(/!images/int/cch_int_subnav_tile.gif);
    height:18px;
    width:941px;
	color:#747368;
	font-size:12px;
    padding-left:15px;
    padding-top:4px;
}
.interior #subnav2
{
    background:url(/!images/int/cch_int_bot-nav_tile.gif);
    background-position: 0 -15px;
    /*height:20px;*/
	color:#747368;
	font-size:.95em;
	padding:1px 30px 0 30px;
    border-top:1px solid #8a8a8a;
    line-height:1.55em;
    margin-left:1px;
    width:896px;
}

#subNav2Cont 
{
	width:958px;
    border-left:7px solid #ffffff;
    border-right:7px solid #ffffff;
    background:#ffffff url(/!images/int/cch_int_core-tile.gif) center repeat-y;
    margin-bottom:40px;
 }

#subNav2Cont a { color:#000000; }

.subnav  #wrapper #subnav2
{
	left:192px;
	width:705px;
}


/*.who_we_are #wrapper #subnav2,
.what_we_do #wrapper #subnav2,
.donate_now #wrapper #subnav2,
.volunteer #wrapper #subnav2,
.advocate #wrapper #subnav2{left:0;}*/

.interior #mainnav #subnav a {color:#000000;}
.interior #wrapper #subnav2 a {color:#252422;}

.interior #content
{
    background:transparent url(/!images/int/cch_intnav_underfade.gif) no-repeat top;
    clear:both;
    margin:0;
    width:956px;
    padding-bottom:60px;
    border-right:1px solid #8a8a8a;
    border-left:1px solid #8a8a8a;
}

.who_we_are #content,
.what_we_do #content,
.donate_now #content,
.volunteer #content,
.advocate #content 
{
    background:none; min-height:350px; 
    position:relative; 
    z-index:1;  
}

* html .who_we_are #content,
* html .what_we_do #content,
* html .donate_now #content,
* html .volunteer #content,
* html .advocate #content {height:350px;}


.interior #wrapper 
{   
    min-height:100%; 
    width:958px;
    border-left:7px solid #ffffff;
    border-right:7px solid #ffffff;
    position:relative;
    z-index:1;
    background:#ffffff url(/!images/int/cch_int_core-tile.gif) center repeat-y;
}

.subnav #wrapper 
{   
	background:#dce4d9 url(/!images/int/cch_int_core-tile_column.gif) center repeat-y;
	/*border-left: 1px solid #8A8A8A;*/
}

* html .interior #wrapper { height:100%; }

.who_we_are #content,
.what_we_do #content,
.donate_now #content,
.volunteer #content,
.advocate #content { background-repeat:no-repeat;}

.who_we_are #content{background-color:#ffffff;background-image:url(/!images/int/cch_int_welcome_who-we-are_pic.jpg);}
.what_we_do #content{background-color:#ffffff;background-image:url(/!images/int/cch_int_welcome_what-we-do_pic.jpg);}
.donate_now #content{background-color:#ffffff;background-image:url(/!images/int/cch_int_welcome_donate_pic.jpg);}
.volunteer #content{background-color:#ffffff;background-image:url(/!images/int/cch_int_welcome_volunteer_pic.jpg);}
.advocate #content{background-color:#ffffff;background-image:url(/!images/int/cch_int_welcome_advocate_pic.jpg);}

#quote {display:none;}

.who_we_are #quote,
.what_we_do #quote,
.donate_now #quote,
.volunteer #quote,
.advocate #quote{z-index:1; position:absolute; display:block; top:0;}


.who_we_are #quote{width:278px; height:351px; left:0;}
.what_we_do #quote{width:300px; height:330px; right:0;}
.donate_now #quote{width:383px; height:242px; left:0;}
.volunteer #quote{width:540px; height:186; right:0;}
.advocate #quote{width:407px; height:288px; left:0;}

.interior #content #main
{
   padding:62px 30px 30px 30px; 
   background:transparent;
}

.donate_now_sub #content #main { padding-top: 40px ! important; }

.interior #content #main img
{
   padding:25px;
}

.interior #content #main td img
{
   padding:0px;
}

.subnav #content #main
{
    width: 684px;
    overflow-x: hidden;
    position: relative;
    float: right;
}

.who_we_are #content #main,
.what_we_do #content #main,
.donate_now #content #main,
.volunteer #content #main,
.advocate #content #main {padding-top:550px;}

#share_toolbar { float: right; margin: 0 0 1em 1em; }
#share_toolbar img { padding: 0 ! important; }

.interior #footer
{
    height:39px;
    background-position:bottom;
    background-repeat:repeat-x;
    margin-top:-40px;
    position:relative;
    z-index:2;
}

.interior #footer .top_padding
{
    width:958px;
    border:7px solid #ffffff;
    border-top:0;
    background-color:#8A8A8A;
    height:1px;
    margin:0 auto;
    overflow:hidden;
}

.interior #content #main #sitemaptree img {padding:0}

/* = Navigation
********************************/

/* =Main Page Main Nav
********************************/
#mainnav dl
{
    width:447px;
    height:223px;
    position:relative;
}

#app #mainnav a.ir
{
	padding-top:43px;
	width:447px;
	margin-bottom:2px;
    overflow:visible;    
}

#app #mn_advocate a.ir{margin-bottom:0;}

#mainnav a.ir .text {display:none;}

#app #mainnav dd
{
	position:static;	
}

 #app #mainnav a.ir {z-index:2;}
 #app #mainnav a.ir:hover {z-index:1;}
 
 #mainnav .ir:hover .hover 
 {
     width:447px;
     height:223px;
     display:block;
     position:absolute;
     top:0;
     left:0;
     z-index:1;
}

#mainnav #mn_who_we a.ir span.hover  { background: transparent url(/!images/mp/cch_mp_core-nav_who-we-are.gif) right top; }
#mainnav #mn_what_w a.ir span.hover  { background: transparent url(/!images/mp/cch_mp_core-nav_what-we-do.gif) right top; top:-45px;}
#mainnav #mn_donate a.ir span.hover  { background: transparent url(/!images/mp/cch_mp_core-nav_donate.gif) right top; top:-90px; }
#mainnav #mn_volunt a.ir span.hover  { background: transparent url(/!images/mp/cch_mp_core-nav_volunteer.gif) right top; top:-135px; }
#mainnav #mn_advoca a.ir span.hover  { background: transparent url(/!images/mp/cch_mp_core-nav_advocate.gif) right top; top:-180px; }

/* =Interior Main Nav
********************************/


.interior #mainnav dl
{
    background:url(/!images/int/cch_intnav_default.gif);
    width:956px;
    height:29px;
    margin:0;
}
.who_we_are #mainnav dl, .who_we_are_sub  #mainnav dl {background-image:url(/!images/int/cch_intnav_who-we-are.gif);}
.what_we_do #mainnav dl, .what_we_do_sub #mainnav dl{background-image:url(/!images/int/cch_intnav_what-we-do.gif);}
.donate_now #mainnav dl, .donate_now_sub #mainnav dl{background-image:url(/!images/int/cch_intnav_donate-now.gif);}
.volunteer #mainnav dl, .volunteer_sub #mainnav dl{background-image:url(/!images/int/cch_intnav_volunteer.gif);}
.advocate #mainnav dl, .advocate_sub #mainnav dl{background-image:url(/!images/int/cch_intnav_advocate.gif);}

.who_we_are #mainnav #subnav, 
.what_we_do #mainnav #subnav, 
.donate_now #mainnav #subnav, 
.volunteer #mainnav #subnav, 
.advocate #mainnav #subnav
{display:block;}

.interior #mainnav dd {float:left;}
.interior #mainnav a.ir
{
	background:url(/!images/common/static_state.gif) no-repeat;
	padding-top:29px;
}

.who_we_are #mainnav a.ir, .who_we_are_sub #mainnav a.ir{background-image:url(/!images/int/cch_intnav_who-we-are.gif);}
.what_we_do #mainnav a.ir, .what_we_do_sub #mainnav a.ir{background-image:url(/!images/int/cch_intnav_what-we-do.gif);}
.donate_now #mainnav a.ir, .donate_now_sub #mainnav a.ir{background-image:url(/!images/int/cch_intnav_donate-now.gif);}
.volunteer #mainnav a.ir, .volunteer_sub #mainnav a.ir{background-image:url(/!images/int/cch_intnav_volunteer.gif);}
.advocate #mainnav a.ir, .advocate_sub #mainnav a.ir{background-image:url(/!images/int/cch_intnav_advocate.gif);}

/* Hover state is set on #mainnav in LAYOUT and Interior sections */

.interior #mainnav #mn_who_we a.ir { width:143px; background-position:0 0;}
.interior #mainnav #mn_what_w a.ir { width:148px; background-position:-143px 0;}
.interior #mainnav #mn_donate a.ir { width:150px; background-position:-291px 0;}
.interior #mainnav #mn_volunt a.ir { width:135px; background-position:-441px 0;}
.interior #mainnav #mn_advoca a.ir { width:120px; background-position:-576px 0;}


.interior #mainnav #mn_home { float:right; background:url(/!images/int/cch_intnav_home_hover.gif);}
.interior #mainnav #mn_home a.ir { width:60px; background:url(/!images/int/cch_intnav_home_norm.gif)}
.interior #mainnav #mn_home a.ir:hover { background:transparent none;}

/* =Top Nav
********************************/
#topnav dd {float:left;}

#topnav a.ir
{
	background:url(/!images/common/cch_common_nav2_norm.gif) no-repeat;
	padding-top:28px;
}
/* Hover state is set on #mainnav in LAYOUT and Interior sections */

#topnav #tn_events a.ir { width:64px; background-position:0 0;}
#topnav #tn_media a.ir { width:52px; background-position:-64px 0;}
#topnav #tn_librar a.ir { width:62px; background-position:-116px 0;}
#topnav #tn_job_li a.ir { width:44px; background-position:-178px 0;}
#topnav #tn_contac a.ir { width:82px; background-position:-222px 0;}

#topnav a.ir:hover{background:transparent none;}

/* =Dropdowns
********************************/
.nav ul
{
	float:left;
	z-index:2;
	position:absolute;
	border:1px solid #ffffff;
	border-top:none;	
	padding:0;
	background:none #ffffff;
	display:none;
	opacity: .90;
	filter: alpha(opacity:90);
	z-index:10;
}

#mainnav ul {top:43px;} /* Height of #mainnav */
#topnav ul {top:27px;} /* Height of #topnav */

.nav ul li 
{ 
	float:none;
	border-bottom:1px solid #ffffff;
	padding:0; margin:0;
}

.nav ul a
{	
	display:inline-block;
	display:block;
	padding:.5em;
	background:#f1f1f1;
	border:2px solid #cccccc;
	border-top:none;
	border-bottom:none;
	
	font-size:smaller;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	
	/* The below block mimics min-width/min-height in IE6,
	   IE7 renders min-width/min-height correctly.
	   Uses IE6's imperfect understanding of !important. */
	width: auto !important;
	width: 14em;	 
	min-width: 14em;
}

.nav ul li a.alt {}

.nav ul li.last {border-bottom:none;}
.nav ul li.last a {border-bottom:2px solid #cccccc;}

/* .active and .menu (below) rely on Aris.js and aris.menu.js */
.nav dd.active {z-index:10;} 

.nav dd.active ul.menu { display:block; }

.nav #mn_lastdropdown ul.menu { right:0;}

.nav dd.active ul.menu a:hover 
{ 
	text-decoration:none; 
	background-color:#a62645; 
	color:#ffffff;	
}

/* =Sub Nav
********************************/

/* =Page Tools
********************************/

.PageTools
{
    float:right;
    margin-right:10px;
}

.content table, .content td, .content tr, .content a { margin:0; padding:0; line-height:20px!important; }