@charset "UTF-8";
/* CSS Document */
#preload * {height:1px; width:1px; overflow:hidden}
	#preload1 {background:url(/images/icm_logo_hover.gif);}
	#preload2 {background:url(/images/headers/home_pic_header2_hover.gif)}
	#preload3 {background:url(/images/headers/home_pic_footer2_hover.gif)}
/*Search Bar Wrapper*/
div#search_bar_wrapper {
	position: absolute;
	top: -12px;
	left: 536px;
	padding: 0px;
	margin: 0px;
	width: 150px;
	height: 15px;
	background:#666666;
	border: 1px solid #333333;
	text-align: center;
	}
p.search_bar_text {
	top: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	display: inline;
	}
a.search_bar_link, a:visited.search_bar_link {
	text-decoration: none;
	color: #FFFFFF;
	}
a:hover.search_bar_link {
	text-decoration: underline;
	color:#CCCCCC;
	}
a.news { text-decoration: none; color: blue; font-weight: bold; }
a:hover.news {
	text-decoration: underline;
	color: blue; font-weight: bold;
	}
div#searchbox {
	position: absolute;
	top: -14px;
	left: 705px;
	height: 12px;
	width: 185px;
	/*display: inline;*/
	}
div#searchbox form input.form_border {
	border-top: 2px solid #546daf;
	border-right: 1px solid #546daf;
	border-bottom: 1px solid #546daf;
	border-left: 2px solid #546daf;
	margin: 0px;
	font-size: 10px;
	padding-left: 3px;
	}
div#searchbox form input.submit {
	position: absolute;
	top: -2px;
	left: 100px;
	margin: 0px;
	}
/*Newsletter Form Stylings*/
div#newsletter_form {
	position: absolute;
	top: 35px;
	left: 5px;
	height: 25px;
	width: 145px;
	}
div#newsletter_emailfield {
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: 3px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 35px;
	}
div#newsletter_send {
	position: absolute;
	top: 1px;
	left: 91px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
div#hmpg_quicklinks {
	position: relative;
	top: 75px;
	}
div#hmpg_quicklinks p {
	line-height: 18px
	}
/*General Page Styles*/
img.normal_image_right {
	border: 1px solid #333333;
	float: right;
	margin: 10px 15px 10px 15px;
	}
a { text-decoration: none; color: #333333; font-weight: normal; }
a.normal_link {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	}
a:hover.normal_link, a:active.normal_link {
	text-decoration: underline;
	color:#666;
	}
a img { border: none; }
a:hover{
	background-position: left top;
	}
span.bold {
	font-weight: bold;
	}
p.center  {/*Center-align images/text*/
	margin: 5px 5px 5px 5px;
	text-align: center;
	}
p.normal_featurebox_text {
	margin: 3px 5px 0 5px;
	padding: 0 4px 0 5px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, "Lucida Sans", sans-serif;
	font-size: 10px;
	}
div#left_featurebox_textwrapper {
	position: absolute;
	top: 91px;
	left:0px;
	}
div#righttop_featurebox_textwrapper {
	position: absolute;
	top: 115px;
	left: 0px;
	}	
h1.featurebox_header, .right_featurebox_header {
	margin: 0px 0 0 4px;
	padding: 0 4px 0 5px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#666666;
	}
a.featurebox_header_link, a:visited.featurebox_header_link {
	text-decoration: none;
	color:#666666;
	}
a:hover.featurebox_header_link {
	text-decoration: underline;
	color: #999;
	}
h2.subscribe_updates {
	position: absolute;
	top: 4px;
	left: 5px;
	margin: 4px 0 0 4px;
	padding: 0 4px 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	}
h1.right_featurebox_header {
	margin: 0 0 3px 7px;
	padding: 0px;
	font-size: 13px;
	}
a.featurebox_imagelink {
	text-decoration: none;
	}
a:hover.featurebox_imagelink img {
	padding-top: 1px;
	padding-left: 1px;
	border-top: 1px solid #f9f9f9;
	border-left: 1px solid #f9f9f9;
	}	
html { width: 100%; height: 100%; background-image: url(/images/bk-lightgrey.gif); }
body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font: 1.0em Verdana, Arial, Helvetica, sans-serif; 
	text-align:left;
	}
div#container {
	position: relative;
	top: 0px;
	left: -20px;
	width: 1064px;
	height: auto;
	background-image: url(/images/main_gradient_bkg.png);
	padding-bottom: 70px;
	border-bottom: 1px solid #666666;
	}
div#inner_maincontent_wrap {/*This realigns the all central content in the main shaded display window--*/
	position: relative;
	top: 0px;
	left: 20px;
	}
div#bottom_container_fix {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1064px;
	height: 25px;
	background-image: url(/images/main_gradient_bkg.png);
	border: 1px solid blue;
	visibility: hidden;
	}
div#branding {
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
	}
.icm_logo {
	position: absolute;
	top: 4px;
	left: 12px;
	border: 0px;
	}
div#logo {
	position:absolute; 
	top: 4px;
	left: 19px;
	border: 0px;
	width:96px;
	height:96px;
	background: url(/images/icm_logo.gif) no-repeat 0 0;
	}
div#logo a {	
	height: 96px;
	display:block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}
div#logo a:hover { background:url(/images/icm_logo_hover.gif) no-repeat 0 0; }
.icm_title {
	position: absolute;
	top: 14px;
	left: 122px;
	border: 0px;
	}
div#main_content_pane_container {
	position:relative;
	top: 74px;
	left: 0px;
	}
div#main_content_pane {
	position: relative;
	top: 0px;
	left: 0px;
	width: 881px;
	height: 515px;
	background-image: url(/images/main_vertstripe_bkg.gif);
	border-top: 2px solid #5b5b57;
	border-right: 2px solid #5b5b57;
	border-bottom: 2px solid #5b5b57;
	}
div#main_content_pane_withoverflow {
	position: relative;
	top: 0px;
	left: 0px;
	padding-bottom: 20px;
	width: 881px;
	height: auto;
	background-image: url(/images/main_vertstripe_bkg.gif);
	border-top: 2px solid #5b5b57;
	border-right: 2px solid #5b5b57;
	border-bottom: 2px solid #5b5b57;
	}
.main_pane_header {
	position: absolute;
	height:20px;
	width: 883px;
	top: -18px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/main_pane_header.gif);
	background-repeat: no-repeat;
	}
div#footer {
	position: relative;
	top: -5px;
	left: 0px;
	height: 13px;
	width: 883px;
	margin: 0 0 25px 0;
	padding: 0px;
	background-image: url(/images/main_pane_footer2.gif);
	background-repeat: no-repeat;
	}
/*Homepage Bottom Featurebox Stylings*/
#hmpg_bottomleft_featurebox_wrapper {
	position: absolute;
	top: 378px;
	left: 143px;
	height: 127px;
	width: 258px;
	background-color: #FFFFFF;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	}
#hmpg_bottomleft_featurebox_header {
	position: absolute;
	top: -7px;
	left: -1px;
	height: 8px;
	width: 260px;
	background-image: url(/images/headers/hmpg_bottom_featurebox_header.gif);
	background-repeat: no-repeat;
	}
#hmpg_bottomleft_featurebox_content {
	position: absolute;
	top: 0px;
	left: 0px;
	margin:0;
	padding:0;
	width: 258px;
	height:127px;
	}
#hmpg_bottomleft_featurebox_footer {
	position: absolute;
	top: 126px;
	left: -1px;
	height: 8px;
	width: 260px;
	background-image: url(/images/headers/hmpg_bottom_featurebox_footer.gif);
	background-repeat: no-repeat;
	}

#hmpg_bottomleft_featurebox_wrapper1 {
	position: absolute;
	top: 378px;
	left: 143px;
	height: 127px;
	width: 158px;
	background-color: #FFFFFF;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	}
#hmpg_bottomleft_featurebox_header1 {
	position: absolute;
	top: -7px;
	left: -1px;
	height: 8px;
	width: 160px;
background-image: url(/images/headers/hmpg_right160px_featurebox_header.gif);
	background-repeat: no-repeat;
	
	}
#hmpg_bottomleft_featurebox_content1 {
	position: absolute;
	top: 0px;
	left: 0px;
	margin:0;
	padding:0;
	width: 158px;
	height:127px;
	}
#hmpg_bottomleft_featurebox_footer1 {
	position: absolute;
	top: 126px;
	left: -1px;
	height: 8px;
	width: 160px;
	background-image: url(/images/headers/hmpg_right160px_featurebox_footer.gif);
	background-repeat: no-repeat;
	}


#hmpg_bottomleft_featurebox_wrapper2 {
	position: absolute;
	top: 378px;
	left: 325px;
	height: 127px;
	width: 158px;
	background-color: #FFFFFF;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	}
#hmpg_bottomleft_featurebox_header2 {
	position: absolute;
	top: -7px;
	left: -1px;
	height: 8px;
	width: 160px;
background-image: url(/images/headers/hmpg_right160px_featurebox_header.gif);
	background-repeat: no-repeat;
	
	}
#hmpg_bottomleft_featurebox_content2 {
	position: absolute;
	top: 0px;
	left: 0px;
	margin:0;
	padding:0;
	width: 158px;
	height:127px;
	}
#hmpg_bottomleft_featurebox_footer2 {
	position: absolute;
	top: 126px;
	left: -1px;
	height: 8px;
	width: 160px;
	background-image: url(/images/headers/hmpg_right160px_featurebox_footer.gif);
	background-repeat: no-repeat;
	}


#hmpg_bottomright_featurebox_wrapper1 {
	position: absolute;
	top: 378px;
	left: 510px;
	height: 127px;
	width: 158px;
	background-color: #FFFFFF;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	}
#hmpg_bottomright_featurebox_header1 {
	position: absolute;
	top: -7px;
	left: -1px;
	height: 8px;
	width: 160px;
	background-image: url(/images/headers/hmpg_right160px_featurebox_header.gif);
	background-repeat: no-repeat;
	}
#hmpg_bottomright_featurebox_content1 {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 158px;
	height:127px;
	}
#hmpg_bottomright_featurebox_footer1 {
	position: absolute;
	top: 126px;
	left: -1px;
	height: 8px;
	width: 160px;
	background-image: url(/images/headers/hmpg_right160px_featurebox_footer.gif);
	background-repeat: no-repeat;
	}



#hmpg_bottomright_featurebox_wrapper {
	position: absolute;
	top: 378px;
	left: 410px;
	height: 127px;
	width: 258px;
	background-color: #FFFFFF;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	}
#hmpg_bottomright_featurebox_header {
	position: absolute;
	top: -7px;
	left: -1px;
	height: 8px;
	width: 260px;
	background-image: url(/images/headers/hmpg_bottom_featurebox_header.gif);
	background-repeat: no-repeat;
	}
#hmpg_bottomright_featurebox_content {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 258px;
	height:127px;
	}
#hmpg_bottomright_featurebox_footer {
	position: absolute;
	top: 126px;
	left: -1px;
	height: 8px;
	width: 260px;
	background-image: url(/images/headers/hmpg_bottom_featurebox_footer.gif);
	background-repeat: no-repeat;
	}
/*Homepage Right Featureboxs Stylings*/
#hmpg_righttop_featurebox_wrapper {
	position: absolute;
	top: 18px;
	left: 685px;
	height: 278px;
	width: 158px;
	background-color: #FFFFFF;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	}
#hmpg_righttop_featurebox_header {
	position: absolute;
	top: -7px;
	left: -1px;
	height: 7px;
	width: 160px;
	background-image: url(/images/headers/hmpg_right160px_featurebox_header.gif);
	background-repeat: no-repeat;
	}
#hmpg_righttop_featurebox_content {
	position: relative;
	top: 3px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 158px;
	height:264px;
	}
#hmpg_righttop_featurebox_footer {
	position: absolute;
	top: 275px;
	left: -1px;
	height: 7px;
	width: 160px;
	background-image: url(/images/headers/hmpg_right160px_featurebox_footer.gif);
	background-repeat: no-repeat;
	}
#hmpg_rightbottom_featurebox_wrapper {
	position: absolute;
	top: 318px;
	left: 685px;
	height: 190px;
	width: 158px;
	background-color: #FFFFFF;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	}
#hmpg_rightbottom_featurebox_header {
	position: absolute;
	top: -7px;
	left: -1px;
	height: 7px;
	width: 160px;
	background-image: url(/images/headers/hmpg_right160px_featurebox_header.gif);
	background-repeat: no-repeat;
	}
#hmpg_rightbottom_featurebox_content {
	position: relative;
	top: 3px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 158px;
	height:190px;
	}
#hmpg_rightbottom_featurebox_footer {
	position: absolute;
	top: 186px;
	left: -1px;
	height: 7px;
	width: 160px;
	background-image: url(/images/headers/hmpg_right160px_featurebox_footer.gif);
	background-repeat: no-repeat;
	}
/*Main_Footer Stylings*/
#main_footer_text {
	position: absolute;
	top: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 883px;
	height: auto;
	border: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	}
.footer_link a { 
	color: #333;
	text-decoration: none;
	}
.footer_link a:hover {
	color: #999;
	text-decoration: underline;
	}
/*Left_feature stylings*/
div#leftfeature_wrap {
	position: absolute;
	top: 235px;
	left: 5px;
	height: 262px;
	width: 126px;
	}	
div#leftfeature_content {
	position: relative;
	height: 262px;
	width: 126px;
	border: 1px solid #666666;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	}
h1.leftfeature_header {
	position: absolute;
	top: -6px;
	left: -1px;
	height: 6px;
	width: 128px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/headers/left_sidebar_header.gif);
	background-repeat: no-repeat;
	}
div#leftfeature_footer {
	position: relative;
	top: -1px;
	left: 0px;
	height: 6px;
	width: 128px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/headers/left_sidebar_footer.gif);
	background-repeat: no-repeat;
	}
/*Homepage Main Picture*/
div#main_picture_wrap {
	position: absolute;
	top: 15px;
	left: 143px;
	height: 346px;
	width: 527px;
	}
div#main_picture_content {
	position: relative;
	height: 343px;
	width: 515px;
	border-left: 6px solid #333;
	border-right: 6px solid #333;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/main_images/main_image_girls.jpg);
	background-repeat: no-repeat;
	}
div#main_picture_header {
	position: absolute;
	top: -6px;
	left: 0px;
	height: 28px;
	width: 527px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/headers/home_pic_header2.gif);
	background-repeat: no-repeat;
	}
div#main_picture_header a{
	position: relative;
	top: 0px;
	left: 0px;	
	width: 200px;
	height: 100px;
	display:block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}
div#main_picture_header a:hover {
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url(/images/headers/home_pic_header2_hover.gif);
	background-position: top left;
	background-repeat: no-repeat; }
div#main_picture_footer {
	position: relative;
	top: -22px;
	left: 0px;
	height: 25px;
	width: 527px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/headers/home_pic_footer2.gif);
	background-repeat: no-repeat;
	}
div#main_picture_footer a {
	position: relative;
	top: -77px;
	left: 327px;	
	width: 200px;
	height: 100px;
	display:block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}
div#main_picture_footer a:hover {
	position: relative;
	top: -75px;
	left: 327px;
	background-image: url(/images/headers/home_pic_footer2_hover.gif);
	background-position: bottom right;
	background-repeat: no-repeat; }
/*START MENU STYLINGS*/
div#navbar_wrap {
	position: absolute;
	top: 35px;
	left: 5px;
	height: 190px;
	width: 128px;
	}	
div#navbar_content {
	position: relative;
	height: 188px;
	width: 126px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	}
h1.navheader {
	position: absolute;
	top: -6px;
	left: -1px;
	height: 6px;
	width: 128px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/headers/left_sidebar_header.gif);
	background-repeat: no-repeat;
	}
div#navfooter {
	position: absolute;
	top: 188px;
	left: -1px;
	height: 6px;
	width: 128px;
	margin: 0px;
	padding: 0px;
	background-image: url(/images/headers/left_sidebar_footer.gif);
	background-repeat: no-repeat;
	}
.menu {
position: absolute;
top: 5px;
left: 0px;
height:auto;
width: 124px;
margin: 0px;
padding: 0px;
font-family:  Arial, Verdana,Helvetica, sans-serif;
font-size: 16px;
}
/* remove all the bullets, borders and padding from the default list styling */
.firstlevel {
	padding:0;
	margin:0;
	list-style-type:none;
	width:124px;
	position:relative;
	}
.firstlevel li {
background-color:#fff;
height:26px;
}
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}
/* style the links */
.firstlevel li a {
	display:block; 
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:124px;
	color:#666;
	text-indent:10px;
	background:#fff;
	}
.secondlevel {
	visibility:hidden;/* hide the sub levels and give them a positon absolute so that they take up no room */
	padding:0px;
	margin:0;
	list-style-type:none;
	width:160px;
	height:20px;
	border:1px solid #666;
	background-color: #DDDCDB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.secondlevel_long {
	visibility:hidden;/* hide the sub levels and give them a positon absolute so that they take up no room */
	padding:0px;
	margin:0;
	list-style-type:none;
	width:210px;
	height:20px;
	border:1px solid #666;
	background-color: #DDDCDB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
#about_multi_box {
	position: absolute;
	top: 26px;
	left: 124px;
	}
#programs_multi_box {
	position:absolute;
	top:52px;
	left:124px;
	}
#news_multi_box {
	position:absolute;
	top:78px;
	left:124px;
	}
#team_multi_box {
	position:absolute;
	top:104px;
	left:124px;
	}
#stewardship_multi_box {
	position:absolute;
	top:130px;
	left:124px;
	}
#give_multi_box {
	position:absolute;
	top:130px;
	left:124px;
	}
#visit_multi_box {
	position:absolute;
	top:130px;
	left:124px;
	}
.secondlevel li, .secondlevel_long li {
	padding: 0px;
	margin: 0px;
	height: 20px;
	background-color: #DDDCDB;
	}
.secondlevel li a, .secondlevel li a:visited {
	display:block; 
	text-decoration:none;
	height:18px;
	line-height: 18px;
	width:158px;
	color:#333;
	text-indent:10px;
	background-color: #DDDCDB;
	border: 1px solid #DEDDDC;
	}
.secondlevel_long li a, .secondlevel_long li a:visited {
	display:block; 
	text-decoration:none;
	height:18px;
	line-height: 18px;
	width:208px;
	color:#333;
	text-indent:10px;
	background-color: #DDDCDB;
	border: 1px solid #DEDDDC;
	}
/* style the link hover */
* html .menu a:hover {color:#000; background-color:#EEEEEE; }
.menu :hover > a {
	color:#000;
	background-color: #EEEEEE;
	}
.secondlevel li a:hover, .secondlevel_long li a:hover {
	color:#000; 
	background:#ccc;
	border: 1px solid #999;
	background-color: #fff;
	}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible;
	height:auto;
	}
.about_multi_indicator {
	position: absolute;
	top: 25px;
	left: 100px;
	}
.programs_multi_indicator {
	position: absolute;
	top: 51px;
	left: 100px;
	}
.news_multi_indicator {
	position: absolute;
	top: 77px;
	left: 100px;
	}
.team_multi_indicator {
	position: absolute;
	top: 103px;
	left: 100px;
	}
.stewardship_multi_indicator {
	position: absolute;
	top: 103px;
	left: 100px;
	}
.give_multi_indicator {
	position: absolute;
	top: 129px;
	left: 100px;
	}
.visit_multi_indicator {
	position: absolute;
	top: 129px;
	left: 100px;
	}

/*Coming Soon Styles On/Off------*/
span.executive_cs, .employees_cs, .selfsupported_cs, .board_cs, .hkvol_cs, .funding_cs, .organizing_cs, .financial_cs, .references_cs, .long_cs, .time_cs, .news_cs,  .stewardlinks_cs {
	color: red;
	}
span.history_cs, .private_cs {
	visibility:hidden;
	}
span.red {
	color: red;
	}