body { behavior:url("hoverfix.htc"); }

/**************************************
* Typography
**************************************/

h1, h2, h3 { font-family: Verdana, Arial, Helvetica; font-weight: bold; }

h1 {
	height: 39px;
	margin-bottom: 24px;
	overflow: hidden;
	text-indent: -5000px;
	width: 330px;
}

h2 { color: #ffffff; font-size: 14px; margin-bottom: 22px; }

body, div, p, li { color: #dddddd; font-family: Verdana, Arial, Helvetica; font-size: 12px; }

p { line-height: 20px; margin-bottom: 22px; }

#content li {
	color: #ffffff;
	line-height: 24px;
	margin-left: 4px;
	padding-left: 12px;
}

a {
	color: #d6e2ee;
	text-decoration: underline;
}

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

/**************************************
* Layout
**************************************/

body {
	background: url(../images/background.jpg) #6f788c no-repeat top center;
}

#container {
	margin: 0 auto;
	width: 760px;
}

#header {
	height: 226px;
	position: relative;
	width: 100%;
}

#content {
	float: left;
	margin-top: 10px;
	width: 495px;
}

#sidebar {
	border-left: 1px solid #848c9d;
	float: right;
	margin-top: 10px;
	padding-left: 10px;
	width: 242px;
}

#footer {
	clear: both;
	height: 48px;
	margin: 0 auto;
	padding-top: 24px;
	width: 532px;
}

/**************************************
* Branding Elements
**************************************/

#header-title {
	height: 128px;
	left: 0;
	position: absolute;
	top: 20px;
	width: 275px;
}

#header-title a {
	background: url(../images/logo.png) no-repeat top left;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

* html #header-title a {
	position:relative;

	    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",

	        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",

	        this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),

	        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",

	        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)

	    );
}

#header-subtitle {
	background: url(../images/a-west-texas-without-hunger.gif) no-repeat top left;
	height: 118px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -5000px;
	top: 40px;
	width: 388px;
}

/**************************************
* Agency Login
**************************************/

#agency-login {
	height: 31px;
	position: absolute;
	right: 0;
	top: 0;
	width: 107px;
}

#agency-login a {
	background: url(../images/agency-login.gif) no-repeat top left;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

/**************************************
* Navigation
**************************************/

#header-navigation {
	position: absolute;
	top: 174px;
	left: 0px;
	z-index: 99;
}

#header-navigation li {
	float: left;
	height: 37px;
	padding: 0 3px;
	position: relative;
}

#header-navigation li a {
	display: block;
	height: 33px;
	overflow: hidden;
	text-indent: -5000px;
}

#header-navigation li.home a { background: url(../images/nav-home.gif) no-repeat top left; width: 40px; }
#header-navigation li.about a { background: url(../images/nav-about.gif) no-repeat top left; width: 63px; }
#header-navigation li.programs a { background: url(../images/nav-programs.gif) no-repeat top left; width: 85px; }
#header-navigation li.donations a { background: url(../images/nav-donations.gif) no-repeat top left; width: 88px; }
#header-navigation li.events a { background: url(../images/nav-events.gif) no-repeat top left; width: 66px; }
#header-navigation li.photos a { background: url(../images/nav-photos.gif) no-repeat top left; width: 66px; }
#header-navigation li.media a { background: url(../images/nav-media.gif) no-repeat top left; width: 66px; }
#header-navigation li.jobs a { background: url(../images/nav-jobs.gif) no-repeat top left; width: 47px; }
#header-navigation li.agencies a { background: url(../images/nav-agencies.gif) no-repeat top left; width: 77px; }
#header-navigation li.contact a { background: url(../images/nav-contact.gif) no-repeat top left; width: 74px; }

#header-navigation li:hover a {
	background-position: 0 -74px;
}

#header-navigation li a.current {
	background-position: 0 -74px;
}

#header-navigation li ul {
	display: none;
	left: 0;
	padding-top: 3px;
	position: absolute;
	top: 37px;
	z-index: 9999;
}

#header-navigation li:hover ul {
	display: block;
}

#header-navigation li:hover ul li {
	float: none;
	height: 27px;
	margin-bottom: 2px;
	width: 170px;
}

#header-navigation li:hover ul li a {
	background: #222222;
	color: #ffffff;
	font-family: Arial;
	font-size: 11px;
	height: 11px;
	overflow: visible;
	padding: 8px;
	text-decoration: none;
	text-indent: 0;
	width: 170px;
}

#header-navigation li:hover ul li a:hover {
	background: #6b1e23;
}

/**************************************
* Section Banner
**************************************/

#section-banner {
	float: left;
}

#section-banner img {
	    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",

	        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",

	        this.src = "/images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),

	        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",

	        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)

	    );
}

/**************************************
* How To Help Box
**************************************/

#how-to-help {
	background: url(../images/how-to-help-placeholder.gif) no-repeat top left;
	float: right;
	height: 207px;
	width: 311px;
}

#how-to-help h2 {
	display: none;
}

#how-to-help p {
	height: 100%;
	width: 100%;
}

#how-to-help a {
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

/**************************************
* Sidebar Content
**************************************/

#sidebar .section {
	clear: both;
	float: left;
	margin-bottom: 26px;
	width: 100%;
}

#sidebar .section h2 {
	margin-bottom: 26px;
}

#sidebar .section p {
	margin-bottom: 4px;
}

#sidebar .highlighted {
	background: url(../images/sidebar-section-bg.gif) repeat-y top center;
}

#sidebar .highlighted .top {
	background: url(../images/sidebar-section-top.gif) no-repeat top center;
	height: 20px;
	margin-bottom: 8px;
	width: 100%;
}

#sidebar .highlighted .bottom {
	background: url(../images/sidebar-section-bottom.gif) no-repeat bottom center;
	height: 13px;
	margin-top: 8px;
	width: 100%;
}

#sidebar .highlightedBlue {
	background: url(../images/sidebar-section-bg-blue.gif) repeat-y top center;
}

#sidebar .highlightedBlue .top {
	background: url(../images/sidebar-section-top-blue.gif) no-repeat top center;
	height: 20px;
	margin-bottom: 8px;
	width: 100%;
}

#sidebar .highlightedBlue .bottom {
	background: url(../images/sidebar-section-bottom-blue.gif) no-repeat bottom center;
	height: 13px;
	margin-top: 8px;
	width: 100%;
}



/**************************************
* Did You Know - Sidebar
**************************************/

#sidebar-did-you-know h2 {
	background: url(../images/heading-did-you-know.gif) no-repeat top left;
	height: 102px;
	overflow: hidden;
	text-indent: -5000px;
	width: 242px;
}

/**************************************
* Upcoming Events - Sidebar
**************************************/

#sidebar-upcoming-events h2 {
	background: url(../images/heading-upcoming-events.gif) no-repeat top center;
	height: 24px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -5000px;
	width: 242px;
}



#sidebar-upcoming-events h3,
#sidebar-upcoming-events h3 a {
	color: #dddddd;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin: 0 12px;
}

#sidebar-upcoming-events h3 a:hover {
	text-decoration: underline;
}

#sidebar-upcoming-events h4 {
	color: #b7b7b7;
	font-size: 11px;
	margin-bottom: 16px;
	text-align: center;
	margin: 0 12px;
}

#sidebar-upcoming-events .more,
#sidebar-upcoming-events .more a {
	color: #dddddd;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
}

#sidebar-upcoming-events .more a:hover {
	text-decoration: underline;
}

/**************************************
* News Update - Sidebar
**************************************/

#sidebar-news-update h2 {
	background: url(../images/heading-news-update.gif) no-repeat top center;
	height: 24px;
	margin: 0 auto;
	margin-bottom: 8px !important;
	overflow: hidden;
	text-indent: -5000px;
	width: 242px;
}

#sidebar-news-update dl {
	text-align: left;
	margin: 0 20px;
}

#sidebar-news-update dt,
#sidebar-news-update dt a {
	color: #dddddd;
	font-weight: bold;
	text-decoration: none;
}

#sidebar-news-update dt a:hover {
	text-decoration: underline;
}

#sidebar-news-update dd {
	color: #b7b7b7;
	font-size: 11px;
	margin-bottom: 8px;
}

#sidebar-news-update p {
	font-size: 11px;
	line-height: 13px;
	margin: 0 20px;
}

#sidebar-news-update .more,
#sidebar-news-update .more a {
	color: #dddddd;
	font-size: 11px;
	font-weight: bold;
	margin-top: 8px;
	text-align: left;
	text-decoration: none;
	text-transform: lowercase;
}

#sidebar-news-update .more a:hover {
	text-decoration: underline;
}

/**************************************
* Get In Touch - Sidebar
**************************************/

#sidebar-get-in-touch h2 {
	background: url(../images/heading-get-in-touch.gif) no-repeat top left;
	height: 102px;
	overflow: hidden;
	text-indent: -5000px;
	width: 242px;
}

#sidebar-get-in-touch .vcard .org {
	display: none;
}

#sidebar-get-in-touch #address-1 .org {
	background: url(../images/logo-small.gif);
	display: block;
	height: 59px;
	margin: 0 auto 26px auto;
	overflow: hidden;
	text-indent: -5000px;
	width: 172px;
}

#sidebar-get-in-touch .vcard {
	margin-bottom: 24px;
	text-align: center;
}

#sidebar-get-in-touch .vcard p {
	line-height: 16px;
	margin-bottom: 0;
}

#sidebar-get-in-touch .vcard p.city-name {
	font-weight: bold;
	margin-bottom: 12px;
}

#sidebar-get-in-touch .vcard .street-address {
	display: block;
}

#sidebar-get-in-touch .vcard .post-office-box {
	display: block;
}

#sidebar-get-in-touch .vcard .type {
	font-weight: bold;
}

/**************************************
* Newsletter Signup
**************************************/

#newsletter-signup {
	text-align: center;
}

#newsletter-signup label {
	background: url(../images/heading-newsletter-signup.gif) no-repeat top left;
	display: block;
	height: 19px;
	margin-bottom: 12px;
	overflow: hidden;
	text-indent: -5000px;
	width: 242px;
}

#newsletter-signup input {
	border: 1px solid #000000;
	font-size: 11px;
	padding: 6px 0 5px 0;
	text-align: center;
	width: 183px;
}

#newsletter-signup button {
	background: none;
	border: 0;
	margin-top: 12px;
}

/**************************************
* Footer Copyright and Developer
**************************************/

#footer-copyright {
	background: url(../images/star.gif) no-repeat center right;
	color: #cccccc;
	float: left;
	font-size: 11px;
	padding: 3px 30px 4px 0;
}

#footer-developer {
	background: url(../images/impulse-development-logo.gif) no-repeat center right;
	color: #cccccc;
	float: left;
	font-size: 11px;
	padding: 3px 30px 4px 15px;
}

#footer-developer a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#footer-developer a:hover {
	text-decoration: underline;
}

/**************************************
* Random Styles
**************************************/

.meta {
	color: #abbed0;
	font-size: 11px;
}

/**************************************
* Our Agencies Box
**************************************/

#our-agencies-box {
	background: url(../images/our-agencies-background.gif) no-repeat top left;
	height: 90px;
	margin-bottom: 20px;
	padding-top: 75px;
	position: relative;
	width: 495px;
}

#our-agencies-box h2 {
	display: none;
}

#our-agencies-box ul {
	text-align: center;
}

#our-agencies-box ul li {
	background: url(../images/red-bullet.gif) no-repeat right;
	color: #6b1e23;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	padding: 0 16px 0 0;
}

#our-agencies-box ul li.last {
	background: none;
}

#our-agencies-box a {
	color: #6b1e23;
	font-size: 12px;
	font-weight: bold;
}

#our-agencies-box a:hover {
	text-decoration: none;
}

#our-agencies-list h2 {
	font-size: 12px;
}

#our-agencies-list ul{
	clear: both;
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

#our-agencies-list li {
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 49%;
}

.psa-video {
	margin: 8px 0 20px 0;
}