body{
	margin:0;
	color: #000;
	font:11px Verdana, Arial,sans-serif;
	background:#d6d6d6 url(../images/bg-body.gif) repeat-x;
}
img{border-style:none;} 
a{text-decoration:none;}
a:hover{text-decoration:underline;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
/* page */
#page {
	width:946px;
	margin:0 auto;
	position:relative;
	padding: 187px 0 0;
}

#page:after{
	display:block;
	clear:both;
	content:"";
}
/* page_b */
#page_b {
	width:946px;
	margin:0 auto;
	position:relative;
	padding: 219px 0 0;
}
#page_b:after{
	display:block;
	clear:both;
	content:"";
}
/* header */
#header{
	position:absolute;
	top:0;
	left:0;
	width:944px;
	height:254px;
	background:url(../images/bg-header.gif) no-repeat 0 6px;
	z-index:1;
}
/* header_b */
#header_b{
	position:absolute;
	top:0;
	left:0;
	width:944px;
	height:254px;
	background:url(../images/bg-header.gif) no-repeat 0 73px;
	z-index:1;
}
	
/* logo */
.logo{
	position:absolute;
	top: 82px;
	left:30px;
	width:208px;
	height:77px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo.gif) no-repeat;
	margin:0;
	z-index:2;
}
.logo a{
	display:block;
	height:100%;
}
/* logo_b */
.logo_b{
	position:absolute;
	top: 9px;
	left:90px;
	width:169px;
	height:163px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo_b.png) no-repeat;
	margin:0;
	z-index:2;
}
.logo_b a{
	display:block;
	height:100%;
}
/* logo_c */
.logo_c{
	position:absolute;
	top: 6px;
	left:90px;
	width:220px;
	height:174px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/logo_c.png) no-repeat;
	margin:0;
	z-index:2;
}
.logo_c a{
	display:block;
	height:100%;
}
/* slogan */
.slogan{
	position:absolute;
	top:106px;
	right:40px;
	width:570px;
	height:38px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/slogan_b.png) no-repeat;
	margin:0;
	z-index:2;
}
/* top navigation */
.top-nav{
	width:100%;
	overflow:hidden;
	padding:5px 0 0;
}
.top-nav .box{
	float: right;
	background:url(../images/bg-top-nav.gif) no-repeat;
	padding:0 0 0 7px;
}
.top-nav ul{
	margin: 0;
	padding: 0 10px 0 0;
	list-style:none;
	float:left;
	background:url(../images/bg-top-nav.gif) no-repeat 100% 0;
	height:29px;
}
.top-nav ul li{
	float:left;
	padding:2px 8px 0 8px;
	font-size:13px;
	text-transform:uppercase;
}
.top-nav ul li a{
	color:#fff;
	padding:0 0 0 20px;
	background:url(../images/bullet-arrow.png) no-repeat;
	float:left;
}
/* navigation2 */
.nav2{
	position:absolute;
	top:181px;
	left:4px;
	width:938px;
	overflow: visible;
	z-index: 300;
}
/* signup box2 */
.nav2 .signup{
	float:right;
	margin:7px 5px 0 0;
	display:inline;
}
.nav2 .signup .text{
	float:left;
	background:url(../images/bg-newsletter.gif) no-repeat;
	width:149px;
	margin:1px 4px 0 0;
	padding:5px 3px 3px;
	display:inline;
}
.nav2 .signup .text input{
	float:left;
	width:149px;
	padding:0;
	margin:0;
	border:0;
	background:none;
	font-size:11px;
	line-height:13px;
	color:#8f8f8f;
}
.nav2 .signup .btn-submit{float:left;}

/* dropdowns */
#dropmenu { margin: 0; padding: 0px 30px 0px; width: auto; list-style: none;}
#dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300; width: auto; background:#666666; } 
#dropmenu a {display:block; padding: 11px 30px 11px; color: #FFF; border-right:1px solid #c8c8c8; text-decoration:none; text-transform:uppercase;} 
#dropmenu a:hover {padding: 11px 30px 11px; background-image: url(../images/bg-nav-el.gif); color:#FFF; width: auto;} 
#dropmenu li {float:left; position:relative; font-size:12px} 
#dropmenu ul {position:absolute; display:none; width:283px; top:35px; left:-1px; list-style: none;} 
#dropmenu ul a {border-left:1px solid #c8c8c8; color: #FFF; text-transform:none;}
#dropmenu ul a:hover {padding: 5px 5px 5px 15px; width: 265px; background-color: #666; font-weight: bold;} /* submenu rollover my add on*/
#dropmenu li ul {border-top:1px solid #c8c8c8; width:287px;} 
#dropmenu li ul a {padding: 5px 5px 5px 15px; width:265px; height:auto; float:left; border-bottom:1px solid #c8c8c8; color: #CCC; font-size:10px;} 
#dropmenu li ul a:hover {padding: 5px 5px 5px 15px; width:265px; height:auto; float:left; border-bottom:1px solid #c8c8c8; background-color: ; color: #FFF;} /*mine*/
#dropmenu ul ul {top:auto;} 
#dropmenu li ul ul {top:-1px; left:276px; margin:0px 0 0 10px;} 
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} 
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} 
 
/* test new HFC drop-down menu style */ 
.menu2 {top: 181px; left:4px; width: auto;}
ul.menu2 {list-style:none; margin:0; padding: 0}
ul.menu2 * {margin:0; padding:0}
ul.menu2 a {display:block; color: #FFF; text-decoration:none}
ul.menu2 li {position:relative; float:left; margin-right:1px;}
ul.menu2 ul {position:absolute; top:36px; left:0; background: #666666; width: 200px; display:none; opacity: 0; list-style:none; } 
/* dropped sub menus */
ul.menu2 ul li {position:relative; border:1px solid #666; border-top:none; width: 200px; margin:0} /* dropdown styling */
ul.menu2 ul li a {display:block; padding: 5px 5px 5px 5px; background-color: #CCCCCC} /* sub menu background color */
ul.menu2 ul li a:hover {padding: 5px 5px 5px 15px; background-color: #666666 } /* submenu rollover */
ul.menu2 ul ul {left:200px; top:-1px}
ul.menu2 .menu2link {border: none; padding: 9px 30px 12px; background-image: url(images/bg-nav.gif); background-color: #99CCCC; width: auto} /* default state*/
ul.menu2 .menu2link:hover, .menu2hover {padding: 9px 30px 12px; background-image: url(images/bg-nav-el.gif); background-color: #000; width: auto} /* parent rollover state */
ul.menu2 .sub {background:#CCCCCC url(images/arrow.gif) 190px 10px no-repeat} /* item with arrow */
ul.menu2 .topline {border-top:1px solid #000}
/*end drop-down styling */

/* older main navigation area */
.nav{
	position:absolute;
	top:181px;
	left:4px;
	width:938px;
	overflow:hidden;
}
.nav ul{
	float:left;
	margin: 0;
	padding: 0 0 0 16px;
	list-style:none;
}
.nav ul li{
	float:left;
	font-size:12px;
	line-height:36px;
	text-transform:uppercase;
}
.nav ul li.active{background:url(../images/bg-nav-el.gif) repeat-x;}
.nav ul li.active a{
	background:url(../images/nav-arrow.gif) no-repeat 50% 100% !important;
	padding:0 25px 7px;
}
.nav ul li a{
	float:left;
	padding:0 25px;
	color:#fff;
}
.nav ul li a:hover{
	background:url(../images/bg-nav-el.gif) repeat-x;
	text-decoration:none;
}
/* signup box */
.nav .signup{
	float:right;
	margin:7px 5px 0 0;
	display:inline;
}
.nav .signup .text{
	float:left;
	background:url(../images/bg-newsletter.gif) no-repeat;
	width:149px;
	margin:1px 4px 0 0;
	padding:5px 3px 3px;
	display:inline;
}
.nav .signup .text input{
	float:left;
	width:149px;
	padding:0;
	margin:0;
	border:0;
	background:none;
	font-size:11px;
	line-height:13px;
	color:#8f8f8f;
}
.nav .signup .btn-submit{float:left;}
/* content */
#content{
	width:946px;
	background:url(../images/bg-content.gif) repeat-y;
}
#content:after{
	display:block;
	clear:both;
	content:"";
}
.content-area{
	height:1%;
	background:url(../images/bg-content-bottom.gif) no-repeat 0 100%;
	padding:0 4px 15px;
}
.content-area:after{
	display:block;
	clear:both;
	content:"";
}
/* gallery  box */
.visual{
	width:100%;
	position:relative;
}
.visual:after{
	display:block;
	clear:both;
	content:"";
}
.visual .visual-box{
	width:100%;
	overflow:hidden;
	position:relative;
}
.visual .shadow-t{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.visual .shadow-t span{
	display:block;
	height:24px;
	overflow:hidden;
	background:url(../images/shadow-top.png) no-repeat;
}
.visual .shadow-b{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}
* html .visual .shadow-b{bottom:-1px;}
.visual .shadow-b span{
	display:block;
	height:18px;
	overflow:hidden;
	background:url(../images/shadow-bottom.png) no-repeat;
}
.visual ul{
	width:99999px;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
.visual ul li{
	float:left;
	width:938px;
}
.visual img{display:block;}
/* twitter button */
.visual .social-buttons{
	position:absolute;
	bottom:0;
	left:44px;
	width:600px;
} 
* html .visual .social-buttons{bottom:-1px;}
.visual .social-buttons .btn-social {
	float:left;
	margin:0 0 0 -9px;
	display:inline;
	position:relative;
}
.visual .btn-social .btn-l{
	background:url(../images/btn-twitter-l.png) no-repeat;
	float:left;
	width:10px;
	height:24px;
}
.visual .btn-social .btn-m{
	float:left;
	background:url(../images/btn-twitter-m.png) repeat-x;
	height:24px;
}
.visual .btn-social .btn-r{
	background:url(../images/btn-twitter-r.png) no-repeat;
	float:left;
	width:10px;
	height:24px;
}
.visual .btn-social a{
	font-size:12px;
	line-height:24px;
	color:#f85902;
	text-decoration:underline;
}
.visual .btn-social a:hover{text-decoration:none;}
.visual .btn-social .lnk-twitter{
	background:url(../images/ico-twitter.gif) no-repeat 100% 0;
	padding:14px 29px 0 0;
	position:relative;
}
.visual .btn-social .lnk-facebook{
	background:url(../images/ico-facebook.gif) no-repeat 100% 7px;
	padding:14px 29px 5px 0;
	position:relative;
}
/* donate button */
.btn-donate{
	position:absolute;
	right:-15px;
	bottom:-58px;
}
.btn-donate a{
	display:block;
	width:135px;
	height:135px;
	background:url(../images/btn-donate.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
/* callout area */
.callout{
	width:100%;
	overflow:hidden;
	margin:12px 0 0;
}
.callout .callout-area{
	width:620px;
	float:left;
	background:url(../images/bg-callout.gif) repeat-y;
	margin:0 0 0 11px;
	display:inline;
}
.callout .callout-area .top{background:url(../images/bg-callout-top.gif) no-repeat;}
.callout .callout-area .bottom{
	background:url(../images/bg-callout-bottom.gif) no-repeat 0 100%;
	height:1%;
	overflow:hidden;
	padding:0 0 5px;
}
.callout .callout-area .box{
	width:204px;
	float:left;
	margin:0 4px 0 0;
}
.callout .callout-area .text{
	height:1%;
	overflow:hidden;
	padding:16px 11px 3px 16px;
}
.callout .callout-area .holder{
	width:626px;
	overflow:hidden;
}
.callout .callout-area .box .img{
	width:100%;
	overflow:hidden;
}
.callout .callout-area .box .img img{display:block;}
.callout .callout-area .box h3{
	font-size:19px;
	font-weight:normal;
	margin:0 0 9px;
}
.callout .callout-area .box .title{
	display:block;
	font-size:11px;
	line-height:18px;
	font-weight:normal;
	color:#333;
}
.callout .callout-area .box p{
	font-size:11px;
	line-height:18px;
	color:#333;
	margin:0 0 19px;
}
.callout .callout-area .text .more{width:100%;}
.callout .callout-area .text .more:after{
	display:block;
	clear:both;
	content:"";
}
.callout .callout-area .text .more a{
	float:right;
	width:15px;
	height:16px;
	background:url(../images/bullet-arrow.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.callout .callout-area .text .get-involved a{
	width:114px;
	height:19px;
	background:url(../images/btn-involve.png) no-repeat;
	margin:-3px 0 0;
	position:relative;
}
/* news */
.callout .news{
	width:283px;
	float:right;
	background:#dfeff4;
	margin:0 12px 0 0;
	display:inline;
}
.callout .news .top{background:url(../images/news-top.gif) no-repeat;}
.callout .news .bottom{
	background:url(../images/news-bottom.gif) no-repeat 0 100%;
	height:1%;
	overflow:hidden;
	padding:11px 5px 20px 18px;
}
.callout .news h3{
	font-size:19px;
	line-height:25px;
	color:#1e1b17;
	margin:0 0 14px;
	font-weight:normal;
}
.callout .news ul{
	margin: 0;
	padding: 0;
	list-style:none;
}
.callout .news ul li{
	vertical-align:top;
	font-size:13px;
	font-weight:bold;
	margin:0 0 13px;
}
.callout .news .title{
	font-size:13px;
	line-height:15px;
	color:#ff631f;
}
.callout .news .title a{
	color:#ff631f;
	text-decoration:underline;
}
.callout .news .title a:hover{text-decoration:none;}
.callout .news p{
	font-size:11px;
	line-height:18px;
	margin:0;
	color:#454131;
}
.callout .news .more{
	font-size:13px;
	font-weight:bold;
	color:#ff631f;
	text-decoration:underline;
}
.callout .news .more:hover{text-decoration:none;}
.content-box{
	width:100%;
	overflow:hidden;
}
/* main content block */
.main{
	width:588px;
	float:left;
	margin:27px 0 0 43px;
	display:inline;
}
.content{
	width:100%;
	overflow:hidden;
	padding:10px 0 0;
	border-top:1px solid #e1e1de;
}
.main h2{
	font:28px Arial, Verdana, sans-serif;
	color:#021a1b;
	margin:0 0 12px;
}
/* subscribe area */
.subscribe{
	width:100%;
	overflow:hidden;
	margin:0 0 7px;
}
.subscribe span{
	float:left;
	font-size:12px;
	color:#333;
	margin:0 5px 0 0;
}
.subscribe .icons{
	margin: 0;
	padding: 0;
	list-style:none;
	float:left;
}
.subscribe .icons li{
	float:left;
	margin:0 11px 0 0;
	padding:0;
	background:none;
}
.subscribe img{display:block;}
/* blog box */
.blog-box{
	width:100%;
	overflow:hidden;
	border-top:1px solid #e1e1de;
	padding:19px 0 0;
	margin:0 0 20px;
}
.content h3{
	font-size:18px;
	color:#ff5a00;
	margin:0 0 4px;
}
.content h3 a{color:#ff5a00;}
/* blog date */
.blog-box .date{
	display:block;
	font-size:10px;
	font-style:normal;
	color:#333;
	margin:0 0 20px;
}
.main p{
	font-size:12px;
	line-height:18px;
	color:#333;
	margin:0 0 19px;
}
.main p a{
	color:#ff5a00;
	text-decoration:underline;
}
.main p a:hover{text-decoration:none;}
/* quote */
.main blockquote{
	margin:0;
	font-size:12px;
	line-height:18px;
	font-style:italic;
	color:#2c6166;
	padding:0 0 20px 37px;
}
.main blockquote q{
	quotes: none;
	display:block;
	margin:0 0 16px;
}
.main blockquote q:before{content:"";}
.main blockquote q:after{content:"";}
.main blockquote cite{
	display:block;
	font-style:normal;
	color:#333;
	margin:0 0 0 72px;
}
.main ul{
	margin: 0 0 0 38px;
	padding: 0;
	list-style:none;
}
.main ul li{
	background:url(../images/bullet.gif) no-repeat 0 6px;
	padding:0 0 0 10px;
	font-size:12px;
	line-height:18px;
	color:#333;
	margin:0 0 19px;
}
.main ul li a{color:#ff5a00;}
.blog-box .more{
	width:100%;
	overflow:hidden;
	margin: 0;
	padding: 0;
	list-style:none;
}
.blog-box .more li{
	float:left;
	background:url(../images/separator.gif) no-repeat 0 4px;
	margin:0 0 0 -6px;
	padding:0 10px 0 6px;
	font-size:10px;
	line-height:16px;
}
.blog-box .more li span{
	background:url(../images/ico-comments.gif) no-repeat;
	padding:0 0 6px 18px;
}
.blog-box .more li a{
	color:#ff5a00;
	text-decoration:underline;
}
.blog-box .more li a:hover{text-decoration:none;}
/* get-involved content */
.involved{padding:19px 0 0;}
.involved h3{
	font-size:13px;
	margin:0 0 20px;
}
/* services content */
.services{
	width:100%;
	overflow:hidden;
	padding:19px 0 0;
}
.services .service{
	width:100%;
	overflow:hidden;
}
.services .service .title{
	display:block;
	font-size:12px;
	color:#333;
	margin:0 0 20px;
}
.services .service .title span{
	color:#ff5a00;
	margin:0 0 0 6px;
}
.services .service  span{text-decoration:underline;}
/* last news content */
.l-news{padding:0;}
.l-news-box{
	width:100%;
	overflow:hidden;
	margin:-1px 0 20px;
	border-top:1px solid #e1e1de;
	padding:20px 0 0;
}
.l-news-box h3{margin:0 0 16px;}
.l-news-box .more{
	font-size:12px;
	color:#ff5a00;
	text-decoration:underline;
}
.l-news-box .more:hover{text-decoration:none;}
/* sidebar */
.sidebar{
	width:249px;
	float:right;
	background:url(../images/bg-sidebar.gif) no-repeat;
	padding:12px 0 0;
	min-height:382px;
}
* html .sidebar{height:382px;}
.sidebar .sidebar-area{
	width:100%;
	margin:0 0 74px;
}
.sidebar .sidebar-area:after{
	display:block;
	clear:both;
	content:"";
}
/* sidebar box */
.sidebar .sidebar-box{
	height:1%;
	overflow:hidden;
	padding:13px 0 0 23px;
	margin:0 0 4px;
}
.sidebar .sidebar-box h4{
	font-size:12px;
	color:#ff5a00;
	margin:0 0 23px;
}
.sidebar .sidebar-box ul{
	margin: 0 0 0 19px;
	padding: 0;
	list-style:none;
}
.sidebar .sidebar-box ul li{
	vertical-align:top;
	font-size:11px;
	margin:0 0 5px;
}
.sidebar .sidebar-box ul li a{color:#333;}
/* donate button */
.sidebar .btn-donate-s{
	display:block;
	width:190px;
	height:36px;
	background:url(../images/btn-donate-s.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 0 0 25px;
} 
/* side menu page title */
.sidebar .pagetitle{
	margin-left: 20px;
	margin-bottom: 20px;
	font-size:18px;
	color: #FF6623;
	text-transform: uppercase;
	padding: 5px 5px 5px 5px;
		
}
.sidebar .pagetitle a{
	margin-bottom: 10px;
	font-size:18px;
	color: #FF6623;
	text-transform: uppercase;
	text-decoration:none;
	border-bottom: 3px dotted #D8D8D8;
	padding: 5px 35px 8px 30px;
}
.sidebar .pagetitle a:hover{
	font-size:18px;
	color: #FF6623;
	text-transform: uppercase;
	text-decoration:none;
}
/* side menu */
.sidebar .menu{
	margin: 0;
	padding: 0;
	list-style:none;
}
.sidebar .menu li:first a{
	text-transform: uppercase;
}
.sidebar .menu li{
	font-size:13px;
	height: 45px;
	line-height:45px;
	padding:0 0 0 46px;
	margin:-5px 0 0 -21px;
	position:relative;
	text-transform: none;
}
.sidebar .menu li.active{background:url(../images/menu-active.gif) no-repeat;}
.sidebar .menu li a{color:#2c6166;}
.sidebar .menu li.active a,
.sidebar .menu li a:hover{
	color:#ff6623;
	text-decoration:none;
}
/* footer */
#footer{
	width:100%;
	overflow:hidden;
	padding:26px 0 0;
}
#footer ul{
	margin: 0 0 12px;
	padding: 0;
	list-style:none;
	text-align:center;
}
#footer ul li{
	display:inline;
	font:11px Arial, Verdana, sans-serif;
	color:#585858;
	background:url(../images/separator.gif) no-repeat 0 3px;
	padding:0 5px 0 11px;
}
#footer ul li a{color:#585858;}
#footer ul li:first-child{
	padding-left:0;
	background:none;
}
/* salesforce_ad */
.salesforce_ad{
	position: absolute; 
	top: 76em; 
	left: 17px;
}