/* =============================================================================
   Basic styles
   ========================================================================== */
* {outline: none;}

html {background-color:#b4b4b4; font-family: 'Lato', sans-serif; font-size:14px; color:#333333; margin:0;}
body {background-color:#b4b4b4; font-family: 'Lato', sans-serif; font-size:14px; color:#333333; margin:0;}

h2 {font-size:18px; font-weight:bold;}

/* =============================================================================
   Layout styles
   ========================================================================== */
.container {max-width:962px; margin:auto;}

#logo {float:left; width:60px; height:60px; margin:-2px 0px -111px 15px; cursor:pointer;}
#twentyfive {float:left; width:110px; margin:-5px 0px -111px 80px; cursor:pointer;}

.maintenance-message {background-color:#FEE9EC;border-bottom:1px solid #EFCBD0;text-align:center;padding:8px;margin-bottom:10px;color:#5D2C33;}
.maintenance {padding:20px;margin-top:40px;background-color:#ffffff;border:1px solid #999999;border-radius:3px;}

.menu_wrapper {background-color:rgba(0,0,0,0.7); margin-top:10px;}
	#menu li {color:#ffffff; text-transform:uppercase; cursor:pointer;}
	#nav {display:none;}
	#nav_charity {display:none;}
	#nav_submenu {display:none;}
	.slicknav_menu .slicknav_nav li {float:none; width:100%; text-align:left; font-size:16px; margin-bottom:10px; display:block;}
		.slicknav_menu .slicknav_nav li:hover {background:transparent;}

.social-icons a {display:inline-block; width:25px; height:25px; font-size:16px; text-align:center; background:#333333; color:#ffffff;  border-radius:3px;}
.social-icons a:hover {background:#cc0033;}

#supmenu {float:right; clear:both; margin-top:9px; font-size:12px;}
	#supmenu ul {list-style-type:none; margin:0; padding:0;}
		#supmenu ul li.supmenu-green {float:left; background-color:#7ED321; background-image: linear-gradient(to bottom, #7ED321, #6FB721); color:#ffffff; text-transform:uppercase; text-shadow:0px 1px 0px #5F9D1C; padding:5px 14px; margin-right:15px; cursor:pointer;
					-webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;
					-webkit-box-shadow:  -1px -1px 1px 0px rgba(0, 0, 0, .2); box-shadow:  -1px -1px 1px 0px rgba(0, 0, 0, .2);
		}
		#supmenu ul li {float:left; background-color:#cc0033; background-image: linear-gradient(to bottom, #ec003b, #cc0033); color:#ffffff; text-transform:uppercase; text-shadow:0px 1px 0px #a91137; padding:5px 14px; margin-right:15px; cursor:pointer;
					-webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;
					-webkit-box-shadow:  -1px -1px 1px 0px rgba(0, 0, 0, .2); box-shadow:  -1px -1px 1px 0px rgba(0, 0, 0, .2);
		}
			#supmenu ul li.on {background:#ffffff; color:#cc0033;}
				#supmenu ul li.on a {color:#cc0033; text-shadow:0 0 0;}
			#supmenu a {color:#ffffff; text-decoration:none;}
				#supmenu a:hover {color:#ffffff;}

#main_wrapper {clear:both; background-color:#ffffff; padding:20px;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		-webkit-box-shadow: -1px 1px 2px 1px rgba(0, 0, 0, .2); box-shadow: -1px 1px 2px 1px rgba(0, 0, 0, .2);
}
	#main_wrapper.main_wrapper_collapse {padding:0; padding-top:60px; padding-bottom:20px;}

/* =============================================================================
   Homepage styles
   ========================================================================== */
#slider-container {padding-left:30px; padding-right:30px;}
	#slider-container ul {margin:0; padding:0;}
		#slider-container ul li {width:902px; height:280px;}
			#slider-container h1 {background: url(/img/slider_controls/bg-h1.png); font-size:28px; font-weight:normal; color:#ffffff; margin:170px auto 20px auto; text-shadow:0 1px 0 #000000; padding:10px; display:inline-block;}
			#slider-container h2 {background: url(/img/slider_controls/bg-h1.png); border:0; font-size:18px; font-weight:normal; color:#ffffff; text-shadow:0 1px 0 #000000; padding:5px; margin:0; display:inline-block;}
				#slider-container h2 a {text-decoration:none; color:#ffffff; text-shadow:0 1px 0 #000000;}
			#slider-container .slide-title {margin-top:160px;}
			#slider-container .buttons {text-align:center;}
			#slider-container .first {text-align:center;}

#home_buttons {background-color: #333333; padding-top:20px; padding-bottom:20px;}
	#home_buttons .home_button {width:100%; background-color:#444444; padding:15px; text-align:center; color:#ffffff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
		#home_buttons .home_button:hover {background-color:#169aec; cursor:pointer;}
			#home_buttons .home_button .icon {font-size:50px; font-weight:bold; margin-bottom:5px;}
			#home_buttons .home_button .text {text-transform:uppercase;}

#give_thoughtfully {padding:40px 20px; font-size:14px;}
	#give_thoughtfully .give_thoughtfully {float:right; width:100%; text-align:center; padding:15px 20px 10px 20px; border:1px solid #cccccc; box-shadow:; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
		-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3);
		box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3)
	}
	#give_thoughtfully h1 {font-size:22px; margin-bottom:10px;}

#press {padding:30px 20px 0 20px; font-size:14px; color:#333333;}

#features {background-color:#cccccc; padding:30px 20px 30px 20px; font-size:14px; color:#333333;}
	.feature_item {width:100%;}
		.feature_item h2 {font-size:16px; line-height:22px;}

#footer {max-width:962px; margin:auto; font-size:12px; margin-top:8px; margin-bottom:20px;}
	#footer a {color:#333333;}

.errors {font-weight:bold; background-color:#fce9e9; border:1px solid #e6c6c6; margin-top:5px; padding:5px 10px; line-height:18px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.success {font-weight:bold; background-color:#e6efde; border:1px solid #bbcaad; margin-top:5px; padding:5px 10px; line-height:18px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

/* =============================================================================
   App styles
   ========================================================================== */
/*#main_app {background-color:#cccccc; margin-top:115px;}*/
#letters {margin:15px 0px;}
	#letters a {padding:5px 10px; margin-right:0px; font-size:16px; background-color:#f2f2f2; border:1px solid #f8f8f8; text-decoration:none;}
		#letters a.on {background-color:rgba(0,0,0,0.7); text-decoration:none; color:#ffffff;}
.charity_title {background-color:#444444; color:#ffffff; padding:10px; font-weight:bold; font-size:14px;}
	.charity_title input[type="text"], .charity_title select {margin-bottom:8px;}
#submenu {font-size:12px;}
	#submenu ul {list-style-type:none; margin:0; padding:0;}
		#submenu li {font-weight:bold; border-bottom:1px solid #ffffff; padding:10px 20px; cursor:pointer;}
			#submenu li:hover {background-color:#cccccc;}
			#submenu li.nohover:hover {background-color:#444444; cursor:default;}
			#submenu li.on {background-color:#b2b2b2;}
			#submenu ul li ul.submenu li {border-bottom:0; padding:6px 0px 0px 20px; font-weight:normal;}
				#submenu li a {color:#000000; text-decoration:none;}
	#submenu .slicknav_menu {background-color:#cccccc;}
		#submenu .slicknav_menu ul li {background-color:#cccccc; border:0; padding:0;}
.rating {color:#cc0033; text-transform:uppercase; font-weight:bold; font-size:18px;}
	a.rating {text-decoration:none;}
.rating-not {text-transform:uppercase; font-weight:bold; font-size:18px;}
.large_rating { font-size:18px; font-weight:bold; color:#ffffff; background-color:#333333; border-radius:50%; padding:5px 10px; padding-top:4px; } 
.large_rating.question-circle { padding:7px 10px; padding-top:6px; }
.year {background-color:#e2e2e2; padding:4px; font-weight:bold; line-height:26px; font-size:12px; color:#333333; text-align:center;}
.callout {background-color:#e2e2e2; padding:6px; border:1px solid #cccccc; text-align:center; margin-top:10px; margin-bottom:10px;}
	.callout.left {text-align:left;}
.icon.view {font-size:20px;}
.question {font-size:16px; margin-left:5px; color:#cccccc;}
.question-blue {font-size:16px; margin-left:5px;}
#menu_charity {background-color:#e2e2e2;}
	#menu_charity ul {list-style-type:none; margin:0; padding:0;}
		#menu_charity li {float:left; font-weight:bold; padding:10px 20px; border-right:1px solid #ffffff; cursor:pointer;}
			#menu_charity li:hover {background-color:#cccccc;}
			#menu_charity li.on {background-color:#b2b2b2;}
			#menu_charity li a {text-decoration:none;}
	#menu_charity .slicknav_menu {background-color:#cccccc;}
		#menu_charity .slicknav_menu ul li {background-color:#cccccc; border:0; padding:0;}
		#menu_charity .slicknav_nav a {color: #333333;}
.charity_row h2 {font-size:18px; font-weight:bold;}
	.charity_row a h2 {color:#333333;}
	.charity_row h2 a {color:#333333;}
table.plain tbody {border:0;border-color:white;}

/* =============================================================================
   Tabs
   ========================================================================== */
#tabs {overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none;}
	#tabs:after {content:""; display:table; clear:both;}
#tabs li#current {margin-top:0;}
#tabs a {position: relative; background: #b2b2b2; background-image: linear-gradient(to bottom, #e2e2e2, #b2b2b2); padding:10px 15px; float: left; text-decoration: none; color: #444; text-shadow: 0 1px 0 rgba(255,255,255,.8); border-radius: 5px 0 0 0; box-shadow: 0 2px 2px rgba(0,0,0,.4);}
#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after {background: #fff;}
#tabs a:focus {outline: 0;}
#tabs a::after {content:''; position:absolute; z-index: 1; top: 0; right: -.5em; bottom: 0; width: 1em; padding:10px 0px; background: #b2b2b2; background-image: linear-gradient(to bottom, #e2e2e2, #b2b2b2); box-shadow: 2px 2px 2px rgba(0,0,0,.4); transform: skew(10deg); border-radius: 0 5px 0 0;}
/*#tabs #current a {background: #cc0033; background-image: linear-gradient(to bottom, #ec003b, #cc0033); height:20px; color:#ffffff; text-shadow: 0 1px 0 #9e0028; z-index: 3; font-size:16px; font-weight:bold;}
#tabs #current a::after {background: #cc0033; background-image: linear-gradient(to bottom, #ec003b, #cc0033); height:20px; z-index: 3; padding:10px 0px;}*/
#tabs #current a {background: #333333; background-image: linear-gradient(to bottom, #444444, #333333); color:#ffffff; text-shadow: 0 1px 0 #000000; z-index: 3; height:46px;}
#tabs #current a::after {background: #333333; background-image: linear-gradient(to bottom, #444444, #333333); z-index: 3; padding:10px 0px;}
#tabbed_content {background: #fff; border:5px solid #333333; position: relative; border-radius: 0 5px 5px 5px; box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, .5); z-index: 2;}

ul {
	line-height: 1.8;
}

#checkoutDialog,
.ui-dialog {
	width: 100%;
	max-width: 750px;
}

.box-label {
	background-color: #f2f2f2;
	padding: 8px;
	width: 100%;
	cursor: pointer;
	font-weight: bold;
}

.fieldset legend {
	font-size: 16px;
	font-weight: bold;
}

/* =============================================================================
   Hot Topics styles
   ========================================================================== */
.blog_item { margin-bottom:50px; }
	.blog_item .blog_image { float:left; width:300px; padding-right:20px; }
	.blog_item .blog { float:left; }
	.blog_item .blog_title { margin-bottom:10px; }
	.blog_item .blog_published { color: #aaaaaa; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; padding-top:5px; padding-bottom:5px; margin-bottom:10px; }
	.blog_item .blog_blurb { margin:0; padding:0; }
.blog_button { margin-top: 18px; padding-bottom: 26px; }

/* =============================================================================
   Media queries
   ========================================================================== */
.row.padt {padding-top:20px;}
.row.padt-sm {padding-top:10px;}
.row.padt-lg {padding-top:30px;}
.row.padb {padding-bottom:20px;}

/* =============================================================================
   Button styles
   ========================================================================== */
.button {background-color:#cc0033; color:#ffffff; padding:10px 18px; border:0; font-size:12px;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor:pointer;
}
	.button.blue {background-color:#169aec;}
	.button.gray {background-color:#333333; color:#ffffff;}
	.button.dark_red {background-color:#92120d;}
	a.button {text-decoration:none; text-transform:uppercase;}
	a.button:hover {color:#ffffff;}
	a.button.small {font-size:11px; padding:6px 10px;}

/* =============================================================================
   Utility styles
   ========================================================================== */
.nobr {white-space:nowrap;}
.center {text-align:center;}
.gray {color:#666666;}
.red {color:#cc0033;}
.large {font-size:14px; font-weight:bold;}
.larger {font-size:16px; font-weight:bold;}
.headers_nobreak {font-size:16px; font-weight:bold;  color:#cc0033; }
.normal {font-size:12px; font-weight:normal; color:#333333;}
.normal_link {font-size:12px; font-weight:normal;}
a.black {color:#333333; text-decoration:none;}
.bg_white {background-color:#ffffff;}

/* =============================================================================
   Media queries
   ========================================================================== */
@media screen and (min-width: 670px) {
	h2 {font-size:22px;}
	#logo {width:140px; height:140px; margin:-40px 0px -111px 30px;}
	#twentyfive {width:190px; margin:-35px 0px -111px 175px;}
	#main_wrapper {padding-top:60px;}
	#submenu {background-color:#e2e2e2;}
}

@media screen and (min-width: 962px) {
	#menu {max-width:962px; margin:auto; font-size:12px;}
		#menu ul {list-style-type:none; margin:0; padding:0; margin-left:20px;}
			#menu li {float:left; color:#ffffff; text-transform:uppercase; padding:9px 16px; cursor:pointer;}
				#menu li:hover {background-color:#000000;}
				#menu li a {color:#ffffff; text-decoration:none;}
				#menu li.on {background-color:#000000;}
			#menu ul:after {content:""; display:table; clear:both;}
	#nav {display:block;}
	#nav_charity {display:block;}
	#nav_submenu {display:block;}
	.slicknav_menu {display:none;}

	#menu_charity li a {color:#333333;}

	#slider-container h2 {font-size:28px;}
}

@media screen and (min-width: 1024px) {

}

@media screen and (min-width: 1200px) {

}

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important; } }

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important; } }

@media screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important; } }

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important; } }

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important; } }

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important; } }

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important; } }

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important; } }

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important; } }

/* =============================================================================
   Responsive tables
   ========================================================================== */
@media screen and (max-width: 64em) {
    table.responsive {
      border: 0;
      overflow: hidden;
    }

    table.responsive thead {
      display: none;
    }

    table.responsive tr {
      display: block;
      border-bottom: 2px solid #dddddd;
    }

    table.responsive td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #cccccc;
    }

    table.responsive td:last-child {
      border-bottom: 0;
    }

    table.responsive td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }

.clear {clear:both;}

/* =============================================================================
   Foundation fixes
   ========================================================================== */
table tbody tr:nth-child(even) {
	background-color: #ececec;
}

table thead {
	background-color: #e2e2e2;
}