/*
Theme Name: Fortune Society
Theme Author: Modology
*/

body {
	background: #063b70 url('images/bg-main.jpg') top center repeat-x fixed;
	font: 12px Arial;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

hr {
	color: #6194d7;
	background: #6194d7;
	border: 0;
	height: 1px;
	margin-top: 20px;
	margin-bottom: 15px;
}

.clear-fix {
	clear: both;
}

.blue {
	color: #2f67b1;
}

.bold {
	font-weight: bold;
}

#super-header {
	background: url('images/green-bar.png') repeat-x;
	width: 100%;
	height: 9px;
}

#global-wrapper {
	width: 990px;
	margin: 0 auto;
}

#header {
	background: url('images/header-bg.png') no-repeat;
	width: inherit;
	height: 182px;
	margin-bottom: 3px;
}

h1#logo-wrapper {
	padding: 0;
	margin: 0;
	margin-top: 15px;
	margin-left: 15px;
	position: absolute;
}

#top-links {
	font-size: 10px;
	color: #494949;
	width: 300px;
	text-align: right;
	margin-top: 25px;
	margin-left: 656px;
	position: absolute;
}

#top-links a {
	font-size: 10px;
	color: #494949;
}

#mission-quote {
	font-family: Calibri;
	font-size: 14px;
	color: #2f67b1;
	width: 550px;
	text-align: right;
	margin-top: 70px;
	margin-left: 406px;
	position: absolute;
}

/***** Navigation Styles
/**********************************/

ul#navigation {
	width: inherit;
	margin: 0;
	padding: 0;
	margin-top: 115px;
	margin-left: 25px;
	position: absolute;
}

ul#navigation li {
	height: 39px;
	display: block;
	float: left;
}

ul#navigation li.learn-more {
	background: url('images/learn-more.png') no-repeat top;
	width: 156px;
}

ul#navigation li.get-help {
	background: url('images/get-help.png') no-repeat top;
	width: 132px;
}

ul#navigation li.get-involved {
	background: url('images/get-involved.png') no-repeat top;
	width: 174px;
}

ul#navigation li.blog {
	background: url('images/blogs.png') no-repeat top;
	width: 125px;
}

ul#navigation li.news-events {
	background: url('images/news-events.png') no-repeat top;
	width: 179px;
}

ul#navigation li.donate-now {
	background: url('images/donate-now.png') no-repeat top;
	width: 159px;
	margin-left: 10px;
}

ul#navigation li  a {
	height: inherit;
	width: inherit;
	display: block;
}

ul#navigation li:hover {
	background-position: bottom;
}

/***** General Page Styles
/**********************************/

#breadcrumbs-wrapper {
	background: url('images/bread-crumb-bg.png') no-repeat;
	width: inherit;
	height: 24px;
	width: 100%;
	overflow: hidden;
}

#breadcrumbs {
	font-size: 10px;
	font-weight: bold;
	line-height: 24px;
	color: #2f67b1;
	padding-left: 28px;
	padding-left: 28px;
	text-transform: uppercase;
}

#breadcrumbs a {
	color: #2f67b1;
	font-weight: bold;
}

#content {
	background: url('images/content-bg.png') bottom repeat-y;
	width: inherit;
	margin: 0 auto;
	padding: 5px 10px 20px 10px;
	line-height: 18px;
}

#content a {
	color: #2f67b1;
}

#content ul li {
	margin-bottom: 5px;
}

#content td  p {
	margin: 0 !important;
	padding: 0 !important;
}

#content-bottom {
	background: url('images/content-bottom-bg.png') bottom no-repeat;
	width: inherit;
    height: 25px;
	margin: 0 auto;
}

#page-image-wrapper {
	background: url('images/content-bg.png') repeat-y;
	height: 342px;
	margin: 0 auto;
}

#page-image {
	width: 983px;	
	height: 342px;
	margin: 0 auto;
}

#page-image-author {
	color: #FFFFFF;
	font-size: 8px;
	font-weight: bold;
	margin-top: 310px;
	margin-left: 25px;
	position: absolute;
}

/***** Home Styles
/**********************************/

#home-image {
	background: url('images/home/home_1.png') no-repeat;
	width: 982px;	
	height: 449px;
	margin: 0 auto;
}

ul#home-buttons {
	width: 300px;
	position: absolute;
	margin: 0;
	margin-top: 120px;
	margin-left: 630px;
	padding: 0;
}

ul#home-buttons  li {
	opacity: 0.8;
	display: block;
}

ul#home-buttons  li:hover {
	opacity: 1;
}

#modules {
	width: 992px;
	margin-top: 8px;
}

.module-wrapper {
	width: 496px;
	float: left;
}

.module-top {
	background: url('images/module-top-bg.png') no-repeat;
	width: 496px;
	height: 31px;
	line-height: 29px;
	color: white;
	font-weight: bold;
	font-family: "Akkurat", Arial;
}

.module-top  a {
	color: #FFF;
} 

.module-top  a:hover {
	text-decoration: none;
}

.module-top .name {
	float: left;
	padding-left: 23px;
	font-size: 15px;
}

.module-top .more {
	float: right;
	padding-right: 25px;
	font-size: 12px;
}

.module-top .more img {
	margin-bottom: -3px;
}
.module-content {
	background: url('images/module-content-bg.png') repeat-y;
	width: 496px;
	min-height: 180px;
}

ul.module-postlist {
	margin: 0;
	padding: 28px 25px 0 25px;
}

ul.module-postlist  li {
	display: block;
	padding-bottom: 10px;
	font-size: 12px;
}

ul.module-postlist  li  .date  a {
	color: #2f67b1;
	font-weight: bold;
}

ul.module-postlist  li  .excerpt p {
	margin: 0;
	padding-top: 2px;
	padding: 0;
	line-height: 20px;
}

.module-bottom {
	background: url('images/module-bottom-bg.png') no-repeat;
	width: 496px;
	height: 18px;
}

#module-blog-content ul.module-postlist li a {
	width: 130px;
	height: 125px;
	display: block;
	position: absolute;
}


#module-blog-content ul.module-postlist  li {
	width: 130px;
	height: 125px;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
	padding: 0;
	cursor: pointer;
	opacity: 0.85;
}

#module-blog-content ul.module-postlist li:hover {
	opacity: 1;
}

#module-blog-content ul.module-postlist  li.element-3, #module-blog-content ul.module-postlist  li.element-6{
	margin-right: 0;
}

#module-blog-content ul.module-postlist li div.carousel-thumb-shadow {
	width: 137px;
	height: 151px;
	background: url('images/blog-carousel-shadow.png');
	position: absolute;
	margin-left: -3px;
}

#module-blog-content ul.module-postlist li div.carousel-thumb-excerpt {
	width: 100px;
	color: white;
	font-size: 13px;
	margin: 25px 0 0 15px;
	position: absolute;
}


/***** Footer Styles
/**********************************/

#footer {
	width: inherit;
	height: 12px;
	margin-top: 12px;
	margin-bottom: 20px;
}

#footer-nav {
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
}

#footer-nav  a {
	color: #FFFFFF;
}
/***** Parent Page Styles
/**********************************/

#content {
	padding: 35px 30px 45px 30px;
}

.parent-page #content-text {
	width: 440px;
	float: left;
}

.parent-page ul#content-menu {
	width: 470px;
	float: right;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

.parent-page ul#content-menu  li {
	margin-left: 6px;
	margin-bottom: 5px;
	display: block;
	float: left;
}

.parent-page ul#content-menu  li.oversize {
	margin-top: -8px;
}

.parent-page-get-involved ul#content-menu {
	width: 610px;
}

.parent-page-get-involved #content-text  {
	width: 290px;
}

/***** Contact Page Styles
/**********************************/

.contact-page #content-text {
	width: 325px;
	float: left;
}

.contact-page #contact-info {
	width: 530px;
	padding-top: 10px;
	float: right;
}

.contact-form-wrapper {
	width: 525px;
	position: absolute;
	margin-left: 400px;
	margin-top: 105px;
}

.wpcf7-response-output {
		padding-top: 10px;
		color: red;
		font-style: italic;
}

.contact-form div {
	font-size: 12px;
	font-weight: bold;
	color: #2f67b1;
	margin-bottom: 4px;
}

.contact-form div input {
	background: url('images/contact/bg-input.png') no-repeat;
	width: 244px;
	height: 19px;
	border: none;
	outline: none;
	padding: 5px;
	color: #666;
	font-weight: normal;
	margin-top: 2px;
}

.contact-form-textarea {
	margin-top: -150px;
	margin-left: 270px;
}

.contact-form-textarea textarea {
	background: url('images/contact/bg-textarea.png') no-repeat;
	width: 245px;
	height: 113px;
	font: 12px Arial;
	color: #666;
	padding: 5px;
	padding-top: 7px;
	border: none;
	outline: none;
	margin-top: 3px;
	resize: none;
}

.contact-form .submit-button {
	margin-top: 5px;
	float: right;
}

.contact-form .submit-button input {
	background: url('images/contact/bg-send.png') no-repeat;
	width: 111px;
	height: 37px;
	border: none;
	outline: none;
	cursor: pointer;
}

/***** Subscribe to FOR News Styles
/**********************************/

.suibscribe-to-for-news-form div {
	font-size: 12px;
	font-weight: bold;
	color: #2f67b1;
	margin-bottom: 2px;
}

.suibscribe-to-for-news-form  div select {
	display: block;
}

.suibscribe-to-for-news-form  div input {
	display: block;
	background: url('images/subscribe-to-fortune-news/bg-input-large.png') no-repeat;
	width: 355px;
	height: 27px;
	border: none;
	outline: none;
	padding: 3px 5px 0 5px;
	color: #666;
	font-weight: normal;
	margin-top: 2px;
}

.suibscribe-to-for-news-form .form-city {
	float: left;
	margin-right: 5px;
}

.suibscribe-to-for-news-form .form-city input {
	background: url('images/subscribe-to-fortune-news/bg-input-city.png') no-repeat;
	width: 202px;
}

.suibscribe-to-for-news-form .form-state {
	float: left;
	margin-right: 5px;
	padding-top: 3px;
}

.suibscribe-to-for-news-form .form-zip {
	float: left;
}

.suibscribe-to-for-news-form .form-zip input {
	background: url('images/subscribe-to-fortune-news/bg-input-zip.png') no-repeat;
	width: 55px;
}


.suibscribe-to-for-news-form .submit-button {
	margin-top: 15px;
}

.suibscribe-to-for-news-form .submit-button input {
	background: url('images/contact/bg-send.png') no-repeat;
	width: 111px;
	height: 37px;
	border: none;
	outline: none;
	cursor: pointer;
}

.suibscribe-to-for-news-form .form-subscription-type {
	margin: 20px 0 10px 0;
}


.suibscribe-to-for-news-form .form-subscription-type span.wpcf7-list-item {
	display: block;
	margin-bottom: 5px;
}

.suibscribe-to-for-news-form  .form-subscription-type  input {
	height: auto;
	width: auto;
	float: left;
}

/***** Schedule a Visit Styles
/**********************************/

.schedule-a-visit-form div {
	font-size: 12px;
	font-weight: bold;
	color: #2f67b1;
	margin-bottom: 4px;
}

.schedule-a-visit-form div input {
	background: url('images/contact/bg-input.png') no-repeat;
	width: 244px;
	height: 19px;
	border: none;
	outline: none;
	padding: 5px;
	color: #666;
	font-weight: normal;
	margin-top: 2px;
}

.schedule-a-visit-form-textarea {
	margin-top: -212px;
	margin-right: 80px;
	float: right;
}

.schedule-a-visit-form-textarea textarea {
	background: url('images/contact/bg-textarea-large.png') no-repeat;
	width: 245px;
	height: 175px;
	font: 12px Arial;
	color: #666;
	padding: 5px;
	padding-top: 7px;
	padding-bottom: 10px;
	border: none;
	outline: none;
	margin-top: 3px;
	resize: none;
}

.schedule-a-visit-form .submit-button {
	margin-top: 15px;
}

.schedule-a-visit-form .submit-button input {
	background: url('images/contact/bg-send.png') no-repeat;
	width: 111px;
	height: 37px;
	border: none;
	outline: none;
	cursor: pointer;
}


/***** Child Left Focus Styles
/**********************************/
.child-page-left #content-text {
	width: 610px;
	float: right;
}

.child-page-left ul#content-menu {
	width: 250px;
	float: left;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

.child-page-left ul#content-menu  li {
	margin-left: 6px;
	margin-bottom: 5px;
	display: block;
	float: left;
}

/***** Child Right Focus Styles
/**********************************/
.child-page-right #content-text {
	width: 460px;
	float: left;
}

.child-page-right ul#content-menu {
	width: 450px;
	float: right;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}

.child-page-right ul#content-menu  li {
	margin-left: 6px;
	margin-bottom: 5px;
	display: block;
	float: right;
}

/***** Blog Styles
/**********************************/

#blog {
	padding: 20px 55px 20px 55px;
}

#posts {
	width: 520px;
	float: left;
}

.post {
	margin-bottom: 35px;
}

.post .post-date, .post .post-comment-count {
	font-size: 12px;
	color: #7c7c7c;
	padding-bottom: 2px;
}

.post h2.post-title {
	width: 95%;
	font-size: 20px;
	padding-bottom: 6px;
	margin: 0;
	margin-bottom: 10px;
	border-bottom: 1px dashed #2f67b1;
        line-height: 22px;
}

.post h2.post-title  a {
	color: #2f67b1;
}

.post .entry {
	line-height: 22px;
	overflow: hidden;
}

p.postmetadata {
	color: #7c7c7c;
	font-style: italic;
}

p.postmetadata a {
	color: #2f67b1;
	font-style: none;
}

#sidebar {
	background: #ededed;
	width: 220px;
	padding: 20px;
	float: right;
	border: 1px solid #d1d1d1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#sidebar .welcome {
	font-family: Rockwell;
	color: #2f67b1;
	font-size: 18px;
	padding-bottom: 6px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #2f67b1;
}

#sidebar .title {
	font-family: Rockwell;
	font-size: 18px;
	padding-bottom: 6px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #2f67b1;
	margin-top: 25px;
}

#sidebar ul.list, #sidebar ul.wp-tag-cloud  {
	padding: 0;
	margin: 0;
}

#sidebar ul.list li, #sidebar ul.wp-tag-cloud li  {
	font-size: 12px;
	margin-right: 5px;
	padding-bottom: 3px;
	display: block;	
}

#sidebar ul.list li a, #sidebar ul.wp-tag-cloud li a  {
	color: #2f67b1;
}


/***** News + Events Styles
/**********************************/

.news-events-page .module {
	width: 410px;
}

.news-events-page .left{
	float: left;
	padding-left: 20px;
}

.news-events-page .right {
	float: right;
	padding-right: 20px;
}

.news-events-page .module-header {
	margin-bottom: 20px;
}

.news-events-page h2  {
	font-family: Rockwell;
	font-size: 28px;
	font-weight: normal;
	color: #537ebc;
	float: left;
	margin: 0;
	padding: 0;
}

.news-events-page a.view-all-button {
	background: url('images/news-events/buttons/view-all.png') no-repeat;
	width: 83px;
	height: 32px;
	display: block;
	float: right;
}

.news-events-page ul {
	margin: 0;
	padding: 0;
}

.news-events-page ul  li {
	display: block;
	border-bottom: 1px #9cbae3 solid;
	padding: 10px 0 15px 0;
}

.news-events-page ul  li:last-child {
	border-bottom:none;
}

.news-events-page ul  li p {
	margin: 0;
	padding: 0;
}

.news-events-page ul  li .post-title {
	color: #537ebc;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 20px;
}

.news-events-page .module-footer{
	margin-top: 16px;
}

a.view-all-news-button {
	background: url('images/news-events/buttons/view-all-news.png') no-repeat;
	width: 122px;
	height: 32px;
	display: block;
	float: right;
}

a.view-all-events-button {
	background: url('images/news-events/buttons/view-all-events.png') no-repeat;
	width: 122px;
	height: 32px;
	display: block;
	float: right;
}

a.news-events-button {
	background: url('images/news-events/buttons/news-events.png') no-repeat;
	width: 122px;
	height: 32px;
	display: block;
	float: right;
	margin-left: 10px;
}

a.back-to-news-button {
	background: url('images/news-events/buttons/back-to-news.png') no-repeat;
	width: 119px;
	height: 32px;
	display: block;
	float: right;
}

a.back-to-events-button {
	background: url('images/news-events/buttons/back-to-events.png') no-repeat;
	width: 119px;
	height: 32px;
	display: block;
	float: right;
}

a.back-to-news-events-button {
	background: url('images/news-events/buttons/back-to-news-events.png') no-repeat;
	width: 164px;
	height: 32px;
	display: block;
	float: right;
	margin-right: 10px;
}


.news-events-listings-page h2  {
	font-family: Rockwell;
	font-size: 28px;
	font-weight: normal;
	color: #537ebc;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	line-height: 30px;
}

.news-events-listings-page ul {
	margin: 0;
	padding: 0;
}

.news-events-listings-page ul  li {
	display: block;
	padding: 15px 0 15px 0;
	border-bottom: 1px #9cbae3 solid;
}

.news-events-listings-page ul  li:last-child {
	border-bottom: none;
}

.news-events-listings-page ul  li  p {
	margin-bottom: 10px;
	padding: 0;
}

.news-events-listings-page ul  li .post-title {
	color: #537ebc;
	font-size: 18px;
	font-weight: bold;
	margin: 5px 0 3px 0;
}



/***** Get Help Issue/Response Button Styles
/**********************************/

div.child-page-right ul li a {
	height: 137px;
	display: block;
}

li.button-our-response-large a {
	width: 241px;
	background: url('images/get-help/buttons/our-response-large.png') top;
}

li.button-the-issue-large a {
	width: 162px;
	background: url('images/get-help/buttons/the-issue-large.png') top;
}

div.child-page-right ul li a:hover {
	background-position: bottom;
}

/**** First Level Mixed Button Styles */

ul#content-menu li a {
	display: block;
}

ul#content-menu li.button-what-is-fortune a {
	width: 229px;
	height: 56px;
	background: url('images/learn-more/buttons/what-is-fortune.png') top;
}

ul#content-menu li.button-news-events a {
	width: 229px;
	height: 56px;
	background: url('images/learn-more/buttons/news-events.png') top;
}

ul#content-menu li.button-interactive-timeline a {
	width: 229px;
	height: 56px;
	background: url('images/learn-more/buttons/interactive-timeline.png') top;
}

ul#content-menu li.button-who-is-fortune a {
	width: 229px;
	height: 56px;
	background: url('images/learn-more/buttons/who-is-fortune.png') top;
}

ul#content-menu li.button-stay-connected-regular a {
	width: 229px;
	height: 56px;
	background: url('images/learn-more/buttons/stay-connected.png') top;
}

ul#content-menu li.button-programs-services a {
	width: 229px;
	height: 56px;
	background: url('images/learn-more/buttons/programs-services.png') top;
}

ul#content-menu li.button-housing a {
	width: 229px;
	height: 56px;
	background: url('images/get-help/buttons/housing.png') top;
}

ul#content-menu li.button-education a {
	width: 229px;
	height: 56px;
	background: url('images/get-help/buttons/education.png') top;
}

ul#content-menu li.button-employment-services a {
	width: 229px;
	height: 56px;
	background: url('images/get-help/buttons/employment-services.png') top;
}

ul#content-menu li.button-family-services a {
	width: 229px;
	height: 56px;
	background: url('images/get-help/buttons/family-services.png') top;
}

ul#content-menu li.button-alternatives-to-incarceration a {
	width: 229px;
	height: 56px;
	background: url('images/get-help/buttons/alternatives-to-incarceration.png') top;
}

ul#content-menu li.button-substance-abuse-treatment a {
	width: 229px;
	height: 56px;
	background: url('images/get-help/buttons/substance-abuse-treatment.png') top;
}

ul#content-menu li.button-transitional-services a {
	width: 229px;
	height: 56px;
	background: url('images/get-help/buttons/transitional-services.png') top;
}

ul#content-menu li.button-health-services a {
	width: 229px;
	height: 56px;
	background: url('images/get-help/buttons/health-services.png') top;
}

ul#content-menu li.button-advocate-for-change a {
	width: 288px;
	height: 56px;
	background: url('images/get-involved/buttons/advocate-for-change.png') top;
}

ul#content-menu li.button-volunteer a {
	width: 288px;
	height: 56px;
	background: url('images/get-involved/buttons/volunteer.png') top;
}

ul#content-menu li.button-apply-for-job a {
	width: 288px;
	height: 56px;
	background: url('images/get-involved/buttons/apply-for-job.png') top;
}

ul#content-menu li.button-hire-our-clients a {
	width: 288px;
	height: 56px;
	background: url('images/get-involved/buttons/hire-our-clients.png') top;
}

ul#content-menu li.button-stay-connected a {
	width: 288px;
	height: 56px;
	background: url('images/get-involved/buttons/stay-connected.png') top;
}

ul#content-menu li a:hover {
	text-decoration: none;
	background-position: bottom;
}

/***** Third Level Issue/Response Menu Styles
/**********************************/

ul.third-level-menu li a {
	width: 241px;
	height: 51px;
	display: block;
}

ul.third-level-menu li.button-issue a {
	background: url('images/get-help/buttons/the-issue-small.png') top;
}

ul.third-level-menu li.button-response a {
	background: url('images/get-help/buttons/our-response-small.png') top;
}

/**** Second/Third Level Mixed Button Styles */

ul.third-level-menu li.button-download-brochure a {
	background: url('images/get-help/buttons/download-brochure.png') top;
	height: 61px;
	margin-top: -5px;
}

ul.third-level-menu li.button-download-annual-report a {
	background: url('images/stay-connected/buttons/download-annual-report.png') top;
	height: 60px;
}

ul.third-level-menu li.button-download-media-kit a {
	background: url('images/what-is-fortune/buttons/download-media-kit.png') top;
	height: 60px;
}

ul.third-level-menu li.button-awards-accolades a {
	background: url('images/what-is-fortune/buttons/awards-accolades.png') top;
}

ul.third-level-menu li.button-media-kit a {
	background: url('images/what-is-fortune/buttons/media-kit.png') top;
}

ul.third-level-menu li.button-history-timeline a {
	background: url('images/what-is-fortune/buttons/history-timeline.png') top;
}

ul.third-level-menu li.button-social-media a {
	background: url('images/stay-connected/buttons/social-media.png') top;
}

ul.third-level-menu li.button-resources-publications a {
	background: url('images/stay-connected/buttons/resources-publications.png') top;
}

ul.third-level-menu li.button-drcpp a {
	background: url('images/advocate-for-change/buttons/drcpp.png') top;
}

ul.third-level-menu li.button-fortune-news a {
	background: url('images/advocate-for-change/buttons/fortune-news.png') top;
}

ul.third-level-menu li.button-donate-to-fortune-news a {
	width: 245px;
	height: 54px;
	background: url('images/fortune-news/buttons/donate-to-fortune-news.png') top;
}

ul.third-level-menu li.button-subscribe-to-fortune-news a {
	background: url('images/advocate-for-change/buttons/subscribe-to-fortune-news.png') top;
}

ul.third-level-menu li.button-join-our-mailing-list a {
	background: url('images/advocate-for-change/buttons/join-our-mailing-list.png') top;
}

ul.third-level-menu li.button-board-of-directors a {
	background: url('images/who-is-fortune/buttons/board-of-directors.png') top;
}

ul.third-level-menu li.button-fortune-staff a {
	background: url('images/who-is-fortune/buttons/fortune-staff.png') top;
}

ul.third-level-menu li.button-drop-in-center a {
	background: url('images/health-services/buttons/drop-in-center-side.png') top;
}

ul.third-level-menu li.button-mental-health-services a {
	background: url('images/health-services/buttons/mental-health-services-side.png') top;
}

ul.third-level-menu li.button-capital-campaigns a {
	background: url('images/donate/buttons/capital-campaigns.png') top;
}

ul.third-level-menu li.button-funding-partners a {
	background: url('images/donate/buttons/funding-partners.png') top;
}

ul.third-level-menu li.button-schedule-a-visit a {
	background: url('images/donate/buttons/schedule-a-visit.png') top;
}

ul.third-level-menu li.button-donate a {
	background: url('images/donate/buttons/donate.png') top;
}

ul.third-level-menu li.button-ride a {
	background: url('images/transitional-services/buttons/ride_side.png') top;
}

ul.third-level-menu li.button-single-stop a {
	background: url('images/transitional-services/buttons/singlestop_side.png') top;
}

ul.third-level-menu li.button-available-positions a {
	background: url('images/apply-for-a-job/buttons/available-positions.png') top;
}

ul.third-level-menu li.button-opportunities a {
	background: url('images/volunteer/buttons/opportunities.png') top;
}



/**** Social Media Button Styles */
ul.third-level-menu li.social-media-buttons a {
	width: 114px;
	height: 116px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}

ul.third-level-menu li.social-media-buttons {
	margin-top: 20px;
}



ul.third-level-menu li a:hover {
	background-position: bottom;
}

ul.third-level-menu li.sidebar-contact-info {
	padding-left: 6px;
}

/**** FAQ Sidebar Styles */

ul.third-level-menu li.faq-sidebar-header {
	font-size: 18px;
	font-weight: bold;
	color: #2F67B1;
}
ul.third-level-menu li.faq-sidebar a {
	display: inline;
}


/**** Second/Third Level Scrollable Menu Styles */

ul.third-level-menu li.scrollable-menu  {
	background: url('images/scrollable-menu.png') no-repeat;
	width: 241px;
	height: 218px;
}

ul.third-level-menu li.scrollable-menu  div {
	width: 230px;
	height: 190px;
	padding: 7px 4px 12px;
	margin-top: 3px;
	overflow-x: hidden;
	overflow-y: scroll;
}

ul.third-level-menu li.scrollable-menu a {
	line-height: auto;
	height: auto;
	width: 221px;
	color: #FFF !important;
	display: block;
	padding: 7px 0 7px 12px;
}

ul.third-level-menu li.scrollable-menu a:hover, ul.third-level-menu li.scrollable-menu a.selected {
	background: white;
	color: #2f67b1 !important;
	text-decoration: none;
}

/***** Bio Styles 
***********************************/
div#content-text .bio-pic {
	width: 335px;
	height: 225px;
	margin-left: -25px;
	float: left;
}

div#content-text .bio-pic .bio-pic-curves {
	width: 335px;
	height: 225px;
	background: url('images/bio-curves.png') no-repeat;
	position: absolute;
}

div#content-text .bio-text {
	width: 260px;
	float: right;
}

div#content-text .bio-text p:first-child {
	padding-top: 0;
	margin-top: 0;
}


/***** Drop Down Styles
/**********************************/
	
#navigation li ul {	
	background: #4779ba;
	width: 235px;
	margin: 0;
	margin-top: -2px;
	padding: 15px 0 5px 0;
	position: absolute;
	visibility: hidden;
	border: 1px #9cbae3 solid;
	border-top: none;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	z-index: 50;
}

#navigation li.learn-more ul {
	margin-left: 5px;
}	

#navigation li ul li {
	width: 235px;
	height: auto;
	float: none;
	display: block;
	padding: 0 15px 0 15px;
}

#navigation li ul li a {
	width: 205px;
	color: #9cbae3;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	border-bottom: 1px #9cbae3 solid;
	padding: 10px 0 10px 0;
}

#navigation li ul li a:hover {
	color: #ffffff;
}

#navigation li ul li:last-child a {
	border-bottom: none;
}

a.top-nav-button:hover {
	text-decoration: none;
}

#navigation li ul.news-events-dropdown {
	width: 170px;
}

#navigation li ul.news-events-dropdown  li {
	width: 170px;
}

#navigation li ul.news-events-dropdown  li a {
	width: 140px;
}

/***** Comments
*******************************/
#comments {
	clear: both;
}

img.avatar {
    border: 3px #e7e7e7 solid;
}

#reply-title a {
	color: #666 !important;
}

#comments .navigation {
	padding: 0 0 18px 0;
}

h3#comments-title,
h3#reply-title {
	color: #000;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 0;
}

h3#comments-title {
	padding: 24px 0;
}

.commentlist {
	list-style: none;
	margin: 0;
	padding: 0 !important;
}

.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}

.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}

#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}

#comments .comment-body p:last-child {
	margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}

.commentlist ol {
	list-style: decimal;
}

.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}

.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}

.comment-author .says {
	font-style: italic;
}

.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}

.comment-meta a:link,
.comment-meta a:visited {
	color: #666;
	text-decoration: none;
}

.comment-meta a:active,
.comment-meta a:hover {
	color: #666;
}

.commentlist .even {
}

.commentlist .bypostauthor {
}

.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}

.reply a,
a.comment-edit-link {
	color: #666;
}

.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}

.commentlist .children {
	list-style: none;
	margin: 0;
}

.commentlist .children li {
	border: none;
	margin: 0;
}

.nopassword,
.nocomments {
	display: none;
}

#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}

.commentlist li.comment+li.pingback {
	margin-top: -6px;
}

#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}

#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}

input[type=submit] {
	color: #333;
}

#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}

#respond p {
	margin: 0;
}

#respond .comment-notes {
	margin-bottom: 1em;
}

.form-allowed-tags {
	line-height: 1em;
}

.children #respond {
	margin: 0 48px 0 0;
}

h3#reply-title {
	margin: 18px 0;
}

#comments-list #respond {
	margin: 0 0 18px 0;
}

#comments-list ul #respond {
	margin: 0;
}

#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}

#respond .required {
	color:#FF4B33;
	font-weight:bold;
}

#respond label {
	color: #888;
	font-size: 12px;
}

#respond input {
	background: #f2f2f2;
	width: 500px;
	height: 26px;
	line-height: 26px;
	font-style: italic;
	color: #999999;
	border: 1px #cccccc solid;
	padding: 0 8px 0 8px;
	margin-bottom: 10px;
}

.comment-form-comment textarea {
	background: #f2f2f2;
	width: 500px;
	font: 14px Calibri, Arial;
	font-style: italic;
	color: #999999;
	border: 1px #cccccc solid;
	padding: 8px;
	display: block;
}

#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}

#respond .form-allowed-tags code {
	font-size: 11px;
}

#respond .form-submit {
	margin: 12px 0;
}

#respond .form-submit input {
	background: url('images/contact/bg-send.png') no-repeat;
	width: 111px;
	height: 37px;
	border: none;
	outline: none;
	cursor: pointer;
	float: right;
}


/***** Timeline Styles
/**********************************/

div#timeline {
	padding-top: 170px;
	width: 876px;
	margin: 0 auto;
}

div#timeline-bar {
	width: 100%;
	height: 2px;
	background: #50ac8c;
	margin-top: 3px;
	margin-bottom: 3px;
}

div.timeline-bar-dotted {
	background: url('images/timeline/dotted-bar-bg.png') repeat-x;
	width: 100%;
	height: 1px;
}

div#timeline ul {
	margin: 0;
	padding: 0;
}

div#timeline ul  li {
	float: left;
	display: block;
}

div#timeline ul  li.major-event {
	background: url('images/timeline/timeline-major-event-bg.png') no-repeat;
	width: 46px;
	height: 52px;
	opacity: 0.65;
	position: absolute;
	margin-top: -60px;
}

div#timeline ul#timeline-events-bottom li.major-event {
	background: url('images/timeline/timeline-major-event-reverse-bg.png') no-repeat;
	margin-top: 8px;
}

div#timeline ul  li.minor-event {
	background: url('images/timeline/timeline-minor-event-bg.png') no-repeat;
	width: 15px;
	height: 15px;
	opacity: 0.65;
	position: absolute;
	margin-top: -2px;
}

div#timeline ul#timeline-events-bottom li.minor-event {
	margin-top: -12px;
}

div#timeline ul  li.major-event:hover, div#timeline ul  li.minor-event:hover {
	cursor: pointer;
}

div#timeline ul li.major-event img.thumbnail {
	padding: 2px;
}

div#timeline ul#timeline-events-bottom li.major-event img.thumbnail {
	padding-top: 8px;
}

div#timeline ul li p {
	margin: 0;
	padding: 0;
}

div#timeline ul li p.year, div#timeline ul li p.date {
	color: white;
	font-family: Rockwell, Georgia, Times, serif;
	float: left;
}

div#timeline ul li.major-event p.year {
	font-size: 22px;
	margin-top: -35px;
}

div#timeline ul#timeline-events-bottom li.major-event p.year {
	margin-top: -4px;
}

div#timeline ul li.major-event p.date {
	font-size: 10px;
	margin-top: -43px;
}

div#timeline ul#timeline-events-bottom li.major-event p.date{
	margin-top: 7px;
}

div#timeline ul li.minor-event p.year {
	font-size: 12px;
	margin-top: -40px;
	margin-left: -16px;
	padding: 2px 8px 3px 8px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

div#timeline ul li.minor-event p.date {
	width: 80px;
	text-align: center;
	margin-left: -40px;
}

div#timeline ul#timeline-events-bottom li.minor-event p.year {
	margin-top: 35px;
}

div#timeline ul li.minor-event p.year:hover {
	background: #052b4d;
}

div#timeline ul li.minor-event p.text {
	width: 175px;
	color: #ffffff;
	position: absolute;
	margin-top: -150px;
	margin-left: -65px;
	display: none;
	font-weight: bold;
}

div#timeline ul#timeline-events-bottom li.minor-event p.text {
	margin-top: 100px;
	margin-left: -40px;
}

div#timeline li.minor-event div.line-1 {
	background: #ffffff;
	width: 1px;
	height: 20px;
	position: absolute;
	margin-top: -20px;
	margin-left: 7px;
}

div#timeline ul#timeline-events-bottom li.minor-event div.line-1 {
	margin-top: 15px;
	margin-left: 7px;
}

div#timeline ul li.major-event div.pop-up {
	background: #ffffff;
	width: 330px;
	min-height: 175px;
	position: absolute;
	display: none;
	margin-top: -150px;
	margin-left: 60px;
	z-index: 50;
	padding: 15px;
	-moz-box-shadow: 0 0 10px #333;
	-webkit-box-shadow: 0 0 10px #333;
	box-shadow: 0 0 10px #333;
}

div#timeline ul#timeline-events-bottom li.major-event div.pop-up {
	margin-top: -234px;
}

div#timeline ul li.major-event div.reverse-open {
	margin-left: -390px;
}

div.pop-up a.pop-up-close {
	background: url('images/timeline/event-close.png') no-repeat;
	width: 17px; 
	height: 20px;
	position: absolute;
	margin-top: -5px;
	margin-left: 318px;
}

div.pop-up div.pop-up-top img {
	float: left;
}

div.pop-up div.pop-up-year {
	width: 200px;
	float: right;
	font: 34px Helvetica, Arial;
	padding-bottom: 10px;
	border-bottom: 1px #2f67b1 dotted;
}

div.pop-up div.pop-up-title {
	width: 200px;
	float: right;
	font: 16px Helvetica, Arial;
	color: #2f67b1;
	font-weight: bold;
	padding-top: 10px;
}

div.pop-up div.pop-up-point {
	background: url('images/timeline/bubble_point.png') no-repeat;
	width: 7px;
	height: 26px;
	position: absolute;
	margin-top: 142px;
	margin-left: -22px;
}

div#timeline ul li.major-event div.reverse-open  div.pop-up-point {
	background: url('images/timeline/bubble_point_reverse_.png') no-repeat;
	margin-left: 345px;
}

div.pop-up div.pop-up-text {
	clear: both;
	font: 12px Arial;
	padding-top: 20px;
}

div.pop-up div.pop-up-text p {
	padding-bottom: 10px !important;
}

/***** Timeline Events Styles
/**********************************/

#e-1967-founding {
	margin-left: 0;
}

#e-1967-nov-donations { /* bottom */
	margin-left: 30px;
}

#e-1968-susskind {
	margin-left: 75px;
}

#e-1969-spring-education { /* bottom */
	margin-left: 105px;
}

#e-1971-sept-attica {
	margin-left: 175px;
}

#i-1971-job-developer {
	margin-left: 260px;
}


#i-1971-job-developer p.text {
	width: 300px !important;
	text-align: center;
	margin-left: -145px !important;
}

#e-1970s-early-congress { /* bottom */
	margin-left: 210px;
}

#e-1980-dec-pryor {
	margin-left: 325px;
}

#e-1989-joanne-page { /* bottom */
	margin-left: 360px;
}

#i-1990-hiv-services {
	margin-left: 440px;
}

#i-1991-ati {
	margin-left: 460px;
}

#i-1992-abuse-treatment {
	margin-left: 480px;
}

#i-1998-the-castle {
	margin-left: 525px;
}

#e-2002-nov-drop-in-center {
	margin-left: 580px;
}

#e-2002-april-25-housing-unit {
	margin-left: 600px;
}

#e-2008-spring-the-castle-play {
	margin-left: 700px;
}

#i-2007-oct-drcpp {
	margin-left: 760px;
}

#i-2008-mar-new-headquarters {
	margin-left: 800px;
}

#e-2010-castle-gardens {
	margin-left: 830px;
}

/***** Carousel Styles
/**********************************/

div#carousel-wrapper {
	background: url('images/content-bg.png') repeat-y;
	width: 100%;
	height: 188px;
}

div#carousel {
	background: url('images/donate/carousel/bg-carousel.png') repeat-x;
	width: 980px;
	height: 188px;
	margin: 0 auto;
}

div#carousel span.carousel-button {
	display: block;
	position: absolute;
	margin-top: 70px;
	cursor: pointer;
}

div#carousel span.carousel-prev {
	margin-left: 15px;
}

div#carousel span.carousel-next{
	margin-left: 933px;
}

div#carousel-slider {
	padding-top: 20px;
	margin-left: 55px;
}

div#carousel-slider ul li a {
	width: 125px;
	height: 120px;
	display: block;
	position: absolute;
}


div#carousel-slider ul li {
	width: 130px;
	height: 125px;
	float: left;
	margin-right: 15px;
	margin-bottom: 25px;
	padding: 0;
	padding-left: 2px;
	cursor: pointer;
	opacity: 0.85;
}

div#carousel-slider ul li:hover {
	opacity: 1;
}

div#carousel-slider ul li div.carousel-thumb-shadow {
	width: 137px;
	height: 151px;
	background: url('images/donate/carousel/carousel-shadow.png');
	position: absolute;
	margin-left: -3px;
}

div#carousel-slider ul li div.carousel-thumb-excerpt {
	width: 100px;
	color: white;
	font-size: 13px;
	margin: 25px 0 0 15px;
	position: absolute;
}

