/*=== CSS RESET
==================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
	
:focus {
	outline: 0;
	}
	
body {
	line-height: 1;
	color: #333;
	background-color: #fff;
	}
	
ol, ul {
	list-style: none;
	}
	
table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
	
blockquote, q {
	quotes: "" "";
	}
	
a {
	text-decoration: none;
	color: #0099CC;
	}	

a:hover {
	text-decoration: underline;
	color: #003C4F;
	}	
	
p strong {
	font-weight: bold;
	}

/*=== FOUNDATION
==================================================*/

html { 
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%;
	}
	
body {
	text-align : center;
	font-size: 1em;
	}
	

h2 {
	font-size: 2.2em;
	line-height: 1.4;
	}
	
h3 {
	font-size: 1.8em;
	line-height: 1.4;
	}	
h4 {
	font-size: 1.4em;
	line-height: 1.4;
	}
	
h5 {
	font-size: 1.2em;
	line-height: 1.4;
	}	

p {
	font-size: 1.1em;
	line-height: 1.4;
	}	
	
.learnMore {
	text-transform: uppercase;
	color: #0099cc;
}	
	

/*=== BANNER
==================================================*/

.bannerContainer {
	width: 100%;
	background: url(../images/bkgd_banner2.jpg) repeat-x center top;
	}
	
.banner {
	width: 940px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	background: url(../images/bkgd_banner.jpg) repeat-x center top;
	text-align: left;
	}	

.title {
	padding: 48px 0 40px 70px;
	background: url(../images/bkgd_title_icon.gif) no-repeat 0px 30px;
	}

.title h1 {
	font-size: 2.2em;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	}	

.title h1 a:hover {
	text-decoration: none;
	}
	
.title span {
	display: block;
	padding-top: 6px;
	font-size: .9em;
	line-height: 1;
	}		

/*=== GLOBAL NAV
==================================================*/

.globalNav {
	position: absolute;
	top: 30px;
	right: 20px;
	}

.globalNav li {
	float: left;
	padding: 0 0 0 10px;
	font-size: 1em;
	line-height: 1;
	text-transform: uppercase;
	}

.globalNav li a {
	display: block;
	margin: 5px 0 0 0;
	padding: 0 15px 5px 0;
	background: url(../images/bkgd_globalNav_arrow.jpg) no-repeat right 3px;
	color: #000;
	}
	
.globalNav #searchform label {
	display: block;
	float: left;
	padding: 5px 9px 0 0;
	}	
	
.globalNav #searchform div {
	display: block;
	float: left;
	}		


/*=== MAIN NAV
==================================================*/

/*
.mainNav {
	
	}
*/

.mainNav li {
	float: left;
	font-size: 1em;
	}

/*
.mainNav li.aboutUs {

	}
*/
	
.mainNav li.profiles {
	margin-left: 14px;
	}
	
.mainNav li.getInvolved {
	margin-left: 11px;
	}
	
.mainNav li.newsEvents {
	margin-left: 11px;
	}
	
.mainNav li.resources {
	margin-left: 11px;
	}
	
.mainNav li.donate {
	float: right;
	}

.mainNav li a {
	display: block;
	padding: 8px 16px 7px 22px;
	text-transform: uppercase;
	color: #000;
	}

.mainNav li a:hover {
	text-decoration: none;
	color: #0099cc;
	}

.mainNav li.active a {
	color: #0099cc;
	}

/*=== CONTENT
==================================================*/

.container {
	width: 940px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: left;
/*
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
*/
	}	

.horizontal-nav{
	display:block;
	width: auto;
	height: 11px;
	margin:30px -20px;
}
.horizontal-nav li{
	float:left;
	min-width: 10px;
	_width: 10px;
	font-size: 10px;
	padding: 0 20px;
	border-right: 1px solid #000;
	text-transform: uppercase;
}

.horizontal-nav li .active{
	color: #0099CC;
}

#content .lastNav{
	border-right: 0;
}

.narrowcolumn {
	float: left;
	width: 675px;
	padding: 30px 0 10px;
	}
.narrowcolumn .image-header{
	width: 675px;
	height: 100px;
}
.narrowcolumn h2 {
	padding: 0 0 20px 0;
	font-size: 2.2em;
	line-height: 1.2;
	font-weight: normal;
	text-transform: capitalize;
	}

.narrowcolumn h3 {
	font-size: 1.8em;
	line-height: 1.3;
	text-transform: capitalize;	
	}

.narrowcolumn small {
	font-size: 1.1em;
	line-height: 1.5;
	font-weight: bold;
	}

.narrowcolumn .entry{
	padding-bottom: 20px;
	}

.narrowcolumn .entry p {
	font-size: 1.2em;
	line-height: 1.4;
	padding-bottom: 10px;
	}
	
.narrowcolumn .entry .readMore {
	text-align: right;
} 

.narrowcolumn .entry .readMore a {
	color: blue;
	}	

/*=== PROFILES SECTION: PROFILES
==================================================*/	

.homeFlashSlideshow {
	padding: 150px;
	padding: 25px 0 0;
	text-align: center;
	}

.homepage h2 {
	padding-top: 25px;
	}
	
.homeDashboard {
	padding: 20px 0 0;
	}

.homeDashboard li {
	float: left;
	width: 185px;
	margin-left: 20px;
	padding: 20px 20px 85px 95px;
	}
	
.homeDashboard .didYouKnow {
	margin-left: 0;
	background: url(../images/bkgd_did_you_know.jpg) no-repeat left top;
	}
	
.homeDashboard .upcomingEvents {
	background: url(../images/bkgd_upcoming_events.jpg) no-repeat left top;
	}
	
.homeDashboard .donate {
	background: url(../images/bkgd_donate.jpg) no-repeat left top;
	}		
	
.homeDashboard h3 {
	padding-bottom: 3px;
	}
	
.homeDashboard p {
	line-height: 1.3;
	}		
	
/*=== PROFILES SECTION: PROFILES
==================================================*/	

.profilesNav {
	padding: 10px;
	}

.profilesNav li {
	float: left;
	}

.profilesNav li a {
	display:block;
	padding: 10px 30px;
	font-size: 1.4em;
	line-height: 1.1;
	background-color: #ccc;
	}

.profilesNav li.active a {
	font-weight: bold;
	background-color: #aaa;
	}

.profilesContentHolder {
	margin: 0px;
	}

.profileGallery {
	padding: 10px 0;
	}
	
.profileGallery li{
	float: left;
	padding: 10px;
	width: 84px;
	height: 150px;
	margin: 0 14px 0 0;
	background: url(../images/profile-bg.gif) 0 0 no-repeat;
	text-align: center;
	font-size:11px;
	}
	
.profileGallery li a {
	display: block;
	text-align: center;
	color: #0099cc;
	}	
	
.profileGallery li a img {
	display: block;
	margin: 6px 0 34px 6px;
	width: 72px;
	height: 76px;
	}		
	
.profileGallery li a:hover {
	text-decoration: none;
	}					
	
.photoStackLink {
	width:305px;
	height:144px;
}
.photoStackLink a {
	background:#FFFFFF url(../images/profiles_photostack.jpg) no-repeat scroll 0 0;
	display:block;
	width:305px;
	height:144px;
	color:#09C;
}
.photoStackLink span{
	margin: 70px 0 0 144px;
	display:block;
	float:left;
}
#gallery {
	margin:0 0 0 -12px;
}

/*=== SUPPORTERS: SUPPORTERS LIST
==================================================*/
#newsHighlight img{
	border: 1px solid #b2b3b6;
	padding:3px;
	float:left;
}
#newsHighlight #content{
	float:left;
	padding:0 0 0 20px;
	width:505px;
}


/*=== SUPPORTERS: SUPPORTERS LIST
==================================================*/
#supportersList{
	width:705px;
	padding: 20px 0 0 0;
}

#supportersList h3{
	font-size:11px;
	clear:left;
}
#supportersList li{
	float:left;
	padding: 6px 36px 30px 0;
}


/*=== CONTENT: SIDE BAR
==================================================*/

.sideCol {
	float: right;
	width: 225px;
	padding: 30px 0;
	}
	
.sideCol  h2 {
	font-size: 1.2em;
	line-height: 1.2;
	font-weight: bold;
	margin:0 0 10px 0;
	padding: 0;
	}	
	
#recent-news  h2 {
	text-transform: uppercase;
	}	
	
#recent-news ul{
	margin-bottom: 30px;
}
#recent-news li h3{
	font-size: 1em;
}
#recent-news li a{
	display: block;
	padding-bottom: 10px;
	color: #0099cc;
}
.promo-banner{
	padding-left: 83px;
	padding-right: 10px;
	padding-top: 30px;
	padding-bottom: 10px;
	height: 123px;
	margin-bottom: 10px;
}
.sideCol #howToGive{
	background: url(../images/promo-give.jpg) 0 0 no-repeat;
}
.sideCol #sponsorship{
	background: url(../images/promo-sponsor.jpg) 0 0 no-repeat;
}
.sideCol #dyk{
	background: url(../images/promo-dyk.jpg) 0 0 no-repeat;
}
.sideCol #emailFriend{
	background: url(../images/promo-email.jpg) 0 0 no-repeat;
}
.promo-banner h2 {
	font-size: 1.8em;
}
.promo-banner h2 a{
	margin: 0 0 0 -5px;
}

.promo-banner p{
	margin: 20px 0pt 0px -70px;
}

.promo-banner p.howtogive{
	margin: 35px 0pt 0px -70px;
}

.promo-banner a{
	margin: 20px 0pt 0px -70px;
}
/*=== CONTENT: SITE MAP
==================================================*/
#siteMap{
	height:80px;
	padding: 20px 0 20px 0;
	border-top: 1px solid #b2b3b6;
	border-bottom: 1px solid #b2b3b6;
}
#siteMap ul{
	list-style: disc url(../images/bullet.gif) inside;
	float: left;
	font-size: 11px;
	margin-right: 50px;
}
#siteMap #lastColumn {
	margin-right:0px;
}
#siteMap ul h3{
	font-size:11px;
	font-weight:bold;
}
#siteMap ul li{
	padding-top:4px;
}
#siteMap ul li a{
	color:#09C;
}
#sitemapFooterNav{
	margin-top: 20px;
}
#sitemapFooterNav ul li{
	float:left;
	padding-right:10px;
	border-right:1px solid #333333;
	margin-right: 10px;
}

/*=== FOOTER
==================================================*/

.footer {
	width: 940px;
	margin: 0 auto;
	padding: 0 20px 40px;
	}
	
.footer .contactInfo li {
	float: left;
	padding: 0 10px 0 0;
	font-size: 1em;
	line-height: 1.4;
	}

/*=== MODAL WINDOW
==================================================*/	

.modalWindow {
	width: 416px;
	height: 288px;
	position: absolute;
	left: 50%;
	top: 438px;
	margin: 0 0 0 -361px
	display: block;
	z-index: 10000;
	padding: 25px 20px;
	display: none;
	background: url(../images/modal-bg.png) 0 0 no-repeat;
	_background: red;
	margin-left: -410px;
	}
	
.modalWindow .modalEnd {
	display: block;
	position: absolute;
	top: -11px;
	right: -5px;
	width: 50px;
	height: 0;
	padding-top:10px;
	overflow: hidden;
	}	
	
.modalContent {
	position: relative;
	padding-left:155px;
	text-align: left;
}
.modalContent img{
	position: absolute;
	left: 0;
	top: 0;
}
.modalContent h2{
	font-size: 1.8em;
	margin: 0;
	padding: 0 0 14px 0;
}
.modalContent h3{
	font-size: 1.1em;
}
.modalContent h4{
	font-size: 1.1em;
	padding-bottom: 10px;
}
.modalContent .scrollable-area{
	height: 200px;
	overflow: auto;
}
.modalContent .sociable{
	display: none !important;
}



	


/*=== HOLLY HACK
==================================================*/

.container:after,
.globalNav:after,
.globalNav #searchform:after,
.mainNav:after,
.contentContainer:after,
.footer .contactInfo:after,
.homeDashboard:after,
.profilesNav:after,
.profileGallery:after {
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
	}

* HTML .container,
* HTML .globalNav,
* HTML .globalNav #searchform,
* HTML .mainNav,
* HTML .contentContainer,
* HTML .footer .contactInfo,
* HTML .homeDashboard,
* HTML .profilesNav,
* HTML .profileGallery {
	height: 1%;
	}	

*+HTML .container,
*+HTML .globalNav,
*+HTML .globalNav #searchform,
*+HTML .mainNav,
*+HTML .contentContainer,
*+HTML .footer .contactInfo,
*+HTML .homeDashboard,
*+HTML .profilesNav,
*+HTML .profileGallery {
	zoom: 1;
	}