/*

Theme Name: CPL

Theme URI:

Author: Invictus

Author URI: http://thinkinvictus.com/

Description: Custom theme developed for Canine Partners for Life.

Version: 1.0

License: GNU General Public License

License URI: license.txt

Tags: 

Template: toolbox

*/



@import url(-/css/reset.css);

@import url(http://fonts.googleapis.com/css?family=Oswald:300,400);

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);



/* =============================================================================

   TABLE OF CONTENTS

   ========================================================================== */

   

   /* 

    STRUCTURE

	TYPOGRAPHY

    GLOBAL ELEMENTS

    MEDIA

	WELCOME MESSAGE

    HEADER

    NAVIGATION

    FEATURED RECIPIENT STORIES

	CONTENT

	PROMO (On Homepage)

	FEATURED INFO (On Homepage)

    SIDEBARS

	FEEDBACK

    FOOTER

    FORMS

	WORDPRESS ADMIN

    RESPONSIVE DESIGN

   */



/* =============================================================================

   $STRUCTURE

   ========================================================================== */

html {

  	height: 100%;

    min-height: 100%;

}

body {

  	color: #222;

  	background: #fff;

  	min-height: 100%;

  	position: relative;

}

#container, .feedbackform {

  	width: 94%;

  	max-width: 994px;

  	min-width: 770px;

  	margin: 0 auto;

  	padding: 0 15px;

  	position: relative;

}

#container {

  	width: auto;

}

.header {

  	height: 175px;

  	padding: 0 15px;

  	margin-bottom: 35px;

  	background: #1d2e5d; /* Old browsers */

    background: -moz-linear-gradient(left, #1d2e5d 0%, #525973 23%, #1d2e5d 51%, #525973 74%, #1d2e5d 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d2e5d), color-stop(23%,#525973), color-stop(51%,#1d2e5d), color-stop(74%,#525973), color-stop(100%,#1d2e5d)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(left, #1d2e5d 0%,#525973 23%,#1d2e5d 51%,#525973 74%,#1d2e5d 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(left, #1d2e5d 0%,#525973 23%,#1d2e5d 51%,#525973 74%,#1d2e5d 100%); /* Opera11.10+ */

    background: -ms-linear-gradient(left, #1d2e5d 0%,#525973 23%,#1d2e5d 51%,#525973 74%,#1d2e5d 100%); /* IE10+ */

    background: linear-gradient(left, #1d2e5d 0%,#525973 23%,#1d2e5d 51%,#525973 74%,#1d2e5d 100%); /* W3C */

  	position: relative;

}

#primary-nav {

  	overflow: hidden;

  	width: 90%;

  	margin: 0 auto;

}

#secondary-nav {

  	position: absolute;

 	 top: 185px;

  	width: 100%;

  	right: 0;

}

#search {

  	position: absolute;

  	right: 0;

  	top: 220px;

  	z-index: 20;

 	width: 19%;

}

#content #search {

	position: static;

	width: auto;

	border-top: 1px dotted #000;

	padding-top: 10px;

	margin-top: 10px;

}

#sub-nav, .page .recipient-stories {

  	width: 25.5%;

  	margin: 0 2.5% 20px 0;

	overflow: hidden;

  	float: right;

}

#sub-nav {

  	display: block;	

}

#main {

  	padding: 10px 0 100px;

	width: 100%;

	overflow: auto;

}

#ie7 #main {

  	zoom: 1;

}

#content {

  	width: 64%;   

  	padding: 0 2% 0;

  	margin-left: 11%;

  	position: relative;

  	float: left;

  	overflow: hidden;  

}

.page #content {

  	width: 46%;

  	min-height: 900px;

  	margin-left: 15.5%;

	padding-bottom: 20px;

  	float: left;

}

.page.calendar #content, .page.store #content {

	width: 80%;

}

.page .no-featuresidebar #content {

	width: 70%;

	padding-left: 5%;

}

.content-wrapper {

  	width: 79.5%;

  	float: left;

  	position: relative;

  	overflow: hidden;

}

.recipient-stories {

  	height: 270px;

  	overflow: hidden;

  	position: relative;

  	background-color: #fff;

	margin-bottom: 20px;

}

.page .recipient-stories {

  	padding: 20px 1.5% 15px;

	margin-bottom: 0;

  	width: 22.75%;

  	height: auto;

  	background-color: #d12229;

	clear: right;

}

.recipient-stories div {

  	width: 185px;

  	height: 275px;

  	top: -5px;

  	right: 0;

  	position: absolute;

  	padding: 15px 20px 0 125px;

  	background: url(images/artwork/recent_stories_bground-alt.png) no-repeat left center;

}

.promo {

	background-color: #fff;

	border-left: 1px solid #000;

	padding: 15px 0 0;

}

#ie6 .promo {

	border: none;

}

.page .promo {

	clear: both;

	margin-left: 15.5%;

}

.promo div {

	border-top: 4px solid #69afca;

	padding: 10px;

	margin-left: 3%;

}

.featured { /* For columns below Recipient Stories on homepage */

    clear: left;

    width: 100%;

  	position: relative;

    overflow: hidden;  

}

.featured .section {

  	width: 28.3%;

  	padding-left: 3%;

  	margin-left: 3%;

  	float: left;

}

.featured .featured-about {

  	margin-left: 0;

}

.border {

 	background: url(images/artwork/border.png) repeat-y right top;

  	position: absolute;

  	width: 1px;

  	height: 100%;

  	top: 0;

}

#border1 {

  	left: 0;

}

#border2 {

  	right: 32%;

}

#border3 {

  	right: 66%;

}

#border4  {

  	right: 0;

}

.featured {

  	clear: left;

}

.sidebar-left {

 	width: 10%;

  	position: absolute;

  	padding: 0 2% 0 0; 

  	top: 325px;

  	left: 19px;

}

.sidebar-right { 

	color: #fff;

  	width: 19%;

  	float: right;

  	display: inline;

  	overflow: hidden;

  	margin-top: 45px;

}

.sidebar-right .stay-connected, .sidebar-right .events-info, 

.sidebar-right .contact-info, .sidebar-right current-newsletter {

    padding: 15px;

	margin-bottom: 20px;

}

.sidebar-right .stay-connected {

  	background-color: #898331;

}

.sidebar-right .events-info {

  	background-color: #683888;

}

.sidebar-right .contact-info {

  	background-color: #ec642d;

}

#feedbackform-slider {

  	position: absolute;

  	bottom: 0;

  	width: 100%;

}

.no-js #feedbackform-slider {

	position: static;

}

.feedbackform-wrapper {

  	width: 100%;

  	overflow: hidden;

}

.feedbackform {

  	padding: 30px 0 75px;

  	overflow: hidden;

}

   

/* =============================================================================

   $TYPOGRAPHY

   ========================================================================== */

html { font-size: 62.5%; }

body { font-size: 14px; font-size: 1.4rem; }

#content, .page .recipient-stories {

  font-family: "Baskerville Narrow Regular", 'Times New Roman', Times, serif, serif; 

  font-size-adjust: 0.4; 

  font-weight: normal; 

  font-style: normal;

}

#content strong, #content b,

#content dt {

  font-family: "Baskerville Narrow Bold", 'Times New Roman', Times, serif, serif;  

  font-weight: bold; 

}

#content strong em, #content b em, #content em strong, #content em b,

#content strong i, #content b i, #content i strong, #content i b {

  font-family: "Baskerville Narrow Bold Oblique", 'Times New Roman', Times, serif, serif;  

  font-weight: bold; 

  font-style: italic;

}

#content em, #content i {

  font-family: "Baskerville Narrow Oblique", 'Times New Roman', Times, serif, serif; 

  font-style:italic;

}

#sub-nav a,

#content h3, #content small, .home #content span.eventcategory,

.wp-caption-text,

a.post-edit-link, a:visited.post-edit-link,

.sidebar-right h3,

.sidebar-right p, .sidebar-right address, .sidebar-right li {

  font-family: "Folio Condensed Light", "Open Sans Condensed", 'Helvetica Neue', Arial, Helvetica, sans-serif; 

  font-size-adjust: 0.43; 

  font-weight: 200; 

  font-style: normal;

}

#primary-nav, #secondary-nav, .featured h2, .sidebar-right h2,

a.button-link, #search button, .recipient-stories a,

#content h2, #content h4, ul.simplePagerNav a,

.sidebar-right strong, .sidebar-right b,

#jqeasytrigger b, .feedbackform h2, .feedbackform h3,

.feedbackform label, .feedbackform button, .store-promo h1 {

  font-family: "Folio Condensed Medium", 'Open Sans Condensed', 'Helvetica Neue', Arial, Helvetica, sans-serif; 

  font-size-adjust: 0.48; 

  font-weight: 500; 

  font-style: normal;

  word-spacing: -0.1em;

}

#welcomemessage p, #intromessage p,

.header .support a, #content .recipient-stories h3, .recipient-stories h3,

#content .promo h2, .page #content h5 {

  font-family:"Nimbus Sans Latin Light", Arial, 'Helvetica Neue', Helvetica, sans-serif; 

  font-size-adjust: 0.53; 

  font-weight: 200; 

  font-style:normal;

}

#intromessage h1,

.header .support span.cpl, #content .recipient-stories h2, .recipient-stories h2 {

  font-family: "Nimbus Sans Latin Black", Arial, 'Helvetica Neue', Helvetica, sans-serif;  

  font-weight:800;

}



/* =============================================================================

   $GLOBAL ELEMENTS

   ========================================================================== */

html { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; }

.color-red { color: #d12229 !important; }

.color-darkyellow { color: #898331 !important; }

.color-orange { color: #ec642d !important; }

.color-purple { color: #683888 !important; }

.color-lightblue { color: #4a98dd !important; }

h1, h2, h3, h4, h5, h6,

#primary-nav a, #secondary-nav a, #search {

  	line-height: 1;

 	text-rendering: optimizeLegibility;

  	padding: 0;

  	margin: 0;

}

p, li, dl, address, blockquote {

  	font-size: 16px;

  	font-size: 1.6rem;

  	line-height: 1.2;

}

p {

  margin: 7px 0 15px;

}

blockquote {

  	color: #555;

}

a, a:visited {

  	text-decoration: none;

  	color: #368bd7;

}

a:hover, a:focus {

  	color: #01245d;

}

a.button-link, a:visited.button-link {

	font-size: 18px;

	font-size: 1.8rem;

  	line-height: 18px; 

    text-decoration: none !important;

    color: #fff;

    background-color: #d12229; 

  	padding: 1px 7px 3px;  

  	border: none;

  	-moz-border-radius: 2px;

  	-webkit-border-radius: 2px;

  	border-radius: 2px;

	-webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.41);

	-moz-box-shadow:    1px 1px 3px rgba(50, 50, 50, 0.41);

	box-shadow:         1px 1px 3px rgba(50, 50, 50, 0.41);

}

a:hover.button-link,

a:focus.button-link {

  	background-color: #01245d;

  	color: #fff !important;

}

a.post-edit-link, a:visited.post-edit-link {

	font-size: 15px;

	font-size: 1.5rem;

	text-transform: uppercase;

	border: none;

}

a:focus img {

	opacity: 0.8;

}

#backtotop {

	text-align: center;

	display: block;

	clear: both;

	margin-top: -25px;

	padding-bottom: 50px;

}

address {

  	font-style: normal;

}

dd {

	margin: 0 0 10px 0;

}

abbr, acronym {

	border: none !important;

	cursor: help;

}

cite {

	padding-left: 3px;

}

.uppercase {

  	text-transform: uppercase;

}

.font-sansserif {

  	font-family: Helvetica, Arial, sans-serif !important;

}



/* =============================================================================

   $MEDIA

   ========================================================================== */

img,

embed,

object {

  	max-width: 100%;

  	width: auto;

  	height: auto;

  	border: none;

}

img.size-large {

  	width: 100%;

}

img.size-medium {

  	/* width: 50%; */

}

.alignnone {

  	display: block;

}

.alignleft {

  	float: left;

  	margin: 0 3% 3px 0;

}

.alignright {

  	float: right;

  	margin: 0 0 3px 3%;

}

.wp-caption {

	width: auto !important;

}

div.alignleft, div.alignright {

	width: 50% !important;

}

video { /* HTML5 Tag */

  	width: 100% !important;

  	height: auto !important;

	border: none;

}

div.video {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

	margin-bottom: 20px;

}

div.video iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100% !important;

	height: 100%;

}



/* =============================================================================

   $WELCOME MESSAGE

   ========================================================================== */

#welcomemessage {

	background-color: #999;

	padding: 20px 0;

	-webkit-box-shadow: inset 0px -1px 7px rgba(51, 50, 50, 0.55);

	-moz-box-shadow:    inset 0px -1px 7px rgba(51, 50, 50, 0.55);

	box-shadow:         inset 0px -1px 7px rgba(51, 50, 50, 0.55);

}

#welcomemessage p {

	font-size: 22px;

	font-size: 2.2rem;

	max-width: 994px;

  	margin: 0 auto;

  	padding: 0 15px;

}

#intromessage {

	padding: 5px;

}

#intromessage h1 {

	font-size: 23px;

	font-size: 2.3rem;

	color: #d12229;

}

#intromessage p {

	font-size: 22px;

	font-size: 2.2rem;

	margin-bottom: 5px;

}

#intromessage p small {

	font-size: 14px;

	font-size: 1.4rem;

	display: block;

	text-align: center;

}

#intromessage span {

	text-transform: uppercase;

	text-align: center;

	display: block;

}

#intromessage .closebutton {

	font-size: 26px !important;

	font-size: 2.6rem !important;

	text-transform: none !important;

}

	

   

/* =============================================================================

   $HEADER

   ========================================================================== */

.header h1 {

  width: 100%;

  position: absolute;

  z-index: 10;

  top: 50px;

  left: 0;

}

.header h1 a, .header h1 a:visited {

    text-decoration: none;

  width: 100%;

  border: none;

  display: block;

  overflow: visible;

}

.header h1 a:hover {

  border: none;

}

.header h1 a img {

  width: 73%;

  height: auto;

  display: block;

  margin: 0 auto; 

}

.header h1 a img.ie6-cpl-logo {

  display: none;

}

#cpl-logo-print {

	display: none;

}



/* =============================================================================

   $NAVIGATION

   ========================================================================== */

.header a, .header a:visited {

  	text-decoration: none;

}

.header ul, #secondary-nav {

	padding: 0;

  	margin: 0;

}

.header ul, #secondary-nav, #sub-nav {

  	list-style-type: none;

}

#primary-nav li {

  	margin-right: 0.9%;

  	float: left;

  	/* width: 19.1%; */

	width: 24.1%;

}

#primary-nav li.partners {

  	margin-right: 0;

}

.header #primary-nav a, .header #primary-nav a:visited {

  	font-size: 17px;

	font-size: 1.7rem;

  	line-height: 1.7;

  	text-transform: uppercase;

  	text-align: center;

  	color: #fff !important;

  	display: block;

  	padding: 3px 0;

  	border: none;

}

.header #primary-nav a:hover, .header #primary-nav a:focus {

  	color: #01245d;

}

li.about a {

  	background-color: #d12229;

}

li.getadog a {

  	background-color: #898331;

}

li.graduate a {

  	background-color: #dea116;

}

li.volunteer a {

  	background-color: #4a98dd;

}

li.partners a {

  	background-color: #ef6127;

}

li.about a:hover, li.getadog a:hover, li.graduate a:hover, li.volunteer a:hover, li.partners a:hover,

li.about a:focus, li.getadog a:focus, li.graduate a:focus, li.volunteer a:focus, li.partners a:focus {

  	background-color: #76adde;

}

.about li.about a, .getadog li.getadog a, .graduate li.graduate a, .volunteer li.volunteer a, .partners li.partners a {

	background-color: #25264f;

}

.header .support a { /* Donate Button */

  	font-size: 17px;

	font-size: 1.7rem;

  	line-height: 1.15;

  	text-align: center;

  	text-transform: uppercase;

  	color: #fff;

  	background: url(images/artwork/support_bground.png) no-repeat 0 bottom;

  	width: 90px;

  	padding: 15px 10px 32px;

  	top: 220px;

  	left: 0;

  	border: none;

  	position: absolute;

  	z-index: 30;

  	-webkit-transition: top 0.3s ease-out;

    -o-transition: top 0.3s ease-out;

    -moz-transition: top 0.3s ease-out;

  	transition: top 0.3s ease-out;

}

.header .support a:hover, .header .support a:focus {

  background-position: -120px bottom;

}

.header .support span {

  display: block;

  text-align: center;

}

.header .support span.cpl {

  font-size: 35px;

font-size: 3.5rem;

  margin-top: -5px;

}

.header abbr {

  border: none;

  cursor: pointer;

}

#secondary-nav {

  text-align: right;

}

#secondary-nav li {

  display: inline;

  margin-left: 2px;

  background: url(images/artwork/secondary-nav_bground.png) no-repeat left center;

  padding-left: 23px;

}

#secondary-nav li.first {

  background: none;

}

#secondary-nav a {

  	font-size: 17px;

	font-size: 1.7rem;

  	color: #53534a;

  	text-transform: uppercase;

  	border: none;

}

#secondary-nav a:hover, #secondary-nav a:focus {

  	color: #01245d;

  	border-bottom: 1px solid #01245d;

}

#secondary-nav .current a {

	color: #25264f;

	border-bottom: 2px solid #d12229;

}

#sub-nav li {

  	margin-bottom: 3px;

}

#sub-nav a {

  font-size: 16px;

  font-size: 1.6rem;

  line-height: 1.4;

  text-transform: uppercase;

  color: #222;

  display: block;

  padding: 0 5px 5px;

  border: none;

}

#sub-nav a:hover, #sub-nav a:focus, #sub-nav .current a, #sub-nav .current_page_item a {

  background-color: #d12229;

  color: #fff;

}

.page #content ul.simplePagerNav {

	list-style: none;

	padding: 10px 0;

	clear: both;

}

ul.simplePagerNav li {

	display: inline;

	margin-right: 7px;

}

ul.simplePagerNav a, ul.simplePagerNav a:visited {

	font-size: 18px;

	font-size: 1.8rem;

  	line-height: 18px; 

    text-decoration: none !important;

    color: #fff;

    background-color: #d12229; 

  	padding: 1px 7px 3px;  

  	border: none;

  	-moz-border-radius: 2px;

  	-webkit-border-radius: 2px;

  	border-radius: 2px;

	-webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.41);

	-moz-box-shadow:    1px 1px 3px rgba(50, 50, 50, 0.41);

	box-shadow:         1px 1px 3px rgba(50, 50, 50, 0.41);

}

ul.simplePagerNav a:hover, ul.simplePagerNav a:focus,

ul.simplePagerNav .currentPage a, ul.simplePagerNav .currentPage a:visited {

	background-color: #01245d;

  	color: #fff;

}



/* =============================================================================

   $FEATURED RECIPIENT STORIES

   ========================================================================== */

.recipient-stories, #content .recipient-stories h2, .recipient-stories h2,

#content .recipient-stories h3, .recipient-stories h3,

.recipient-stories a, .recipient-stories a:visited {

  	color: #fff;

}

#content .recipient-stories img {

  	width: 73%;

 	height: auto;

  	display: block;

  	margin-left: -20px;

}

.page .recipient-stories img {

  	width: auto;

  	height: auto;

  	max-width: 100%;

  	margin: 15px 0;

}

#content .recipient-stories h3, .recipient-stories h3 {

  	padding-bottom: 8px;

}

#content .recipient-stories h2,

.page .recipient-stories h2 {

	text-transform: uppercase;

	padding-bottom: 3px;

}

#content .recipient-stories h2 {

  	font-size: 29px;

	font-size: 2.9rem;

  	line-height: 0.9;

  	margin-top: 8px;

}

.page .recipient-stories h2 {

  	font-size: 25px;

	font-size: 2.5rem;

	padding-bottom: 0;

	margin-top: 3px;

}

#content .recipient-stories h2 span {

  	font-size: 37px;

	font-size: 3.7rem;

  	display: block;

}

.page .recipient-stories h2 span {

  	font-size: 32px;

	font-size: 3.2rem;

}

#content .recipient-stories h3, .recipient-stories h3 {

  	font-size: 20px;

	font-size: 2.0rem;

  	text-transform: uppercase;

  	padding-top: 5px;

}

.page .recipient-stories h3 {

  	font-size: 17px;

	font-size: 1.7rem;

	line-height: 1.2;

  	padding-top: 0;

}

.recipient-stories p {

  	margin: 0 0 7px;

}

.recipient-stories a, .recipient-stories a:visited {

  	font-size: 18px;

	font-size: 1.8rem;

    text-decoration: none;

  	border: none;

}

.recipient-stories a:hover, .recipient-stories a:focus {

  	color: #fd8b90;

}



/* =============================================================================

   $CONTENT

   ========================================================================== */

#content .featured h2, #content h3, #content h4, #content h5, .store-promo h1 {

  	text-transform: uppercase;

  	color: #01245d;

  	font-size: 19px;

	font-size: 1.9rem;

	line-height: 1.2;

}

#content h2 {

  	font-size: 38px;

	font-size: 3.8rem;

  	text-transform: none;

  	color: #d12229;

}

.page #content h2 {

	margin-bottom: 12px;

}

#content h3 {

  	font-size: 25px;

	font-size: 2.5rem;

}

.page #content h3 {

	line-height: 1.1;

}

.multiple-posts #content h3 {

	padding-bottom: 5px;

}

#single-post #content h3 {

	line-height: 1;

	margin-bottom: 5px;

}

#content h2 span.searched-term, #content h3 span.searched-term {

	color: #777;

}

#content h4 {

  	font-size: 21px;

	font-size: 2.1rem;

	text-transform: none;

	color: #000;

	margin-top: 8px;

}

#content h5 {

	font-size: 17px;

	font-size: 1.7rem;

	color: #444;

	padding-top: 8px;

}

span.eventcategory {

	font-size: 14px;

	font-size: 1.4rem;

	color: #777;

	display: block;

	padding: 0 0 5px;

}

.home span.eventcategory  {

	text-transform: uppercase;	

}

.page #content p, .page #content li, .page #content dl, .page #content blockquote {

  	font-size: 17px;

  	font-size: 1.7rem;

  	line-height: 1.2;

}

.page #content p {

	margin-bottom: 15px;

}

.page #content a {

	text-decoration: underline;

}

#content small {

	font-size: 17px;

	font-size: 1.7rem;

	color: #666;

	display: block;

	padding-bottom: 5px;

}

#content ul {

	margin-bottom: 10px;

}

.page #content ul, .page #content ol {

	clear: left;

	margin-bottom: 20px;

	padding-left: 20px;

}

.page #content ul {

	list-style-type: circle;

}

.page #content ol {

	padding-left: 35px;

}

.page #content li ul {

	padding-left: 40px;

}

.events #content ul {

	list-style: none;

	padding-left: 0;

}

.multiple-posts #content ol, .contact-directory #content ol {

	list-style: none;

    padding-left: 0;

}

#content li {

	margin-bottom: 5px;

}

.page #content li {

	margin-bottom: 10px;

}

.events #content li, .multiple-posts #content li {

	margin-bottom: 30px;

	clear: both;

}

.multiple-posts #content #newsletter-list li {

	text-align: center;

	float: left;

	width: 46%;

	padding: 0 2%;

	height: 320px;

	clear: none;

}

.contact-directory #content li {

	border-top: 1px solid #ddd;

	padding: 8px 0;

}

.events #content dl {

	margin-top: 0;

}

#content .search-item {

	padding: 10px 0 0;

	margin-bottom: 5px;

}

#content .search-item-url {

	padding-top: 5px;

	display: block;

}

.top-pagenav {

	float: right;

	margin-top: 10px;

}

.top-pagenav a {

	margin-left: 4px;

}

#content img {

  	margin-bottom: 15px;

}

#content .featured img {

	margin-bottom: 10px;

}

.multiple-posts #content img {

	width: 155px;

	float: right;

	margin: 10px 0 5px 3%;

}

.multiple-posts #content #newsletter-list img {

	float: none;

	width: 130px;

	margin-left: 0;

	-webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.41);

	-moz-box-shadow:    1px 1px 3px rgba(50, 50, 50, 0.41);

	box-shadow:         1px 1px 3px rgba(50, 50, 50, 0.41);

}

#single-post #content img.attachment-singlepage-image {

	margin-top: 25px;

}

#single-post #content img.attachment-recipientstories-homepage-image {

	margin: 25px auto 30px;

	display: block;

}

p.wp-caption-text {

	line-height: 1;

	color: #01245d;

	margin: -3px 0 23px !important;

	padding: 5px 0 10px;

	border-top: 1px solid #01245d;

	border-bottom: 1px solid #01245d;

}



/* =============================================================================

   $STORE

   ========================================================================== */

.store-promo {

	padding: 10px;

	margin-top: 25px;

	background: #efefef;

}

.page .store-promo {

	color: #01245d;

	margin-top: 5px;

	margin-bottom: 20px;

}

.store-promo h1, .store-promo h2 {

	color: #d12229 !important;

}

.store-promo p, .store-promo ul, .store-promo ol {

	font-family: 'Helvetica Neue', 'HelveticaNueue', Helvetica, Arial, sans-serif;

	font-size: 13px;

	font-size: 1.3rem;

}

.store-promo img {

	display: block;

	float: none !important;

}

.store-promo img, .store-promo iframe {

	margin: 0 auto !important;

}

.store-promo iframe {

	max-width: 100%;

}

.store-promo hr {

	border-top: 1px dotted #222;

}

.page .store-promo a {

	text-decoration: underline;

	color: #368bd7;

}

.page .store-promo a:hover {

	color: #222;

}

.page .store-promo img {

	width: 180px; !important;

}

.page .store-promo hr {

	display: none;

}

/* =============================================================================

   $PROMO

   ========================================================================== */

#content .promo h2 {

	color: #69afca;

	padding-bottom: 5px;

}

#content .promo a {

	text-decoration: underline;

}

#content .promo p img {

	margin-bottom: 0;

}



/* =============================================================================

   $FEATURED INFO

   ========================================================================== */

#content .featured h2, .store-promo h1 {

	margin-bottom: 10px;

}

.home #content .featured h2, .store-promo h1 {

	font-size: 22px;

	font-size: 2.2rem;

}

#content .featured h3 {

	font-size: 19px;

	font-size: 1.9rem;

	margin-bottom: 3px;

	padding-bottom: 0;

}

#content .featured .featured-events h3 {

	line-height: 1.2;

	margin-bottom: 8px;

}

#content .featured .featured-events ul {

	list-style: none;

	padding: 0 0 3px;

}

#content .featured .featured-events li {

	padding-bottom: 5px;

	margin-bottom: 5px;

}

#content .featured a, #content .featured a:visited {

	text-decoration: underline;

}



/* =============================================================================

   $SIDEBARS

   ========================================================================== */

.sidebar-left ul, .sidebar-right ul {

  	list-style: none;

  	padding-left: 0;

}

.sidebar-left ul {

  	margin: 15px 0 25px;

}

.sidebar-left li {

	font-size: 14px;

	font-size: 1.4rem;

  	margin-bottom: 20px;

}

.sidebar-left li a, .sidebar-left li a:visited {

	text-decoration: underline;

}

.sidebar-left img {

  	width: 100%;

  	display: block;

  	margin: 5px auto 30px;

}

.sidebar-left p.copyright{

	line-height: 1;

  	margin-top: 20px;

  	margin-bottom: 0;

}

.sidebar-left .copyright small {

  	font-size: 12px;

	font-size: 1.2rem;

}

.sidebar-right .current-newsletter {

	text-align: center;

}

.sidebar-right img {

  	width: 100%;

}

.sidebar-right h2 {

  	font-size: 22px;

  	font-size: 2.2rem;

  	margin-bottom: 8px;

  	text-transform: uppercase;

}

.sidebar-right .current-newsletter h2 {

	color: #1d2e5d;

	text-align: center;

	padding-bottom: 5px;

}

.sidebar-right a, .sidebar-right a:visited, .sidebar-right h2 {

  	color: #fff;

}

.sidebar-right .current-newsletter a, .sidebar-right .current-newsletter a:visited {

	color: #368bd7;

	text-decoration: underline;

}

.sidebar-right a:hover, .sidebar-right a:focus,

.sidebar-right .current-newsletter a:hover, .sidebar-right .current-newsletter a:focus {

  	color: #01245d;

}

.stay-connected ul {

  	list-style: none;

  	margin-left: 0;

}

.stay-connected li {

  	margin: 0 0 13px 0;

}

a.facebook, a.twitter, a.rss, a.googleplus, a:visited.facebook, a:visited.googleplus, a:visited.twitter, a:visited.rss {

  	background-repeat: no-repeat;

  	background-position: 0 7px;

  	padding: 0 0 10px 30px;

    border: none;

  	text-transform: uppercase;

}

.stay-connected li span {

  	padding-left: 30px;

}

.facebook {

  	background-image: url(images/artwork/facebook_icon.png);

}

.twitter {

 	 background-image: url(images/artwork/twitter_logo.png);

}

.rss {

 	 background-image: url(images/artwork/rss-icon.png);

}

.sidebar-right li {

	margin-bottom: 8px;

	padding-bottom: 8px;

}

.sidebar-right .events-info h3 {

	line-height: 1.2;

	margin-bottom: 5px;

}

.sidebar-right .events-info li a, .sidebar-right .events-info li a:visited {

	color: #e7cafb;

	text-decoration: underline;

}

.sidebar-right .events-info li a:hover, .sidebar-right .events-info li a:focus {

	color: #d12229;

}

.sidebar-right .current-newsletter img {

	width: 130px;

	display: block;

	margin: 5px auto 10px;

	-moz-transform:rotate(3eg);

	-webkit-transform:rotate(3deg);

	-o-transform:rotate(3deg);

	-ms-transform:rotate(3deg);

	transform:rotate(3deg);

	-webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.41);

	-moz-box-shadow:    1px 1px 3px rgba(50, 50, 50, 0.41);

	box-shadow:         1px 1px 3px rgba(50, 50, 50, 0.41);

}



/* =============================================================================

   $FEEDBACK

   ========================================================================== */

.footer-border {

  	background-color: #b70108;

  	background-color: rgba(183,1,8,0.9);

  	height: 8px;

  	width: 100%;

  	position: static;

  	clear: both;

  	bottom: 0;

}

#ie7 .footer-border {

	background-color: #b70108;

}

.feedbackform-wrapper {

  	background-color: #b70108;

  	background-color: rgba(183,1,8,0.9);

}

#ie7 .feedbackform-wrapper {

  	background-color: #b70108;

}

.feedback-desc {

	float: left;

	width: 55%;

}

#ie7 .feedback-desc {

	width: 50%;

}

.feedbackform, .feedbackform h2, .feedbackform li a, .feedbackform li a:visited {

  	color: #fff;

}

.feedbackform h2 {

	font-size: 30px;

  	font-size: 3.0rem;

  	margin-bottom: 10px;

}

.feedbackform ul, .feedbackform ol {

  	list-style: none;

  	margin: 0;

  	padding: 0;

}

.feedbackform li {

	font-size: 18px;

  	font-size: 1.8rem;

	text-transform: uppercase;

	margin-bottom: 10px;

}

.feedbackform li a, .feedbackform li a:visited {

  	border-color: #fff;

}

.feedbackform li a:hover, .feedbackform li a:focus {

  	color: #fd8b90;

  	border-color: #fd8b90;

}



/* JQEASY PANEL PLUGIN

------------------------------------*/

#jqeasypanel {

  	position: static;

  	left: 0;

  	width: 100%;  

  	overflow: hidden;

  	display: none;

  	z-index: 2000;

}

.no-js #jqeasypanel {

	display: block;

}

#jqeasypanel.bottom {

  	bottom: 0;

}

#jqeasytrigger, .slider-button {

  	text-align: center;

  	font-size: 16px;

  	font-size: 1.6rem;

  	text-transform: uppercase;

  	position: static;

  	right: 15px;

  	padding: 5px;

  	width: 100px;

  	height: 20px;

  	background-color: #b70108;

  	background-color: rgba(183,1,8,0.9);

  	z-index: 101;

 	 margin-right: 15px; 

  	float: right; /* delete if alternative plugin does not work */

  	cursor: pointer;

}

.no-js #jqeasytrigger, .no-js .slider-button {

	display: none;

}

#ie7 #jqeasytrigger {

  	background-color: #b70108;

}

#jqeasytrigger.bottom, .slider-button {

  	bottom: 8px;

  	-moz-border-radius-topright: 5px;

  	-webkit-border-top-right-radius: 5px;

 	 border-top-right-radius: 5px;

  	-moz-border-radius-topleft: 5px;

  	-webkit-border-top-left-radius: 5px;

 	 border-top-left-radius: 5px;

}

#jqeasytrigger b {

  	color:#FFF;

  	border: none;

}

#jqeasytrigger b:hover {

  	color:#CCC;

}

#jqeasytrigger b.open {

  	display:block;

}



/* =============================================================================

   $FOOTER (As left sidebar on desktop version)

   ========================================================================== */

.sidebar-left ul {

  list-style: none;

  padding-left: 0;

}

.admin-login {

	font-size: 10px;

	text-transform: uppercase;

	color: #999 !important;

	display: inline-block;

	padding-top: 10px;

}

.admin-login:hover {

	text-decoration: underline;

	color: #333 !important;

}



/* =============================================================================

   $FORMS

   ========================================================================== */

.feedbackform form {

	width: 40%;

	display: block;

	float: right;

	margin: 0 0 0 5%;

}

.feedbackform label {

	display: block;

	margin-bottom: 5px;

}

#search input, #search button, 

.feedbackform input, .feedbackform textarea, .feedbackform button,

.feedbackform span.wpcf7-not-valid-tip, div.wpcf7-response-output {

	-moz-border-radius: 2px;

  	-webkit-border-radius: 2px;

  	border-radius: 2px;

}

#search input, #search button, 

.feedbackform input, .feedbackform textarea, .feedbackform button {

	font-size: 13px;

  	border: 1px solid #888;

  	-moz-border-radius: 2px;

  	-webkit-border-radius: 2px;

  	border-radius: 2px;

  	-moz-box-shadow: inset 0 0 5px #888;

  	-webkit-box-shadow: inset 0 0 5px#888;

  	box-shadow: inset 0 0 5px #888;

  	height: 22px;

  	margin-top: 0;

  	float: left;

}

#search input {

  	text-align: center;

  	width: 66%;

  	padding-left: 1%;

  	margin-left: 0;

}

#search button, .feedbackform button {

  	font-size: 14px;

	font-size: 1.4rem;

	line-height: 1.2;

  	text-transform: uppercase;

  	letter-spacing: normal;

  	text-align: center;

  	color: #01245d;

  	background-color: #fff;

  	display: block;

  	width: 29%;

  	height: 26px;

  	float: right;

}

.feedbackform button {

	font-size: 17px;

	font-size: 1.7rem;

	line-height: 1.3;

	width: auto;

	height: auto;

}

.feedbackform input, .feedbackform textarea, .feedbackform button {

	float: none;

}

.feedbackform input, .feedbackform textarea {

	padding: 5px 3%;

	width: 94%;

}

.feedbackform textarea {

	height: 75px;

	margin-bottom: 5px;

}

#search input:not([type=submit]):focus,

.feedbackform input:not([type=submit]):focus, .feedbackform textarea:focus {

    background-color: #ddd;

	-moz-box-shadow: inset 0 0 5px #333;

  	-webkit-box-shadow: inset 0 0 5px #333;

  	box-shadow: inset 0 0 5px #333;

}

#search button:hover, .feedbackform button:hover,

#search button:focus, .feedbackform button:focus {

  	color: #fff;

  	background-color: #01245d;

  	background-image: none;

  	border: 1px solid  #01245d;

  	-moz-box-shadow: none;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.feedbackform span.wpcf7-not-valid-tip,

div.wpcf7-response-output {

	border: none !important;

	background-color: #333 !important;

	color: #fff !important;

}

div.wpcf7-response-output {

	padding: 8px 3%;

}

div.wpcf7-mail-sent-ok {

	font-size: 18px;

	font-size: 1.8rem;

}

.placeholder-wrap {

	position: relative;

}

.placeholder {

	position: absolute;

	left: 2%;

	top: 5px;

}



/* PAYPAL

------------------------------------*/

.page #content .paypal-form ol {

	list-style: none;

	margin-left: 0;

	padding-left: 0;

}

.paypal-form li {

	background-color: #ececec;

	padding: 15px;

	margin-bottom: 8px;

	-moz-border-radius: 8px;

  	-webkit-border-radius: 8px;

  	border-radius: 8px;

}

.paypal-form label {

	display: block;

	padding-bottom: 3px;

}

.paypal-form select {

	width: 100%;

}

#Submit {

	display: block;

	margin: 0 auto 20px;

}



/* =============================================================================

   $PLUGINS

   ========================================================================== */

/* Fancybox

------------------------------------*/

.fancybox-wrap, .fancybox-default, .fancybox-opened, .fancybox-inner, .fancybox-outer {

	height: auto !important;

}

.fancybox-wrap {

	position: absolute !important;

}



/* Countdown Timer via WordPress

-----------------------------------*/

.TIE-fighter-dashboard {

	height: 35px !important;

	width: 296px !important;

	padding-top: 15px !important;

}

.TIE-fighter-dash {

	width: 39px !important;

	height: 30px !important;

}

.TIE-fighter-dash_title {

	font-family: Verdana, Geneva, sans-serif !important;

	font-weight: 9px !important;

	text-align: center !important;

	text-transform: uppercase !important;

	-webkit-transform: none !important;

	-moz-transform: none !important;

	filter: none !important;

	left: -5px !important;	

	top: -12px !important;

}

.TIE-fighter-digit	{

	font-size: 25px !important;

	width: 18px !important;

}



/* Calendar via Events Made Easy

-----------------------------------*/

.eme-calendar-full {

	padding: 15px 0 !important;

}

.eme-calendar-full table {

	width: 100% !important;

	border-collapse: separate !important;

	border-spacing: 5px !important;

}

.eme-calendar-full table.fullcalendar td {

	font-family: 'Oswald', Verdana, Arial, sans-serif;

	text-align: right !important;

	font-weight: 300;

	width: 14.28571428571429% !important;

	height: 75px !important;

	position: relative;

	padding: 5px !important;

	vertical-align: top !important;

	border: 1px solid #ccc !important;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}

.eme-calendar-full table.fullcalendar td.month_name, .eme-calendar-full table.fullcalendar .days-names td {

	text-rendering: optimizeLegibility;

	letter-spacing: 0.06em;

	height: auto !important;

	border: none !important;

	-webkit-border-radius: 0;

	border-radius: 0;

}

.eme-calendar-full table.fullcalendar td.month_name {

	font-size: 22px;

	text-transform: uppercase;

	text-align: center !important;

	width: 100%;

	padding: 0 !important;

}



.eme-calendar-full table.fullcalendar .prev-month, .eme-calendar-full table.fullcalendar .next-month {

	font-family: Arial, Helvetica, sans-serif !important;

	font-size: 11px !important;

	font-weight: bold;

	text-decoration: none !important;

	color: #fff;

	display: inline-block;

	float: left;

	padding: 5px;

	background: #222;

}

.eme-calendar-full table.fullcalendar a.prev-month:hover, .eme-calendar-full table.fullcalendar .next-month:hover {

	background: #666;

}

.eme-calendar-full table.fullcalendar .next-month {

	float: right;	

}

.eme-calendar-full table.fullcalendar .days-names td {

	font-size: 16px;

	font-weight: 400;

	text-transform: uppercase;

	text-align: center !important;

	padding: 2px 0 0 !important;

	border-top: 1px solid #84D5DD !important;

}

.eventless-pre, .eventless-post {

	color: #bbb;

	background: #f5f4f4;

}

.eventless-today {

	background: #CDF4F8 !important;

}

.eventful ul {

	text-align: left !important;

	list-style: none;

	padding-left: 0;

	margin: -3px 0 0;

}

.eventful li {

	font-family: Verdana, Geneva, sans-serif;

	font-size: 10px;

	line-height: 1.1;

	margin-bottom: 9px;

}

.eventful a {

	text-decoration: none;

	color: #C03;

}

.eventful a:hover {

	text-decoration: underline;

	color: #222 !important;

}





/* =========================================================================

   $WORDPRESS ADMIN

   ========================================================================= */

#wp-admin-bar-comments, #wp-admin-bar-new-page {

	display: none !important;

}



/* =============================================================================

   $RESPONSIVE DESIGN

   ========================================================================== */



@media screen and (max-width: 940px) {



/* STRUCTURE

------------------------------------*/

#search {

  	top: 230px;

}

#secondary-nav {

  	top: 190px;

}

#main {

  	width: 100%;

  	padding-top: 20px;

  	border-bottom: 1px dotted #000;

  	overflow: hidden;

}

#sub-nav, .page .recipient-stories {

  	width: 28.25%;

}

.page .recipient-stories {

    width: 25.5%;

}

#content {

  	width: 75%;

  	padding: 0 15px 0 0;

  	margin: 0 0 25px;

}

.content-wrapper {

  	width: 77.5%;

}

.page #content {

  	margin-left: 0;

  	width: 60%;

}

.page.calendar #content {

	width: 95%;

}

.page .no-featuresidebar #content {

	width: 90%;

	padding-left: 0;

}

.promo {

	border-left: none;

}

.promo div {

	margin-left: 0;

}

#border1 {

  	display: none;

}

#border2 {

  	right: 32.9%;

}

#border3 {

  	right: 68.1%;

}

.featured .section {

  	width: 29.3%;

}

.featured .featured-about {

  	padding-left: 0;

}

.sidebar-right, #search { 

  	width: 21%;

}

.sidebar-left {

  	width: auto;

  	position: static;

  	padding: 20px 20px 28px;

  	margin: 15px 0 22px;

  	clear: both;

  	background-color: #ececec;

}



/* HEADER

------------------------------------*/

.header h1 a img {

  	width: 82%;

  	height: auto;

  	display: block;

  	margin: 0 auto; 

}



/* NAVIGATION

------------------------------------*/

.header .support a {

  	font-size: 17px;

	font-size: 1.7rem;

  	line-height: 1.5;

  	background: url(images/artwork/arrow-small-white.png) no-repeat right center #d12229;

  	width: auto;

  	padding: 2px 25px 4px 10px;

  	top: 183px;

  	left: 0;

  	-moz-border-radius: 2px;

  	-webkit-border-radius: 2px;

  	border-radius: 2px;

  	-webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.41);

	-moz-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.41);

	box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.41);

}

.header .support a:hover {

  	background: url(images/artwork/arrow-small-white.png) no-repeat right center #01245d;

}

.header .support span {

  	display: inline;

}

.header .support span.cpl {

  	font-size: 18px;

  	margin-top: 0;

}



/* RECIPIENT STORIES

------------------------------------*/

.recipient-stories img {

  	margin-left: -30px;

}



/* SIDEBARS

------------------------------------*/

.sidebar-left {

  	text-align: center;

}



.sidebar-left ul {

  	padding-top: 0;

}

.sidebar-left li {

  	display: inline;

  	margin-right: 25px;

}

ul.affiliations {

  	width: 100%;

  	overflow: hidden;	

}

.sidebar-left img {

	width: 12%;

  	margin: 0;

  	display: inline;

}

}



@media screen and (max-width: 800px) {



/* STRUCTURE

------------------------------------*/

#container {

  	padding: 0;

}

#main {

  	width: 94%;

  	margin: 0 auto;

}

#container, .feedbackform {

  	min-width: 200px;

}

.page #main {

  	padding-bottom: 0;

}

#secondary-nav {

  	right: 15px;

}

#search {

  	background-color: #01245d;

  	left: auto;

  	right: 0;

  	top: 137px;

  	width: 35%;

  	padding: 6px;

}

.content-wrapper {

  	width: 100%;

}

.page #content {

  	padding: 0;

  	width: 65%;

  	min-height: 400px;

}

.page.calendar #content, .page.store #content {

	width: 100%;

}

.page .no-featuresidebar #content {

	width: 100%;

}

#sub-nav, .page .recipient-stories {

  	width: 27.5%;

  	margin: 0 0 20px;

}

#sub-nav {

  	z-index: 10;

}

.page #border4 {

  	display: none;

}

.page .recipient-stories {

  	padding: 10px 1.5%;

  	width: 24.75%;

  	height: auto;

  	background-color: #d12229;

}

.page .sidebar-right {

  	width: 100%;

  	clear: both;

  	float: none;

  	display: block;

  	padding: 15px 0 0;

  	border-top: 1px dotted #000;

  	overflow: hidden;

}

.page .section {

  	padding: 2%;

}

.page .stay-connected, .page .contact-info {

  	width: 60%;

  	overflow: hidden;

  	margin-bottom: 15px;

  	float: left;

}

.page .events-info {

  	float: right;

  	width: 30%;

}

.sidebar-right {

  	margin-top: 0;

}

#feedbackform-slider {

  	position: static;

}



/* NAVIGATION

------------------------------------*/

.header #primary-nav a, .header #primary-nav a:visited {

  	font-size: 15px;

  	font-size: 1.5rem;

}

.header .support a {

  	left: 15px;

}



/* RECIPIENT STORIES

------------------------------------*/

#content .recipient-stories img {

  	margin-left: -45px;

  	width: 79%;

}



/* SIDEBARS

------------------------------------*/

.sidebar-left img {

	width: 14%;

}

.page .sidebar-right .stay-connected li, .page .contact-info span {

  	display: block;

  	float: left;

  	margin-right: 20px;

}

.page .contact-info span.uppercase {

  	display: inline;

  	float: none;

  	margin: 0;

}



}



@media screen and (max-width: 768px) {



/* SIDEBARS

------------------------------------*/

.contact-info span.phone-fax-email span {

  	display: block;

}

}



@media screen and (max-width: 735px) {



/* STRUCTURE

------------------------------------*/

#main {

  	padding-bottom: 0;

}

#secondary-nav {

  	width: 100%;

  	right: auto;

  	left: 0;

}

#search {

  	width: 45%;

  	top: 137px;

}

.home #content {

  	width: auto;

  	padding: 0;

  	margin: 0 0 25px;

	float: none;

}

#ie7 .home #content {

  	width: 100%;

}

#ie7 .featured .section {

  	width: 29.3%;

  	margin-right: 0;

}

#border4 {

  	display: none;

}

/* NAVIGATION

------------------------------------*/

/* #primary-nav {

  	text-align: center;

}

#primary-nav li {

  	margin: 0 0 0 1%;

  	display: inline;

  	width: auto;

  	float: none;

}

.header #primary-nav a, .header #primary-nav a:visited {

  	font-size: 1em;

  	display: inline;

  	text-align: center;

  	padding: 3px 3px 5px;

  	border: none;

}

.header #primary-nav a, .header #primary-nav a:visited {

  	font-size: .9em;

} */

.header .support a {

  	font-size: 16px;

	font-size: 1.6rem;

  	top: 130px;

  	left: 10px;

}

#secondary-nav {

  	text-align: center;

}



/* RECIPIENT STORIES

------------------------------------*/

.recipient-stories img {

  	margin-left: 0;

}



/* SIDEBARS

------------------------------------*/

.sidebar-left {

  	background: none;

  	padding-top: 15px;

}

.sidebar-right {

  	width: 100%;

  	clear: both;

  	float: none;

  	display: block;

  	padding: 15px 0 0;

  	border-top: 1px dotted #000;

  	overflow: hidden;

}

.stay-connected, .contact-info {

  	width: 100%;

  	overflow: hidden;

  	margin-bottom: 15px;

}

.sidebar-right .stay-connected li, .contact-info span {

  	display: block;

  	float: left;

  	margin-right: 20px;

}

.contact-info span.uppercase {

  	display: inline;

  	float: none;

  	margin: 0;

}

}



@media screen and (max-width: 650px) {



/* STRUCTURE

------------------------------------*/

.page #content {

  	width: auto;

  	padding: 0;

  	margin: 0 0 25px;

  	float: none;

}

#sub-nav {

  	float: none;

  	position: static;

  	right: auto;

  	width: auto;

  	padding: 10px 0;

  	margin-bottom: 20px;

  	border-top: 1px dotted #000;

  	border-bottom: 1px dotted #000;

}

.featured .section, #ie7 .featured .section {

  	width: 100%;

  	border-bottom: 1px dotted #000;

  	padding: 0 0 20px;

  	margin: 0 0 20px;

  	overflow: hidden;

}

.featured .featured-events, #ie7 .featured .featured-events {

  	border: none;

  	margin-bottom: 0;

}

#border2, #border3 {

  	display: none;

}

.page .recipient-stories {

  	float: none;

  	padding: 3%;

  	margin-top: 20px;

  	background-color: #ececec;

}

.page .sidebar-right .section {

  	padding: 3%;

}

.page .stay-connected, .page .contact-info, .page .events-info {

  	width: 94%;

  	float: none;

  	overflow: hidden;

}



/* CONTENT

------------------------------------*/

.featured img {

  	max-width: 100%;

  	width: 35%;

 	height: auto;

  	float: right;

  	margin: 0 0 5px 10px;

}

/* STORE

-------------------------------------*/

.store-promo img {

	width: auto !important;

}



/* RECIPIENT STORIES

------------------------------------*/

.recipient-stories,

#content .recipient-stories h2, .recipient-stories h2,

#content .recipient-stories h3, .recipient-stories h3 {

  	color: #01245d;

}

.recipient-stories, .recipient-stories div, .page .recipient-stories {

  	height: auto;

  	width: auto;

  	position: static;

}

.home .recipient-stories {

  	overflow: visible;

  	border: 15px solid #ececec;

}

.home .recipient-stories div {

  	top: auto;

  	right: auto;

  	padding: 0;

  	background: none;

}

#content .recipient-stories h2, .page .recipient-stories h2 {

  	font-size: 40px;

	font-size: 4.0rem;

  	text-transform: uppercase;

  	margin: 0;

  	padding: 8px 10px 10px;

}

#content .recipient-stories h2 span, .page .recipient-stories h2 span {

  	font-size: 40px;

	font-size: 4.0rem;

  	display: inline;

}

.page .recipient-stories h2, .page .recipient-stories h2 span {

  	font-size: 30px;

	font-size: 3.0rem;

  	padding-left: 0;

}

#content .recipient-stories h2, #content .recipient-stories h3, 

#content .recipient-stories p {

  	background-color: #ececec;

}

.home #content .recipient-stories h3 {

  	padding: 8px 10px 5px;

}

.home .recipient-stories p {

  	margin-bottom: 0;

  	padding: 2px 10px 5px;

}

.home .recipient-stories p:last-child {

  	padding-bottom: 10px;

}

.recipient-stories a, .recipient-stories a:visited {

  	color: #d12229;

}

.recipient-stories a:hover {

  	color: #01245d;

}

.home #content .recipient-stories img {

  	width: 100%;

  	height: auto;

  	margin: 0;

}

.page .recipient-stories img {

  	float: right;

  	margin: 10px 0 10px 15px;

  	width: 50%;

}



/* SIDEBARS

------------------------------------*/

.sidebar-left img {

	width: 17%;

}

.page .events-info img {

  	float: right;

  	margin: 10px 0 10px 15px;

  	width: 50%;

}



/* SITEMAP

------------------------------------*/

 .feedback-desc {

	width: auto;

	float: none;

 }

.feedbackform form {

	width: auto;

	float: none;

	margin-left: 0;

}

}



@media screen and (max-width: 575px) {

  

/* STRUCTURE

------------------------------------*/

#container {

  	padding: 0;

}

#main {

  	width: 94%;

  	margin: 0 auto;

}

/* NAVIGATION

------------------------------------*/

#primary-nav {

  	text-align: center;

	width: 95%;

}

#primary-nav li {

  	margin: 0 0 0 1%;

  	display: inline;

  	width: auto;

  	float: none;

}

.header #primary-nav a, .header #primary-nav a:visited {

	font-size: 17px;

	font-size: 1.7rem;

  	text-align: center;

	display: inline;

  	padding: 5px 6px 7px;

  	border: none;

}



/* CONTENT

------------------------------------*/

#content p, #content dl, #content li, #content blockquote {

	font-size: 18px;

	font-size: 1.8rem !important;

}



/* Calendar

------------------------------------*/

.eme-calendar-full table.fullcalendar { overflow: hidden !important; border-collapse: collapse !important; border-spacing: 0 !important; }

/* Force tables to not be like tables anymore */

.eme-calendar-full table.fullcalendar, .eme-calendar-full table.fullcalendar thead, .eme-calendar-full table.fullcalendar tbody, 

.eme-calendar-full table.fullcalendar th, .eme-calendar-full table.fullcalendar td, .eme-calendar-full table.fullcalendar tr {

		display: block !important;

		width: auto !important;	

}

.eme-calendar-full table.fullcalendar .days-names, .eme-calendar-full table.fullcalendar .eventless-pre,

.eme-calendar-full table.fullcalendar .eventless-post, .eme-calendar-full table.fullcalendar .eventless,

.eme-calendar-full table.fullcalendar .eventless-today { display: none !important; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(1n) a:before { content: 'Sunday, '; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(2n) a:before { content: 'Monday, '; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(3n) a:before { content: 'Tuesday, '; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(4n) a:before { content: 'Wednesday, '; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(5n) a:before { content: 'Thursday, '; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(6n) a:before { content: 'Friday, '; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(7n) a:before { content: 'Saturday, '; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(1n) li a:before { content: ''; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(2n) li a:before { content: ''; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(3n) li a:before { content: ''; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(4n) li a:before { content: ''; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(5n) li a:before { content: ''; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(6n) li a:before { content: ''; }

.eme-calendar-full table.fullcalendar tr td.eventful:nth-of-type(7n) li a:before { content: ''; }

.eme-calendar-full table.fullcalendar tr td.eventful li a:after { content: ' \2192'; }

.eme-calendar-full table.fullcalendar td.month_name {

	border-bottom: 3px solid #ccc !important;

}

.eme-calendar-full table.fullcalendar td.eventful {

/* Behave  like a "row" */

	text-align: left !important;

	width: auto !important;

	height: auto !important;

	padding: 15px 0 10px !important;

	border: none !important;

	border-bottom: 1px solid #ccc !important;

	position: relative;

}

.eme-calendar-full table.fullcalendar td.eventful:last-child {

	border: none !important;

}

.eme-calendar-full table.fullcalendar td:before {

/* Now like a table header */

	position: absolute;

	/* Top/left values mimic padding */

	top: 6px;

	left: 6px;

	width: 45% !important;

	padding-right: 10px !important;

	white-space: nowrap;

}

.eme-calendar-full table.fullcalendar td.even, .eme-calendar-full table.fullcalendar td:nth-child(even) { padding-top: 5px; }

.eme-calendar-full table.fullcalendar td.odd, .eme-calendar-full table.fullcalendar td:nth-child(odd) { padding-bottom: 0; }

.eventful a {

	font-size: 20px;

	text-decoration: none !important;

	color: #222;

}

.eventful ul {

	text-align: left !important;

	list-style: none;

	padding-left: 0 !important;

	margin: 5px 0 15px;

}

.eventful li {

	margin-bottom: 10px;

}

.eventful li a {

	font-size: 12px;

	line-height: 1.4;

	text-decoration: none;

	color: #C03;

}	



}



@media screen and (max-width: 485px) {



/* STRUCTURE

------------------------------------*/

.header {

  	height: auto;

  	background: none;

  	padding: 0;

  	margin-bottom: 15px;

}

#main {

  	width: 91%;

  	padding-top: 0;

}

#primary-nav {

    overflow: visible;

  	float: left;

  	width: 45.5%;

  	margin: 0 3% 0 15px;

  	padding-right: 2%;

	padding-top: 5px;

	padding-bottom: 5px;

  	border-right: 1px dotted #000;

}

#secondary-nav {

	width: 45%;

  	position: static;

	float: right;

}

#ie7 #secondary-nav {

	width: 40%;

  	float: right;

}

#sub-nav {

  	padding: 0 0 10px;

  	border-top: none;

}

.sidebar-right .contact-info {

  	overflow: hidden;

}



/* HEADER

------------------------------------*/  

.header h1 {

  	font-size: 10px;

	font-size: 1.0rem;

  	position: static;

  	padding: 5px 0;

  	margin-bottom: 10px;

  	background: #1d2e5d; /* Old browsers */

    background: -moz-linear-gradient(left, #1d2e5d 0%, #525973 23%, #1d2e5d 51%, #525973 74%, #1d2e5d 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d2e5d), color-stop(23%,#525973), color-stop(51%,#1d2e5d), color-stop(74%,#525973), color-stop(100%,#1d2e5d)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(left, #1d2e5d 0%,#525973 23%,#1d2e5d 51%,#525973 74%,#1d2e5d 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(left, #1d2e5d 0%,#525973 23%,#1d2e5d 51%,#525973 74%,#1d2e5d 100%); /* Opera11.10+ */

    background: -ms-linear-gradient(left, #1d2e5d 0%,#525973 23%,#1d2e5d 51%,#525973 74%,#1d2e5d 100%); /* IE10+ */

    background: linear-gradient(left, #1d2e5d 0%,#525973 23%,#1d2e5d 51%,#525973 74%,#1d2e5d 100%); /* W3C */

}

.header h1 a img {

  	width: 95%;

}



/* NAVIGATION

------------------------------------*/

#primary-nav li {

	text-align: left;

  	margin: 0 0 8px;

  	width: auto;

    display: block;

}

.header #primary-nav a, .header #primary-nav a:visited {

  	font-size: 17px;

  	font-size: 1.7rem;

  	line-height: 1.7;

  	text-align: inherit;

  	text-transform: uppercase;

  	color: #01245d !important;

  	display: block;

  	padding: 3px 0 5px 5px;

  	background: none;

  	border-top: 1px solid #ccc;

}

.header #primary-nav a:hover {

  	background-color: #ccc;

}

.header #primary-nav li.about a, .header #primary-nav li.about a:visited {

  	border: none;

}

.about li.about a, .getadog li.getadog a, .graduate li.graduate a, .volunteer li.volunteer a, .partners li.partners a {

  	background-color: #76adde !important;

}

.header .support a, .header .support a:visited {

  	font-size: 14px;

	font-size: 1.4rem;

  	line-height: 1.8;

  	width: 41%;

  	padding: 4px 0 6px;

  	margin-bottom: 10px;

  	position: static;

  	float: left;

  	background-image: none !important;

}

.header .support a span.cpl {

  	font-size: 15px;

	font-size: 1.5rem;

}

#secondary-nav li {

  	text-align: left;

  	display: block;

  	background: none;

  	padding-left: 0;

  	margin-bottom: 6px;

}

#secondary-nav li a {

  	font-size: 17px;

	font-size: 1.7rem;

  	padding: 0;

}

#secondary-nav li.current a {

	border-bottom: 1px solid #d12229;

}



/* CONTENT

------------------------------------*/

.multiple-posts #content #newsletter-list li {

	width: auto;

	height: auto;

	float: none;

	clear: both;

}



/* SIDEBARS

------------------------------------*/

.sidebar-left .additional-info li {

  display: block;

}

.sidebar-left img {

	width: 23%;

}

.sidebar-right .contact-info span {

  overflow: hidden;

  width: 50%;

  float: left;

  margin: 0;

  padding-bottom: 2px;

}

.sidebar-right .contact-info span.phone-fax-email {

  float: right;

}

.sidebar-right .contact-info span span {

  overflow: visible;

  width: auto;

  float: none;

}



/* FORMS

------------------------------------*/

#search {

  width: auto;

  margin: 10px 15px 0;

  padding: 6px 0;

  background: none;

  border-top: 1px dotted #000;

  border-bottom: 1px dotted #000;

  position: static;

  clear: both;

}

#search input {

  width: 61%;

  margin-right: 0;

}

#ie7 #search input {

	width: 58%;

	margin-left: 0;

	padding-left: 0;

}

#search button {

  width: 35%;

}

}



@media screen and (max-width: 250px) {



/* STRUCTURE

------------------------------------*/

#primary-nav {

  float: none;

  width: auto;

  overflow: visible;

  margin: 0 15px 15px;

  padding-right: 0;

  border-right: none;

}

#secondary-nav {

	margin-left: 15px;

}



/* NAVIGATION

------------------------------------*/

.header .support a {

  font-size: 12px;

  line-height: 1.8;

  display: block;

  width: 80%;

  padding: 4px 5px 8px;

  margin: 0 auto 15px;

  float: none;

}



/* SIDEBARS

------------------------------------*/

.sidebar-right .contact-info span {

  width: auto;

  float: none;

}

.sidebar-right .contact-info span.phone-fax-email {

  float: none;

}

}



/* =============================================================================

   $PRINT STYLES

   ========================================================================== */

@media print {

  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; font-size: 14pt !important; } /* Black prints faster: h5bp.com/s */

  a, a:visited { text-decoration: none !important; }

  a[href]:after { content: " (" attr(href) ")"; text-transform: none !important; font-style: italic; }

  abbr[title]:after { content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  thead { display: table-header-group; } /* h5bp.com/t */

  tr, img { page-break-inside: avoid; }

  img { max-width: 100% !important; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3 { page-break-after: avoid; }

  div { width: auto !important; height: auto !important; min-height: 10px !important; float: none !important; clear: both !important; position: static !important; background-color: #fff !important; padding: 0 0 20px !important; margin: 0 !important; border: none !important; position: static !important; overflow: visible !important; }

  #container { padding: 0 50px !important; }

  h1, h2, h3, h4, h5, h6, p, ul, ol, li, small, b, a { font-family: Helvetica, Arial, sans-serif !important; color: black !important; }

  h2, h2 span { font-size: 24pt !important; padding: 10px 0 15px !important; margin: 0 !important; color: #00347a !important; text-transform: none; }

  h2 span { display: inline !important; }

  h3 { font-size: 20pt !important; }

  h4 { font-size: 18pt !important; }

  h5 { font-size: 16pt !important; }

  b { padding: 0 !important; margin: 0 !important; }

  b, strong { font-weight: bold !important; }

  i, em { font-style: italic !important; }

  ul, ol { padding: 0 0 0 40px !important; margin: 18px 0 !important; }

  ul { list-style: circle !important; list-style-type: circle !important; }

  ol { list-style: decimal !important; }

  li { display: block !important; }

  a { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; color: #d12229 !important; }

  #content { padding-top: 20px !important; border-top: 1px solid #00347a !important; margin-top: 10 !important; }

  #content p { font-family: Georgia, Times New Roman, serif !important; line-height: 17pt !important; }

  img { max-width: 100%; width: auto !important; }

  .featured img { float: left !important; margin: 0 10px 5px 0 !important; }

  .header h1, .skip, #primary-nav, .support, #secondary-nav, #search, #sub-nav, .page .recipient-stories, .top-pagenav, .sidebar-left, .sidebar-right, #backtotop, #feedbackform-slider, .simplePagerNav, .edit-link { display: none !important; }

  #cpl-logo-print { display: block; margin: 0 auto; width: 250px !important; }

}


/* Overrides for Text Wrapping */
#content.content-page {
  width: auto !important;
  float: none;
}

#content.content-page .recipient-stories {
  width: 28.75%;
  margin-bottom: 10px;
}

#content.content-page h2 {
  font-size: 2.5rem;
  padding-bottom: 0;
  margin-top: 3px;
}

#content.content-page .recipient-stories img {
  width: auto;
  max-width: 100%;
  margin: 15px 0;
}

#content.content-page h3 {
  font-size: 1.7rem;
  line-height: 1.2;
  padding-top: 0;
}

#content.content-page p {
  font-size: 1.6rem;
}

.page #content.content-page #sub-nav {
  list-style-type: none;
}

#content.content-page #sub-nav-title {
  font-family: "Folio Condensed Light", "Open Sans Condensed", 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1.9rem;
  line-height: 1.4;
  text-transform: uppercase;
  border-bottom: 1px solid #d12229;
}

#content.content-page #sub-nav {
  width: 31.75%;
}

.page #content.content-page li {
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 3px;
  /*border-bottom: 1px solid #eee;*/
}


.page #content.content-page a {
  text-decoration: none;
}

 #content.content-page #sub-nav,  #content.content-page .recipient-stories {
  margin-left: 10px;
  margin: 0 4px;
 }
 .contact-directory #content #sub-nav li {
border-top: none;
padding: 0;
}