/*
 * @file
 * global.styles
 *
 * Styles you add here will load for all device sizes, they are "global", as
 * opposed to "responsive" styles, which only load for a given breakpoint (media
 * query) that you set in theme settings. See the README for more details.
 *
 *
 * How to use this file:
 * --------------------
 *
 * There are many empty selectors and some basic styles to act as a guide.
 * Nothing is set in stone and you can change anything - even delete all of it
 * and start with your own clean slate.
 *
 * To FORCE PRINT all selectors you can search and replace a single { (opening
 * curly brace) and insert an empty comment. This is very useful in conjuction
 * with FireSass: https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/
 *
 * See global.base also which includes normalize.css and some additional
 * helper classes and base styles.
 */


/* Fonts
--------------------------------------------------------*/

@font-face {
    font-family: 'Museo500';
    src: url('../fonts/museo500-regular-webfont.eot');
    src: url('../fonts/museo500-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo500-regular-webfont.woff') format('woff'),
         url('../fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo500-regular-webfont.svg#Museo500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo900';
    src: url('../fonts/museo900-regular-webfont.eot');
    src: url('../fonts/museo900-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo900-regular-webfont.woff') format('woff'),
         url('../fonts/museo900-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo900-regular-webfont.svg#Museo900') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo700';
    src: url('../fonts/museo700-regular_0-webfont.eot');
    src: url('../fonts/museo700-regular_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museo700-regular_0-webfont.woff') format('woff'),
         url('../fonts/museo700-regular_0-webfont.ttf') format('truetype'),
         url('../fonts/museo700-regular_0-webfont.svg#Museo700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans500';
    src: url('../fonts/museosans-webfont.eot');
    src: url('../fonts/museosans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans-webfont.woff') format('woff'),
         url('../fonts/museosans-webfont.ttf') format('truetype'),
         url('../fonts/museosans-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans500Italic';
    src: url('../fonts/museosans_500_italic-webfont.eot');
    src: url('../fonts/museosans_500_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/museosans_500_italic-webfont.woff') format('woff'),
         url('../fonts/museosans_500_italic-webfont.ttf') format('truetype'),
         url('../fonts/museosans_500_italic-webfont.svg#MuseoSans500Italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MuseoSans700';
    src: url('../fonts/MuseoSans_700-webfont.eot');
    src: url('../fonts/MuseoSans_700-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/MuseoSans_700-webfont.woff') format('woff'),
         url('../fonts/MuseoSans_700-webfont.ttf') format('truetype'),
         url('../fonts/MuseoSans_700-webfont.svg#MuseoSans700') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CorbelRegular';
    src: url('../fonts/corbel-webfont.eot');
    src: url('../fonts/corbel-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/corbel-webfont.woff') format('woff'),
         url('../fonts/corbel-webfont.ttf') format('truetype'),
         url('../fonts/corbel-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CorbelBold';
    src: url('../fonts/corbelb-webfont.eot');
    src: url('../fonts/corbelb-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/corbelb-webfont.woff') format('woff'),
         url('../fonts/corbelb-webfont.ttf') format('truetype'),
         url('../fonts/corbelb-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Base
--------------------------------------------------------*/

body {
	background: #cdccc5;
	color: #333;
	font-family: CorbelRegular, Arial, sans-serif;
	font-size: 15px;
}

a, a:link, a:visited {
	color: #40a598;
	color: #239385;
}

a:hover {
	color: #167c6f;
}

hr {
	border: 0;
	color: #999;
	background-color: #999;
	height: 1px;
}

p {
	margin: 0 0 15px;
}

h1#page-title {
	font-family: Museo700, sans-serif;
	font-size: 22px;
	font-weight: normal;	
	margin: 0;
	padding: 0 0 12px;
}

h3 {
	color: #8361aa;
	font-family: MuseoSans700, sans-serif;
	font-weight: normal;
}

form {
	margin: 0 0 5px;
}

ul li.leaf {
	background: none;
	padding: 0;
}

ul.action-links li {
	list-style: none;
}

menu, ol, ul {
	margin: 0;
	padding: 0;
}

strong,
p.strong {
	font-family: CorbelBold, sans-serif;
	font-weight: normal;
}

fieldset {
	background: transparent;
    border: 1px solid #dadada;
    margin: 10px 0;
    padding: 10px;
}

.fieldset-wrapper {
	position: relative;
	width: 90%;
}

label {
	font-weight: 400;
}

input.form-text, textarea {
    border: 1px solid #ccc;
    height: auto;
    padding: 2px;
}

table {
	border: none;
}

/* Structure 
--------------------------------------------------------*/

#page {
	background: #e8f5f4;
	-moz-box-shadow: 0 0 10px #888;
	-webkit-box-shadow: 0 0 10px #888;
	box-shadow: 0 0 10px #888;
}

.container {
	width: 980px;
}

.block {
	margin-bottom: 10px;
}

#content .panel-display, 
#content .panel-flexible,
.block-inner {
	margin: 0;
}

#main-content {
	background: #fff;
	border: 1px solid #c4e5e2;
	float: left;
	margin: 20px;
	padding: 15px;
}

.front #main-content {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}

#main-content > header {
	margin: 0;
}

.region-sidebar-second {
	margin-top: 20px;
}

.rtecenter img,
img.img-center {
	border: 3px solid #fff;
	height: auto !important;
	margin: 2px 0;
	-moz-box-shadow: 0 0 7px #888;
	-webkit-box-shadow: 0 0 7px #888;
	box-shadow: 0 0 7px #888;	
}

img.img-left {
	border: 3px solid #fff;
	float: left;
	height: auto !important;
	margin: 2px 12px 5px 0;
	-moz-box-shadow: 0 0 7px #888;
	-webkit-box-shadow: 0 0 7px #888;
	box-shadow: 0 0 7px #888;	
}

img.img-right {
	border: 3px solid #fff;
	float: right;
	height: auto !important;
	margin: 2px 0 5px 12px;
	-moz-box-shadow: 0 0 7px #888;
	-webkit-box-shadow: 0 0 7px #888;
	box-shadow: 0 0 7px #888;	
}

/* Header 
--------------------------------------------------------*/

header[role="banner"] {
	background: #fff;
	border-bottom: 1px solid #c7e6e2;
	padding: 28px 16px 18px 28px;
}

#logo {
	float: left;
	margin: 0;
	position: relative;
	z-index: 4;
}

#block-block-7 {
	float: right;
	margin-top: -20px;
	position: relative;
	z-index: 1001;	
}

#block-block-3 {
	clear: none;
	float: right;
	margin-top: -20px;
	position: relative;
	z-index: 5;
	text-align: right;
	width: 300px;
}

#block-block-7 li,
#block-block-3 li {
	display: inline;
	list-style: none;
}

#block-block-7 ul,
#block-block-3 ul {
	margin: 0 0 15px;
}

#block-block-3 li a {
	background: #9976b8;
	color: #fff;
	font-family: Museo900, sans-serif;
	font-size: 15px;
	padding: 14px 20px;
	text-decoration: none;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-bottomleft: 12px;
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
	-moz-text-shadow: 0 0 5px #7341a0;
	-webkit-text-shadow: 0 0 5px #7341a0;
	text-shadow: 0 0 5px #7341a0;
}

#block-block-3 li a:hover {
	background: #57307a;
}

#block-search-form {
	clear: right;	
	float: right;
}

#block-search-form input.form-text {
	background: url(../images/bg-search.png) no-repeat;
	border: none;
	border-color: none;
	border-style: none;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: 12px;
	margin-right: 4px;
	height: 27px;
	padding: 0 0 0 25px;
	width: 217px;
	-webkit-appearance: none;	
}

#block-search-form input.form-text::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

#block-search-form input.form-submit {
	background: url(../images/btn-go.png);
	border: 0;
	cursor: pointer;
	height: 27px;
	text-indent: -9999px;
	width: 37px;
}

#menu-bar .block-search {
	display: none;
}

/* Nav 
--------------------------------------------------------*/

.nav nav {
	margin: 0;
}

#menu-bar {
	float: right;
	font-family: Museo500, sans-serif;
	font-size: 15px;
	margin-top: -32px;
}

#menu-bar li {
	display: inline-block;
	line-height: 100%;
	list-style: none;
}

ul.menu li {
	margin: 0;
}

#menu-bar li a {
	border-left: 1px solid #c4e5e2;
	padding: 9px 15px;
	text-decoration: none;
}

#menu-bar li.last a {
	border-right: 1px solid #c4e5e2;
}

/* Footer 
--------------------------------------------------------*/

footer[role="contentinfo"] {
	background: #8061a0;
	clear: both;
	color: #fff;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;	
}

footer[role="contentinfo"] .region-footer {
	padding: 15px 20px;
}

footer[role="contentinfo"] a {
	color: #fff;
	text-decoration: none;
}

footer[role="contentinfo"] a:hover {
	color: #fff;
	text-decoration: underline;
}

#block-block-4 { 
	float: left;
	font-weight: bold;
}

#block-menu-menu-footer-menu {
	float: right;
}

ul.menu ul {
	margin: 0;
}

#block-menu-menu-footer-menu li {
	background: none;
	display: inline;
	float: left;
	margin: 0 50px 0 0;
}

#block-menu-menu-footer-menu li a {
	font-weight: bold;
}

#block-menu-menu-footer-menu li li {
	background: none;	
	list-style-image: none;
	float: none;
	display: block;
	line-height: 130%;
	margin: 0;
	padding: 0;
}

#block-menu-menu-footer-menu li li a {
	font-weight: normal;
}

/* Homepage 
--------------------------------------------------------*/

h2.block-title {
	color: #8361aa;
	font-family: Museo700, sans-serif;
	font-size: 19px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 12px;
}

.front .region-secondary-content,
.front .view-homepage-slideshow {
	float: left;
}

.front .view-homepage-slideshow {
	padding: 0;
	width: 100%;
}

.front .center-wrapper {
	margin: 0 10px 0 20px;
}

.flexslider {
	margin: 0 0 10px;
}

.flexslider .slides img {
	border: 6px solid #fff;
	margin: 0 20px;
	max-width: 930px;
}

.front #main-content #content {
	clear: left;
}

.front .panel-col-bottom .inside {
	margin: 0 auto;
	max-width: 940px;
}

.front .block-region-content .block {
	background: #fff;
	border: 1px solid #c4e5e2;
	line-height: 130%;
	padding: 15px 15px 0;
}

.front .block-region-content #block-views-homepage-slideshow-block {
	background: none;
	border: none;
	padding: 0;
	width: auto;
}

.front .block-region-content #block-system-main.block {
	background: none;
	border: none;
}

.front .field-name-facebook-feed {
	float: right;
	margin-bottom: 30px;
	max-width: 460px;
	width: 49%;
}

.front .field-name-contact-us, 
.front .field-name-newsletter-signup {
	float: left;
	max-width: 460px;
	width: 49%;
}

.front .field-name-newsletter-signup {
	margin-top: 20px;
}

.front .field-name-newsletter-signup #block-block-2 {
	padding: 15px;
}

.front .field-name-newsletter-signup #block-block-2 input#newsletter-email {
	width: 76%;
}

.view-featured-placement .views-field-field-image {
	margin-bottom: 10px;
	text-align: center;
}

.front .view-featured-placement .views-field-field-image img {
	height: auto !important;
	max-height: 197px;
}

.view-featured-placement .views-field-title {
	font-family: MuseoSans500;
	font-size: 15px;
	margin-bottom: 3px;
}

.front .region-sidebar-second {
	margin-top: 26px;
}

/* Newsletter Signup */
#block-block-2 {
	background: #c4e5e2;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 15px 10px;
}

#block-block-2 h2.block-title {
	color: #555;
	font-family: MuseoSans700, sans-serif;
	font-size: 15px;
	font-weight: normal;
}

#block-block-2 input#newsletter-email {
	border: 1px solid #88d0c7;
	color: #555;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 21px;
	margin: 0 5px 0 0;
	padding: 4px;
	width: 190px;
}

#block-block-2 input#newsletter-submit {
	float: left;
	margin-right: 5px;
}

/* Volunteer Placements Map block */
#block-block-6 {
	background: #fff;
	border-top: 1px solid #c5e5e2;
	border-bottom: 1px solid #c5e5e2;
	border-left: 1px solid #c5e5e2;
	padding: 10px 10px 3px;	
}



/* From the Blog */
.not-front #block-views-from-the-blog-block {
	background: #fff;
	border-top: 1px solid #c5e5e2;
	border-bottom: 1px solid #c5e5e2;
	border-left: 1px solid #c5e5e2;
	padding: 10px 10px 1px;
}

#block-views-from-the-blog-block .view-header {
	float: right;
	margin-top: -38px;
}

.view-from-the-blog .view-header {
	float: right;	
	margin-top: -40px;
}

.view-from-the-blog .view-header a,
#block-views-from-the-blog-block .view-header a {
	background: url(../../images/rss.png) no-repeat;
	display: block;
	float: right;
	height: 20px;
	text-indent: -9999px;
	width: 20px;
}

#block-views-from-the-blog-block .views-row {
	line-height: 130%;
}

.view-from-the-blog .views-row,
#block-views-from-the-blog-block .views-row {
	margin: 0 0 14px;
}

.view-from-the-blog .views-field-field-tags,
#block-views-from-the-blog-block .views-field-field-tags {
	color: #57307a;
	font-size: 11px;
	text-transform: uppercase;
}

.view-from-the-blog .views-field-title,
#block-views-from-the-blog-block .views-field-title {
	font-family: MuseoSans500, sans-serif;
	font-size: 15px;
}

.view-from-the-blog .views-field-created,
#block-views-from-the-blog-block .views-field-created {
	color: #666;
	font-family: MuseoSans500, sans-serif;
	font-size: 11px;
	margin: 0 0 10px;
}

.view-from-the-blog .views-row {
	border-top: 1px dotted #ddd;
	clear: both;
	padding: 15px 0 0;
}

.view-from-the-blog .views-field-field-image {
	float: left;
	margin: 0 20px 15px 0;
}

/* Announcements */

#block-views-announcements-block {
	background: #c4e5e2;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	padding: 10px 10px 0;	
}

#block-views-announcements-block h2.block-title {
	color: #555;
	font-family: Museo700, sans-serif;
	font-size: 17px;
}

#block-views-announcements-block p {
	margin: 0;
}

#block-views-announcements-block .views-field-title {
	font-family: MuseoSans500, sans-serif;
	font-size: 15px;
	font-weight: normal;
	margin: 0;
}

#block-views-announcements-block .views-row {
	margin-bottom: 10px;
}

.view-footer {
	color: #40a598;
}

.view-footer a {
	font-family: MuseoSans700, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

.view-footer a:hover {
	text-decoration: underline;
}

/* Placements 
--------------------------------------------------------*/

#main-content .view-placements .views-row {
	float: left;
	height: 175px;
	line-height: 130%;
	margin: 0 0 20px 0;
	text-align: center;
	width: 198px;
}

.view-placements .views-field-field-image {
	margin: 0 10px;
	text-align: center;
}

#block-menu-block-1,
#block-views-placements-block {
	background: #dbd0e5;
	border-top: 1px solid #c7b4d8;
	border-bottom: 1px solid #c7b4d8;
	border-left: 1px solid #c7b4d8;
	line-height: 130%;
	padding: 10px;
}

#block-views-placements-block h2.block-title {
	color: #333;
}

#block-views-placements-block a {
	color: #57307a;
	font-family: MuseoSans500, sans-serif;	
	font-size: 14px;
}

#block-views-placements-block .views-row {
	margin: 0 0 7px;
}

.node-type-placement .field-name-field-image {
	float: left;
	margin: 2px 12px 0 0;
}

.node-type-placement .field-name-field-image img {
	border: 3px solid #fff;
	-moz-box-shadow: 0 0 7px #888;
	-webkit-box-shadow: 0 0 7px #888;
	box-shadow: 0 0 7px #888;		
}

.node-type-placement .field-name-field-apply-link {
	clear: both;
	padding: 20px 0 0;
}

a.button,
.node-type-placement .field-name-field-apply-link a {
	background: #40a598;
	border-radius: 5px;
	color: #fff;
	font-family: Museo700, sans-serif;
	font-size: 18px;
	padding: 8px 20px;
	text-decoration: none;
}

a.button:hover,
.node-type-placement .field-name-field-apply-link a:hover {
	background: #167c6f;
}
	
#block-menu-block-1 ul {
	margin: 8px 0 0;
	padding: 0;
}
	
#block-menu-block-1 li {
	font-family: MuseoSans500, sans-serif;		
	font-size: 14px;
	list-style: none;
	margin: 0 0 8px;
}

#block-menu-block-1 a {
	color: #57307a;
}

#block-menu-block-1 a:hover {
	color: #000;
}

.special {
	background: #eee;
	border: 1px solid #ddd;
	padding: 15px 10px 0;
	margin-bottom: 15px;
}


/* Blog Entries 
--------------------------------------------------------*/

.node-type-article #main-content > header h1#page-title,
.node-type-article #main-content > header {
	margin: 0;
	padding: 0;
}

.node-type-article .field-name-field-tags {
	font-size: 13px;
	margin: 0 0 15px;
	text-transform: uppercase;
}

.node-type-article #block-system-main .field-name-field-tags ul {
	margin: 0;
}

.node-type-article .field-name-field-tags li {
	list-style: none;
}

.node-type-article .field-name-field-image {
	margin-bottom: 15px;
	text-align: center;
}

.node-type-article .field-name-field-image img {
	border: 3px solid #fff;
	-moz-box-shadow: 0 0 7px #888;
	-webkit-box-shadow: 0 0 7px #888;
	box-shadow: 0 0 7px #888;	
}

/* Program Fees
--------------------------------------------------------*/

#article-14 table {
	border: 1px solid #ccc;
	margin: 0 120px;
	width: 350px;
}
#article-14 table td {
	padding: 3px 15px;
	text-align: center;
}

.page-admin #block-user-login h2.block-title {
	margin: 15px 0 0;
	padding: 0;
}

.block.default,
#block-block-8 {
	background: #fff;
	border-top: 1px solid #c5e5e2;
	border-bottom: 1px solid #c5e5e2;
	border-left: 1px solid #c5e5e2;
	padding: 10px 10px 1px;	
}

/* Volunteer login page
--------------------------------------------------------*/

.page-node-54 .item-list a {
	display: none;
}

/* Volunteer search
--------------------------------------------------------*/

.view-application-search .views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 0;
}

.view-application-search .views-row {
	border-top: 1px solid #ccc;
	margin-top: 15px;
	padding-top: 15px;
}

/* Volunteer form
--------------------------------------------------------*/

.form-item {
	clear: both;
}

.form-radios .form-item {
	clear: none;
	float: left;
	margin-right: 10px;
}

/* Photo gallery
--------------------------------------------------------*/

.article-photo-gallery .field-name-field-photo .field-item {
	float: left;
	margin: 0 10px 3px 0;
}

.view-photo-field-collection td {
	padding: 5px 7px 3px;
	vertical-align: top;
}

.view-photo-field-collection td .views-field-field-caption-1 {
	line-height: 110%;
}

.front .field-name-field-quote {
	padding: 30px 10% 0;
}

.front .field-name-field-quote p {
	text-align: center;
}

.field-name-field-quote {
	padding: 5px 15px 15px 10px;
}

#colorbox .caption a {
    font-family: CorbelBold;
	font-size: 20px;
    text-decoration: none;
}


.field-name-field-quote p {
	color: #065c4f;
	font-family: MuseoSans500Italic;
	font-size: 15px;
	margin: 0;
}

.field-name-field-quote strong {
	display: inline-block;
	font-family: MuseoSans500;
	font-size: 13px;
}

.field-name-field-quote strong:before {
	content: "– "
}

/* Misc global
--------------------------------------------------------*/
#block-system-main ul,
#block-system-main ol {
	margin: 0 0 1.5em 40px;
}

#block-system-main .flexslider ul {
	margin: 0;
}

.flexslider {
	background: none;
	border: none;
}