/* HUMC Styles Version 2*/


P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
color:#666666; 
font-family:Verdana, Arial, Helvetica; 
font-size:11px;
}

body {
	behavior:url(../images/wrapper/csshover.htc);
	color:#666666;
	font-family:Verdana, Arial, Helvetica;
	font-size:11px;
	margin:0 auto;
	background:#FFFFFF url(../images/wrapper_v2/hdr_bkgd.gif) repeat-x 0px 102px;
}

a img{border:0;}

a, a:link, a:hover, a:visited {color:#4E70AE; text-decoration:underline;}

.clear{clear:both; width:100%; margin:0 auto;}
.hr{float:left;border-bottom:1px solid #c5c5c5;margin:18px 0px;}

.lgtext{font-size:13px !important;}

.strong{font-weight:bold;}

img.left{float:left; display;inline; margin:5px 10px 5px 0px;}
img.right{float:right; display;inline; margin:5px 0px 5px 10px;}

.container {background:#transparent; width:842px; margin:0px auto; color:#666666; line-height:16px; padding:0px 4px 24px 4px;}

#header {float:left; clear:both; height:83px; width:830px; margin:30px auto 6px; padding:0px 6px 0px 6px;}

#logo{float:left; width:305px; height:54px;}

#hdrutils{float:right;width:220px;text-align:right;}
#hdrutils a{font-size:11px;font-weight:bold;line-height:16px;color:#1e7bbd;font-family:verdana,arial,helvetica,sans-serif;text-decoration:none;}

#flash{float:left; height:124px; width:442px;}

#main{float:left; margin:2px auto 0px; width:842px; background:#fff;}

#leftcol{float:left; width:160px; min-height:600px;}
#leftcol p{float:left; margin:20px 0px 0px 10px; display:inline; width:140px;}

#main_content {float:left; width:661px; padding:10px; border-left:1px solid #c5c5c5; display:inline}
#main_content h1 {
	color: #009999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 22px;
}
#main_content h2 {
	color: #009999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#footer{position:relative; width:100%; height:63px; margin:0px;padding:0px; background-image:url(../images/wrapper_v2/footerbar.gif); background-repeat:repeat-x;}


a.btn span { display:none; }
a#donate.btn { background-image:url(../images/wrapper/btn_donate.jpg); height: 31px; width:156px; display:block; margin-bottom:11px;}
a#donate.btn:hover { background-image:url(../images/wrapper/btn_donate_act.jpg);}
a#register.btn { background-image:url(../images/wrapper/btn_register.jpg); height: 31px; width:156px; display:block; margin-bottom:11px;}
a#register.btn:hover { background-image:url(../images/wrapper/btn_register_act.jpg);}
	
a.sb_link{color:#3366cc;font-family:verdana,arial,helvetica,sans-serif;text-decoration:underline;font-size:12px;line-height:16px;}

#cont_wrap{float:right;display:inline;width:670px;margin:0px;padding:0px 0px 0px 6px;border-left:1px solid #c5c5c5;}
#flashfeature{float:left;width:670px;height:196px;clear:both;margin-bottom:18px;}


#centercol {float:left; width:468px; padding:0px; margin:0px;display:inline; border-right:1px solid #C5C5C5; min-height:600px; overflow:hidden;}
#centercol p a{text-decoration:none;font-size:11px;}
#centercol .item{float:left;padding:0px;margin:0px 10px 0px 0px;width:458px;font-family:arial,helvetica,sans-serif;}
#centercol .item img.th{float:left;width:88px;}
#centercol .item .itemcopy{float:right;width:354px;text-align:left;}

div.photocaption{float:left;width:90px;}
div.photocaption img.th{float:left;margin-top:0px;}
div.photocaption span.caption{float:left;line-height:11px;font-size:9px;width:90px;text-align:center;}

#item-a{clear:both;border-bottom:1px solid #c5c5c5 !important;padding-bottom:10px !important;}
#item-b{clear:both;margin:18px 0px 0px 0px !important;}
#item-c{clear:both;margin:18px 0px 0px 0px !important;}
#item-d{clear:both;border-top:1px solid #c5c5c5 !important;padding-top:18px !important; margin-top:10px !important;}

#centercol .topitem h3{padding:0px;margin:0px;color:#62a2ff;font-size:16px;font-weight:bold;}
#centercol .topitem p{width:auto !important;padding:0px;}
#centercol .item h4{width:100%;padding:0px;margin:0px;color:#62a2ff;font-size:16px;font-weight:bold;}
#centercol p{width:100%;padding:0px;}
#centercol .item p{width:100%;margin-top:0px;font-family:arial, helvetica, verdana;}

#rightcol{float:right; width:196px; margin:0px; padding:0px;}
#rightcol a{text-decoration:none;}
img.border{border:1px solid #3366cc;}
.spotlight{margin:6px 0px 6px 0px;}
#rightcol p{float:left; margin:0px 0px 10px 0px; display:inline; width:196px;}

.newsitem{float:left;margin:8px 0px 0px 0px;width:196px;}
.newsitem img{float:left;width:40px;}
.newsitem a{float:right;width:146px;text-align:left;color:#58595b;text-decoration:none;font-size:12px;font-family:arial, helvetica, verdana;}
.newsitem a strong{font-size:11px;font-weight:bold;}
.newsitem a:hover{font-size:12px;font-family:arial, helvetica, verdana;color:#4E70AE !important;}

p.textitem{float:left; margin-top:10px !important; font-size:12px; font-family:arial,helvetica,verdana,sans-serif;}
p.textitem a, p.textitem a:hover{font-size:12px !important;font-family:arial,helvetica,verdana,sans-serif;}

#nav{float:left; text-align:left;margin-bottom:30px;}

.nav, .nav * {
	margin:0;
	padding:0;
}
.nav {
	line-height:1.0;
	margin-bottom:0px;
	width: 160px;
}
.nav ul {
	background:#fff; /*IE6 needs this*/
	width: 160px;
}
.nav li {
	background:#ffffff;
	border:0px;
	float: left;
	list-style:none;
	position:relative;
	z-index:999;
	height:30px;
	width:160px;
	margin:0px;
	padding:0px;
	display:inline;
}
.nav a {
	color: #ecf0e1;
	display:block;
	padding: 0px;
	text-decoration:none;
	width:160px;
	color:#595959;
}
.nav li ul {
	top:-999em;
	position:absolute;
	width:280px;
}
.nav li:hover, .nav li.sfHover, .nav a:focus, .nav a:hover, .nav a:active {
	background:#d2e5db;
}
.nav li:hover ul, /* pure CSS hover is removed below */
ul.nav li.sfHover ul {
	left:160px;
	top:-1px;
	background:#ecf0e1;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	left:160px;
	top:-1px;
}
.nav li li:hover li ul,
.nav li li.sfHover li ul {
	top:-999em;
}
.nav li li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li li.sfHover ul {
	left:160px;
	top:-1px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul {
	top: -999em;
}
.nav li li {
	background:#ebefe1;
	width:280px;
	margin:0px;
}
.nav li li li {
	background:#ebefe1;
}
.nav li li a {
	padding-right:0px;
	width:160px;
	color:#595959;
	height:27px;
}

#toplevel li ul a{height:auto; width:260px; padding:6px 10px;}
#toplevel li ul li{height:auto; border-bottom:1px solid #5e6762;}
#toplevel li ul{margin:-1px 0px 0px 3px; border:1px solid #d6ddbb;}

li a {display:block; text-decoration:none;}
li a#home {background:url(../images/wrapper_v2/nav_home_up.gif) top left no-repeat; width:160px; height:30px; text-indent:-999em;}
li a#home:hover {background:url(../images/wrapper_v2/nav_home_over.gif);}

li a#why_we_give {background:url(../images/wrapper_v2/nav_hopeatwork_up.gif) top left no-repeat; width:160px; height:30px; text-indent:-999em;}
li a#why_we_give:hover {background:url(../images/wrapper_v2/nav_hopeatwork_over.gif);}
ul#sub_hope {}

li a#about {background:url(../images/wrapper_v2/nav_aboutus_up.gif) top left no-repeat; width:160px; height:30px; text-indent:-999em;}
li a#about:hover {background:url(../images/wrapper_v2/nav_aboutus_over.gif);}

li a#campaigns {background:url(../images/wrapper_v2/nav_ourcampaigns_up.gif) top left no-repeat; width:160px; height:30px; text-indent:-999em;}
li a#campaigns:hover {background:url(../images/wrapper_v2/nav_ourcampaigns_over.gif);}
ul#sub_campaigns {}

li a#ways_of_giving {background:url(../images/wrapper_v2/nav_waysofgiving_up.gif) top left no-repeat; width:160px; height:30px; text-indent:-999em;}
li a#ways_of_giving:hover {background:url(../images/wrapper_v2/nav_waysofgiving_over.gif);}
ul#sub_ways_of_giving {}

li a#auxiliary {background:url(../images/wrapper_v2/nav_theauxiliary_up.gif) top left no-repeat; width:160px; height:30px; text-indent:-999em;}
li a#auxiliary:hover {background:url(../images/wrapper_v2/nav_theauxiliary_over.gif);}
ul#sub_auxiliary {}

li a#events {background:url(../images/wrapper_v2/nav_specialevents_up.gif) top left no-repeat; width:160px; height:30px; text-indent:-999em;}
li a#events:hover {background:url(../images/wrapper_v2/nav_specialevents_over.gif);}
ul#sub_events {}

li a#raffles {background:url(../images/wrapper_v2/nav_raffles_up.gif) top left no-repeat; width:160px; height:30px; text-indent:-999em;}
li a#raffles:hover {background:url(../images/wrapper_v2/nav_raffles_over.gif);}
ul#sub_raffles {}

li a#donor {background:url(../images/wrapper_v2/nav_donorrecognition_up.gif) top left no-repeat; width:160px; height:30px; text-indent:-999em;}
li a#donor:hover {background:url(../images/wrapper_v2/nav_donorrecognition_over.gif);}
ul#sub_donor {}

li a#facilities {background:url(../images/wrapper_v2/nav_ourfacilities_up.gif) top left no-repeat; width:160px; height:30px; text-indent:-999em;}
li a#facilities:hover {background:url(../images/wrapper_v2/nav_ourfacilities_over.gif);}
ul#sub_donor {}

li a#contact {background:url(../images/wrapper_v2/nav_contactus_up.gif) top left no-repeat; width:160px; height:30px; text-indent:-999em;}
li a#contact:hover {background:url(../images/wrapper_v2/nav_contactus_over.gif);}
ul#sub_contact {}


li ul {position:absolute; top:-999em; left:0; display:none; list-style:none; width:280px; background:#ebefe0; z-index:999;}




a.btn, a.btn:visited, input.btn, input.btnMini, input.btnSm, input.btnMed, input.btnLg {
background:none;
padding:0;
border:none;
}

a.btn:hover {
background-position:0;
}