/************* Wireframe Layout *************/
body
{
	margin: 0;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:url(/templates/crisis-center/images/body-bg.jpg) repeat top left;
}

.container
{
	background: #FFF url(/templates/crisis-center/images/content-container-bg.jpg) top left repeat-y;	
}

#header
{
	background: url(/templates/crisis-center/images/header-bg.jpg) top left no-repeat;
	height: 150px;
}

#footer
{
	background: #FFF url(/templates/crisis-center/images/footer-bg.jpg) top left repeat-y;		
}

#cta-container, #buttons
{
	height: 295px;
	margin-bottom: 10px;
}

#buttons a
{
	display: block;
	height: 91px;
	text-indent: -9009px;
	margin-bottom: 9px;
}

#buttons a.cta-online-resource
{
	background: url(/templates/crisis-center/images/cta-home-online-resource.jpg) top left no-repeat;
}

#buttons a.cta-get-involved
{
	background: url(/templates/crisis-center/images/cta-home-get-involved.jpg) top left no-repeat;
}

#buttons a.cta-donate-now
{
	background: url(/templates/crisis-center/images/cta-home-donate-now.jpg) top left no-repeat;
}

#buttons a:hover
{
	background-position: 0 -91px;
}

#buttons a.last
{
	margin-bottom: 0;	
}

/*********** Rotating Banner *******/

#banner
{
	position: relative;
	text-align: right;
	width: 935px;
	z-index: 1000;
}

#banner img
{
	border: 5px solid #84A5BF;
	line-height: 1
}

#banner img:hover
{
	border: 5px solid #4480AE;
}

#nav-banner
{
	margin-top: -40px;
	position: relative;
	z-index: 1200;
	text-align: right;
}

#nav-banner a {
	background: url(/templates/crisis-center/images/home-rotator-nav.png);
	display: block;
	color: #FFF;
	height: 21px;
	float: left;
	font-size:1.2em;
	margin: 0 0 0 5px;
	padding-top: 3px;
	text-decoration:none;
	text-align: center;
	width: 24px;
}

#nav-banner a.activeSlide, #nav-banner a:hover {
	background: url(/templates/crisis-center/images/home-rotator-nav-current.png);
	color:#FFFFFF;
	text-decoration:none;
}


#buttons a
{
	display: block;
}

#content-container
{
	padding-bottom: 20px;	
}


#content,#items
{
	padding-bottom: 10px;
}



/************** Nav Main ****************/
#nav-main
{
	background: url(/templates/crisis-center/images/nav-main-bg.jpg) top left no-repeat;
	height: 90px;	
	font-size: 1.5em;	
}

#nav-main ul, #nav-footer ul
{
	list-style: none;
	margin: 0;
}


#nav-main ul, #nav-main li
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav-main li
{
	height: 90px;	
	float: left;	
}


#nav-main li a
{
	display: block;
	background: url(/templates/crisis-center/images/nav-main-bg.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	height: 90px;
	text-indent: -9009px;
}

#nav-main li.sib-1 a
{
	background-position: -25px 0px;
	width: 82px;
}

#nav-main li.sib-1 a:hover, #nav-main li.sib-1 a.menu-current
{
	background-position: -25px -90px;
}

#nav-main li.sib-2 a
{
	background-position: -107px 0px;
	width: 132px;
}

#nav-main li.sib-2 a:hover
{
	background-position: -107px -90px;
}

#nav-main li.sib-3 a
{
	background-position: -239px 0px;
	width: 140px;
}

#nav-main li.sib-3 a:hover
{
	background-position: -239px -90px;
}

#nav-main li.sib-4 a
{
	background-position: -379px 0px;
	width: 186px;
}

#nav-main li.sib-4 a:hover
{
	background-position: -379px -90px;
}

#nav-main li.sib-5 a
{
	background-position: -565px 0px;
	width: 156px;
}

#nav-main li.sib-5 a:hover
{
	background-position: -565px -90px;
}

#nav-main li.sib-6 a
{
	background-position: -721px 0px;
	width: 238px;
}

#nav-main li.sib-6 a:hover
{
	background-position: -721px -90px;
}

/*************  News & Events  ****************/

a.all-news
{
	margin-top: 3px;
	margin-right: 2px;
}

.post-block
{
	margin-bottom: 20px;	
}

.news-post
{
	background: url(/templates/crisis-center/images/icon-post-news.jpg) top center no-repeat;
}

.event-post
{
	background: url(/templates/crisis-center/images/icon-post-event.jpg) top center no-repeat;
}

.date-container p.date, .date-container p.month
{
	text-align: center;
	margin: 0;
}

.date-container p.date
{
	font-size: 1.8em;
	font-weight: bold;
	margin-top: -3px;
}

.date-container .date a, .date-container .month a
{
	color: #FFF;
	display: block;
	text-decoration: none;
}

.date-container .month a
{
	padding-top: 22px;	
}

.date-container .date a
{
	color: #333;	
	padding-top: 2px;
	padding-bottom: 5px;
}

h3.title a
{
	text-decoration: none;
	color: #333;
}

h3.title a:hover
{
	text-decoration: underline;
	color: #333;
}


#content
{
	background: url(/templates/crisis-center/images/home-content-bg.jpg) bottom left no-repeat;
	margin-bottom: 10px;
}

#content h2, #news-container h2
{
	font-size: 2.4em;
	line-height: 1.2;
	margin-bottom: 5px;
}

#news-container h2
{
	margin-bottom: 10px;	
}

#news-container h2 a
{
	color: #434343;
	text-decoration: none;
}

#news-container h2 a:hover
{
	color: #434343;
	text-decoration: underline;
}


#items-top
{
	background: url(/templates/crisis-center/images/nav-side-top-bg.jpg) top left no-repeat;
	height: 147px;
	margin-bottom: -147px;
}

#items-container
{
	background: url(/templates/crisis-center/images/nav-side-bg.jpg) bottom right no-repeat;
	margin-bottom: 15px;
}

#items
{
	padding-top: 15px;	
}

#items h2
{
	font-size: 1.8em;	
}

/**************  Footer  *****************/ 
#footer-top
{
	height: 8px;
	background:url(/templates/crisis-center/images/footer-top-bg.jpg) top left no-repeat;
}

#footer
{
	margin-bottom: -15px;
}	


#nav-footer
{
	margin-top: -8px;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #4592C3;
}

#footer ul ul
{
	padding-top: 0;
}

#footer li
{
	margin: 0;
	color: #A0C2D8;
	line-height: 1.1;
	margin-bottom: 7px;
	font-size: 1.3em;	
}

#footer li li
{
	font-size: 1.0em;	
}

#footer p
{
	color: #FFF;

}
#address p.title
{
	margin-top: 15px;
	border-bottom: 1px solid #4592C3;
	padding-bottom: 3px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.1;
}

#address p.address
{
	color: #FFF;
	font-size: 1.3em;
	border-bottom: 1px solid #4592C3;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#footer a
{
	color: #A0C2D8;
	text-decoration: none;
}

#footer li a:hover
{
	color: #A0C2D8;
	text-decoration: underline;
}

#footer li.menu-0 > a
{
	color: #FFF;
	border-bottom: 1px solid #4592C3;
	display: block;
	margin: 15px 0 10px 0;
	padding-bottom: 3px;
}

#footer li.menu-0 > a:hover
{
	text-decoration: none;
}


#footer li.facebook a
{
	display: block;
	padding: 5px 0 5px 24px;
	background: url(/templates/crisis-center/images/social-facebook.gif) center left no-repeat;
}

#footer li.twitter a
{
	display: block;
	padding: 5px 0 5px 24px;
	background: url(/templates/crisis-center/images/social-twitter.gif) center left no-repeat;
}

#footer li.newsletter a
{
	display: block;
	padding: 0 0 0 24px;
	background: url(/templates/crisis-center/images/social-enews.gif) center left no-repeat;
}


a.logo-united-way
{
	background: url(/templates/crisis-center/images/logo-united-way.jpg) no-repeat top left;
	display: block;
	width: 170px;
	height: 85px;
	text-indent: -9009px;
}

a.logo-united-way:hover
{
	background-position: 0 -85px;
}

#small-dot p, #copyright p
{
	font-size: 1.3em;
}	


#small-dot a
{
	text-decoration: underline;	
}

#small-dot a:hover
{
	text-decoration: none;	
}

#legal p
{
	color: #A0C2D8;
	font-size: 1.1em;
	margin-top: 15px;
}

/************* Signup Form *************/
form#mc-embedded-subscribe-form
{
	background: #F1F6FA url(/templates/crisis-center/images/home-signup-top.gif) no-repeat top left;
	padding: 10px 15px 0 15px;
}

#mc_embed_signup_bottom
{
	background: #F1F6FA url(/templates/crisis-center/images/home-signup-bottom.gif) no-repeat bottom left;
	padding-top: 10px;
}

form#mc-embedded-subscribe-form fieldset
{
	border: none;
	padding: 0;
}

form#mc-embedded-subscribe-form input
{
	margin-top: 10px;
	padding: 3px 2px;
}

form#mc-embedded-subscribe-form input.idleField
{
	color: #999;	
}


form#mc-embedded-subscribe-form input.focusField
{
	color: #000;	
}

div.mce_inline_error
{
	font-size: 13px;
	color:#900;
}

form#mc-embedded-subscribe-form h2
{
	font-size: 1.8em;
	margin-bottom: 0;
}


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

p, li, h2, h3, h4 { color: #434343; }
h2{ font-size: 2.0em; font-weight:bold; }
h3{ font-size: 1.7em; font-weight:bold; margin-bottom: 0;}
h4,h5,h6{ font-size: 1.3em; font-weight:bold; margin-bottom: 0;}
p, li{ font-size: 1.4em; }
li { margin-bottom: 5px; }

a{ color: #61b720;}
a:hover{ text-decoration:none; color: #61b720;}

h3.post-title a {  color: #434343; text-decoration: none;}
h3.post-title a:hover { color: #434343; text-decoration: underline;}