/************* 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;
}

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

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

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


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

#header #chat a { display: block; height: 38px; width: 135px; background: url(/templates/crisis-center/images/icon-crisis-chat.png); text-indent: -9009px; text-align: left; margin-left: 230px; margin-top: 10px;}
#header #chat a:hover { background-position: 0 -38px; }



/************** 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, #nav-main li.sib-1 a.menu-parent
{
	background-position: -25px -90px;
}

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

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

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

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

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

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

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

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

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

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


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

#nav-side-container
{
	background: url(/templates/crisis-center/images/nav-side-bg2.jpg) bottom left no-repeat;	
}

#nav-side
{
	padding: 15px 0;	
}

#nav-side li.menu-1 > a, #nav-side li.menu-1 > p
{
	font-weight: bold;
}

#nav-side li
{
	font-size: 1.5em;
	margin-bottom: 0;
	line-height: 1;
}

#nav-side li li
{
	font-size: .9333em;	
	margin: 0;	
}


#nav-side li a, #nav-side li p
{
	padding: 0 10px;
	display: block;
	margin-bottom: 0;
	margin-left: 10px;
	font-size: 1.0em;
	height: 25px;
	line-height: 1;
	padding-top: 9px;
}

#nav-side li p, #nav-side li a:hover
{
	background: url(/templates/crisis-center/images/nav-side-current-bg.png) center left no-repeat;
	color: #FFF;
}

#nav-side li p.title
{
	background: none;
	color: #000;
}

#nav-side li li p, #nav-side li li a
{
	height: 25px;
	padding-top: 10px;
	padding-left: 17px;
}

#nav-side li li li p, #nav-side li li li a
{
	padding-left: 27px;
}

#nav-side a
{
	color: #333;
	text-decoration: none;
}

#nav-side a:hover
{
	color: #333;
	height: 25px;
	background: url(/templates/crisis-center/images/nav-side-current-bg.png) center left no-repeat;
	color: #FFF;
	
}

/*************  News & Events  ****************/
.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;
}

p.date-long
{
	margin: 0;
	color: #a2a2a2;
	font-size: 1.2em;
	
}

h3.post-title
{
	margin-top: 0;
	font-size: 2.4em;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom: 5px;
}

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

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

.post-detail h2
{
	margin-bottom: 0;	
}

.post-detail p.date-large
{
	margin-bottom: 15px;	
	font-weight: bold;
	font-style: italic;
}

#content #nav-bread li
{
	list-style: none;
	margin: 0 0 10px 0;
	color: #a2a2a2;
	font-size: 1.3em;
}

#content #nav-bread li a
{
	color: #a2a2a2;
}


#content li
{
	margin-left: 10px;	
}


#cta-container
{
	margin-top: 15px;
}	

#cta-container ul, #cta-container li
{
	margin: 0;
	padding: 0;
}

#cta-container li.cta
{
	list-style: none;
	text-indent: -9009px;
	margin-bottom: 10px;
}

#cta-container li.cta a
{
	display: block;
	width: 270px;
	height: 65px;	
}

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

#cta-container a.online-resource:hover
{
	background-position: 0 -65px;
}	

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

#cta-container a.get-involved:hover
{
	background-position: 0 -65px;
}	

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

#cta-container a.donate-now:hover
{
	background-position: 0 -65px;
}	

#cta-container li.cta a.feedback
{
	background: url(/templates/crisis-center/images/cta-feedback.gif) top left no-repeat;
	height: 62px;
}	

#cta-container li.cta a.feedback:hover
{
	background-position: 0 -62px;
}	


/**************  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;
	margin-top: 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,
a.logo-contact-usa
{
	background: url(/templates/crisis-center/images/footer-uw-sprite.jpg) no-repeat top left;
	display: block;
	width: 118px;
	height: 57px;
	text-indent: -9009px;
	background-position: 0 -57px;
	margin: 0 46px;
}

a.logo-united-way:hover { background-position: 0 -172px; }
a.logo-contact-usa { background-position: 0 0; }
a.logo-contact-usa:hover { background-position: 0 -115px; }

#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;
}

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

p, li, h2, h3, h4 { color: #333333; }
h2{ font-size: 2.4em; font-weight:bold; line-height: 1.2; margin-bottom: 15px; }
h3{ font-size: 2.0em; font-weight:bold; margin: 25px 0 0 0;}
h4,h5,h6{ font-size: 1.7em; font-weight:bold; margin: 15px 0 0 0;}
p, li{ font-size: 1.4em; }
li li { font-size: 1.0em; }
li { margin-bottom: 5px; }

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


/*************  News Formatting *************/
.post-date
{
	margin: 4px 0 0 0;
	color: #888888;
}

.divider
{
	height: 11px;
	background: url(/templates/iwf/images/divider.gif) repeat-x top left;
}


