* { padding:0px; margin: 0px; }

html > body #canvas {
	min-height: 100%;
	height: auto;
        margin-top: 20px;
}
html,body {height: 100%; 
text-align:center; 
background-color: #fff;

}

img {
border: 0px;
}
#contact_form table {
width: 450px;
 padding: 14px;
background-color: #fff;
margin-left: 30px;
line-height: 20px;
font-family: verdana,sans-serif;
font-size: 11px;
}
#sitenav {
height:20px;
}

 #sitenav li {
font-famly: verdana, sans-serif;
font-weight:bold;
font-size: 12px;
}

 .fixedfieldwidth {
width: 320px;
}




a { text-decoration: underline;
color: #066c42;}

a:hover { color: #000; text-decoration: underline;}

.clear {
	clear: both;
}

.morelink {
font-family: verdana,sans-serif;
font-size: 10px;
font-weight: bold;
}
.required {
color: red;
}
#canvas {
	width: 960px;
	margin-left: auto;
    margin-right: auto;
	background-color: #fff;
    text-align: left;
	font-family: georgia, serif;

}
#donate_button {

    margin-left: 30px;
}
#toolbar {
width: 100%;
background-color: #fef0be;
height: 42px;
font-family: Verdana,sans-serif;
font-size: 10px;
}
#breadcrumbs {
width: 300px;
float: left;
}
#breadcrumbs p {
	margin: 10px 0px 5px 30px;
	font-size: 10px;
	font-family: verdana, sans-serif;
}
#socialnetworks {

width:150px;
margin: 10px 20px 5px 0px;
float: right;
text-align: right;
}

#loginwelcome {
 width: 450px;
 float:left;
 text-align:right;

}
#loginwelcome p {
margin: 10px 10px 5px 10px;
font-size: 10px;
	font-family: verdana, sans-serif;
}
#slickbox {

background-color: #fef0be;
text-align:right;
padding: 10px 10px 10px 10px;
font-family: tahoma, sans-serif;
font-size: 11px;
}
.news_photo {
margin-left: 30px;
padding-top: 15px;
}
#regbox {

background-color: #fef0be;
text-align:right;
padding: 10px 10px 10px 10px;
font-family: tahoma, sans-serif;
font-size: 11px;
}

#facebook {

padding-left: 16px;
margin-top: -8px
}

#donate {

}

#id {
	width:960px;
	height:166px;
	padding-top:40px;
}

#id_new {
     width:960px;
     height: 166px;

}

#logo {
      width: 279px;
      float: left;
}

.enhancing {
   width: 340px;
   height: 26px;
   background-color: transparent;
   z-index: 5;
   position: relative;

}
#section_photo { float: left;
 }	
	#section_photo ul, #section_photo li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#section_photo li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:340px;
		height:166px;
		overflow:hidden; 
		}
	
#section_photo2 { overflow:hidden; 
}	
	#section_photo2 ul, #section_photo2 li{
                margin:0;
		padding:0;
		list-style:none;
		}
	#section_photo2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:340px;
		height:166px;
		overflow:hidden; 
		}	

#section_photo_home { float: left; background-image: url(http://www.hkcommunityfund.org/img/slide-last.jpg);background-repeat:no-repeat;
 }	
	#section_photo_home ul, #section_photo_home li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#section_photo_home li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:340px;
		height:166px;
		overflow:hidden; 
		}
#right_col_home {
  margin-left: auto;
margin-right: auto;
width: 300px;
}
#footnotes {
padding-top: 3px;
font-family: sans-serif;
font-size:10px;
margin-top: 50px;
padding-left:30px;
}

#contact_form fieldset {
  padding: 1em;
  border: 0px;
  font:80%/1 sans-serif;
  }
#contact_form label {
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
  }
#greenblock {
	height:8px;
	width:100%;
	background-color: #fff;
        background-image: url(http://www.hkcommunityfund.org/img/bottom-nav.png);
        background-repeat: repeat-x;
}

#greenblocktop {
	height:7px;
	width:100%;
	background-color: #fff;
        background-image: url(http://www.hkcommunityfund.org/img/top-nav.png);
        background-repeat: repeat-x;
}
#subscribe {
 
width: 212px;
height: 60px;
border: 1px solid green;
background-color: #e3f1e0;
background-image: url(http://www.hkcommunityfund.org/img/subscribe-background.gif);
margin-top: -4px;
}



#subscribe form {

margin-top:29px;
margin-left: 9px;
}

#media_kit {
width: 212px;
border: 1px solid green;
background-color: #e3f1e0;
}

#media_kit h3 {
margin-left: 4px;
font-family: verdana,sans-serif;
font-size: 16px;
font-weight:bold;
}
#media_kit p {
padding-top: 4px;
 margin-left: 4px;
font-family: verdana,sans-serif;
font-size: 11px;
line-height: 13px;
}

#login {

width: 212px;
border: 1px solid green;
background-color: #e3f1e0;
font-family: tahoma,helvetica,sans-serif;
font-size: 11px;
}
#login p {
font-family: tahoma, sans-serif;
font-size: 11px;
line-height: 12px;

}

#press_area {
   margin-left: -14px;
   padding-top: 26px;
}

.backgroundcell {
	display: block;
	background-image: url(http://www.hkcommunityfund.org/img/bg-yellowfade2.jpg);
	background-repeat: repeat-x;
	margin-top: -19px;
	border-left: #ffefb3 1px solid;
	border-right: #ffefb3 1px solid;

}
#leftcol {
	width: 320px;
	float: left;
	padding-top: 40px;
	border-right: #ffefb3 1px solid;
	padding-right: 20px;

	
}
#centercol {
	width: 340px;	
	float: left;
	padding-top: 40px;
	padding-right: 20px;
}
#centercolabout  {
	width: 336px;	
	float: left;
	padding-top: 40px;
	padding-right: 20px;
	background-image: url(http://www.hkcommunityfund.org/img/rightcolback600.png);
	background-repeat: no-repeat;

}



#centercolwide {
	width: 640px;	
	float: left;
	padding-top: 40px;
	padding-right: 60px;
}


#centercolwide ol {
	margin: 0px 0px 14px 70px;

}
#centercolwide ol li {
	font-family: Georgia, serif;
	font-size: 14px;
	color: #333;
        line-height: 20px;
}

#centercolwide ul {
	margin: 0px 0px 14px 70px;

}
#centercolwide ul li {
	font-family: Georgia, serif;
	font-size: 14px;
	color: #333;
       line-height: 20px;
}


#rightcol {
	width: 300px;
	float: left;
	padding-top: 40px;
}
#rightcolspecial {
	width: 240px;
	float: left;
	padding-top: 40px;
	background-image: url(http://www.hkcommunityfund.org/img/rightcolback.png);

	background-repeat: repeat-x;
	height:990px;

}

#donate {
	margin-left: 17px;

}
.large_header {
  display: block;
  margin-left: 30px;
}
h1 {
	font-family: verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin: 10px 10px 5px 30px;
}
h2 {
	font-family: verdana, sans-serif;
	font-size: 13px;
	font-weight: 700;
	color: #333;
		margin: 0px 10px 0px 30px;


}



p {
	font-family: Georgia, serif;
	font-size: 14px;
	color: #333;
	margin: 0px 10px 14px 30px;
	line-height: 20px;
}

.quote {
	font-family: Georgia, serif;
	font-weight: bold;
	color: #555;
	line-height: 21px;
}
.author {
	font-family: Georgia, serif;
	font-weight: 100;
	font-style: italic;
}
.greentext {
	color: #006633;
}

.underline {
         border-bottom: 1px #222 solid;
}
#centercol ol {
	margin: 0px 0px 14px 70px;

}
#centercol ol li {
	font-family: Georgia, serif;
	font-size: 14px;
	color: #333;
        line-height: 20px;
}

#leftcol ul {
	margin: 0px 0px 14px 70px;

}
#leftcol li {
	font-family: Georgia, serif;
	font-size: 14px;
	color: #333;
         line-height: 20px;
}
#centercol ul {
	margin: 0px 0px 14px 70px;

}
#centercol li {
	font-family: Georgia, serif;
	font-size: 14px;
	color: #333;
        line-height: 20px;
}
#footer {
	font-family: Verdana,sans-serif;
	font-size: 11px;
	color: #333;
	text-align: center;
}
.thumbs {

	text-align: right;
	float:right;
	display: block;
}



.yellowcorners {display:block}
.yellowcorners *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#fdefbe}
.yellowcorners1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fef8e3;
  border-right:1px solid #fef8e3;
  background:#fdf3ce}
.yellowcorners2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefdf8;
  border-right:1px solid #fefdf8;
  background:#fdf2ca}
.yellowcorners3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fdf2ca;
  border-right:1px solid #fdf2ca;}
.yellowcorners4{
  border-left:1px solid #fef8e3;
  border-right:1px solid #fef8e3}
.yellowcorners5{
  border-left:1px solid #fdf3ce;
  border-right:1px solid #fdf3ce}
.yellowcornersfg{
  background:#fdefbe}
  
  
  .greencorners {display:block}
.greencorners *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#066d43}
.greencorners1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #066d43;
  border-right:1px solid #066d43;
  background:#fdf3ce}
.greencorners2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #066d43;
  border-right:1px solid #066d43;
  background:#066d43}
.greencorners3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #066d43;
  border-right:1px solid #066d43;}
.greencorners4{
  border-left:1px solid #066d43;
  border-right:1px solid #066d43}
.greencorners5{
  border-left:1px solid #066d43;
  border-right:1px solid #066d43}
.greencorners6{
  background:#066d43}
  

/* search */ 
.searchContainer div { background-color:#fff; display:inline; padding:5px;} 
.searchContainer input[type="text"] {border:none;} 
.searchContainer img { vertical-align:middle;}
.dimmed { color: #7cedbd; }



#menu {width:960px; height: 24px;margin:-13px 0px -12px 15px;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul.level1 {margin:0 auto;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}

#menu ul.level1 {background:#fff;}
#menu ul.level1 a {background: #fff; color:#066c41;}
#menu ul.level1 a:hover {background: #fff; color:#7cb0ac;}
#menu ul.level2 {background:#066c41; color: #fff;}
#menu ul.level2 a {background:transparent; color: #fff;}
#menu ul.level2 a:hover {background:#066c41; color: #7cb0ac;}
#menu ul.level3 {background:#066c41; color: #fff}
#menu ul.level3 a {background:transparent; color: #fff;}
#menu ul.level3 a:hover {background:#066c41; color: #7cb0ac;}
#menu ul.level4 {background:#066c41;}

#menu b {position:absolute;} /* -- for IE6 non-flyout dropdowns to stop flickering - who knows why --*/

#menu a {display:block; font:normal 12px verdana,arial,sans-serif; font-weight: bold; color:#066c41; line-height:25px; text-decoration:none;padding:0 20px 0 10px;}
#menu ul.level1 li.level1-li a.level1-a {float:left;}
#menu ul.level2 li.level2-li a.level2-a {float:left;color:#fff;}


#menu ul li:hover > ul {visibility:visible; left:0; top:25px;}
#menu ul ul li:hover > ul {visibility:visible; left:100%; top:auto; margin-top:-25px;}
#menu li.left:hover > ul {visibility:visible; left:auto; right:0; top:25px;}
#menu li.left ul li:hover > ul {visibility:visible; left:auto; right:100%; top:auto; margin-top:-25px;}


#menu a:hover ul {left:0; top:23px;}
#menu li.left a:hover ul {left:auto; right:-1px; top:23px;}

#menu li.left ul a {text-align:right; padding:0px 10px 0px 20px;}


#menu a:hover a:hover ul, 
#menu a:hover a:hover a:hover ul {left:100%; visibility:visible;}
#menu li.left a:hover a:hover ul, 
#menu li.left a:hover a:hover a:hover ul {left:auto; right:0; visibility:visible;}

#menu a:hover ul ul, 
#menu a:hover a:hover ul ul {left:-9999px;}
#menu li.left a:hover ul ul, 
#menu li.left a:hover a:hover ul ul {left:-9999px;}


#menu li a.fly {background:transparent url(anywidth/arrow.gif) no-repeat right center;}
#menu li.left ul a.fly {background:transparent url(anywidth/arrow-left.gif) no-repeat left center;}

#menu li a:hover,
#menu li a.fly:hover {background-color:#ccc;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#fff;}

#menu table {position:absolute; height:0; width:0; left:0; border-collapse:collapse; margin-top:-4px;}
#menu table table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

#menu li.left table {position:absolute; height:0; width:0; left:auto; right:0; border-collapse:collapse; margin-top:-4px;}
#menu li.left table table {position:absolute; left:auto; right:100%; height:0; width:0; border-collapse:collapse; margin-top:-29px;}

</style>

<!--[if lte IE 7]>
<style type="text/css">
#menu ul {display:inline;}
</style>
<![endif]-->