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

html, body, p, h1, h2, h3, h4 h5 , form, button, img, input {border:0; margin:0; padding:0;}
form {display:inline;}

body {background-color:#b4b4b4; font-family: 'Lato', sans-serif; font-size:14px; color:#333333; margin:0;}
a {color:#017ddd; text-decoration:underline; cursor:pointer;}
	a:hover {color:#017ddd; text-decoration:none; cursor:pointer;}
	a.black {color:#484848;}
	a.black:hover {color:#017ddd;}
a img {border:none; vertical-align:middle;}
h1 {font-size:34px;}
h2 {font-size:18px; font-weight:bold; margin-bottom:5px;}
h2 a {color:#017ddd;}
h3 {font-size:14px; font-weight:bold; color:#cc0033; }
h5 {font-size:14px; font-weight:bold; color:#cc0033; }
p {line-height:22px; font-weight:400;}
strong {font-weight:700;}

/* =============================================================================
   Layout styles
   ========================================================================== */
#wrapper {width:962px; margin:auto; margin-bottom:14px;}
#search_wrapper {float:right; width:232px; margin-top:29px; margin-right:50px;}
	/*#search_icon {float:left; width:16px; padding:8px; background-color:#999999; color:#ffffff; font-size:16px;}*/
	#search_input {float:right; width:200px;}
		#search_input input {width:188px; border:1px solid #999999; padding:8px; padding-left:40px; color:#cccccc; background:#ffffff url(/img/search.png) no-repeat;}
#supmenu {float:right; clear:both; width:448px; margin-top:29px; font-size:12px;}
	#supmenu ul {list-style-type:none; margin:0; padding:0;}
		#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;}
#logo {float:left; width:140px; height:140px; margin:-40px 0px -111px 30px; cursor:pointer;}
.menu_wrapper {background-color:rgba(0,0,0,0.7); margin-top:10px;}
	.menu {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;}
#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:20px; padding-bottom:20px;}
	#main {clear:both; background-color:#e2e2e2; margin-top:40px;}
	#submenu {float:left; width:232px; background-color:#e2e2e2; 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;}
	#content {float:right; width:670px; min-height:400px; background-color:#ffffff; padding-left:20px;}
		#content p {margin-bottom:6px;}
	#content_full {min-height:400px; background-color:#ffffff;}
		#content_full p {margin-bottom:12px;}
#footer {clear:both; width:962px; margin:auto; font-size:12px; margin-bottom:20px;}
	#footer a {color:#333333;}
	#footer_left {float:left; padding-left:6px;}
	#footer_right {float:right; padding-right:6px;}
.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;}

/* =============================================================================
   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:28px; font-weight:normal; color:#ffffff; text-shadow:0 1px 0 #000000; padding:10px; 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:10px; padding-bottom:20px;}
	#home_buttons ul {list-style-type:none;}
		#home_buttons ul li {float:left; width:185px; height:95px; background-color:#444444; padding:10px; padding-top:15px; text-align:center; color:#ffffff; margin-right:20px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
			#home_buttons ul li:hover {background-color:#169aec; cursor:pointer;}
			#home_buttons ul li .icon {font-size:50px; font-weight:bold; margin-bottom:5px;}
			#home_buttons ul li .text {text-transform:uppercase;}
#give_thoughtfully {padding:40px 20px; font-size:14px;}
	#give_thoughtfully #gt_left {float:left; width:60%;}
	#give_thoughtfully #gt_right {float:right; width:30%; 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 {background-color:#c3160f; padding:30px 20px 40px 20px; font-size:14px; color:#ffffff;}*/
#press {padding:30px 20px 40px 20px; font-size:14px; color:#333333;}
	#press_left {float:left; width:46%; text-align:center;}
	#press_right {float:right; width:50%; text-align:center;}
#features {background-color:#cccccc; padding:30px 20px 30px 20px; font-size:14px; color:#333333;}
	.feature_item {float:left; width:220px; margin-right:12px;}
		.feature_item h2 {font-size:16px; line-height:22px;}

/* =============================================================================
   Login styles
   ========================================================================== */
#login_wrapper {width:400px; margin:auto;}
	#login_logo {margin:20px auto; text-align:center;}
	.login {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);
	}
		.login p {margin-top:5px;}
	.login_title {background-color:rgba(0,0,0,0.7); color:#ffffff; padding:8px 10px; font-weight:bold; font-size:14px;
		-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	}

/* =============================================================================
   App styles
   ========================================================================== */
/*#menu_app {float:right; background-color:rgba(0,0,0,0.7);}
	#menu_app ul {list-style-type:none;}
		#menu_app li {float:left; color:#ffffff; text-transform:uppercase; padding:9px 12px; cursor:pointer;}
			#menu_app li a {color:#ffffff; text-decoration:none;}
			#menu_app li.on {background-color:#000000;}*/
#main_app {clear:both; 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_list p {padding:0; margin:5px 10px; border-bottom:1px solid #f2f2f2;}
#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; color:#333333;}

.title {background-color:#cc0033; color:#ffffff; padding:8px 10px; font-weight:bold; font-size:14px; border-bottom:1px solid #ffffff;
	-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;
}
.charity_row {border:1px solid #e2e2e2; border-top:0;}
.charity_section {float:left; padding:15px; line-height:20px;}
	.charity_section.full {width:890px;}
	.charity_section.half {width:415px;}
	.charity_section.third {width:265px;}
	.charity_section.two_third {width:560px;}
	.charity_section.border_right {border-right:1px solid #e2e2e2;}
	.charity_section.border_left {border-left:1px solid #e2e2e2;}
	.charity_section a .icon {color:#333333; text-decoration:none;}
.charity_title {background-color:#444444; color:#ffffff; padding:10px; font-weight:bold; font-size:14px;
	-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px;
}
.rating {color:#cc0033; text-transform:uppercase; font-weight:bold; font-size:18px;}
	a.rating {text-decoration:none;}
.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;}
.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;}
#search_string, #search_string_more {border:1px solid #cccccc; font-size:12px; color:#333333; height:12px; width:200px; padding:3px;}

table.small {border-collapse:collapse;}
	table.small th {border:1px solid #cccccc; padding:6px;}
	table.small td {border:1px solid #cccccc; padding:6px;}
table.small thead {background-color:#e2e2e2;}
	table.small thead th {text-align:left; font-weight:bold;}
table.small tr.columnhead {background-color:#f2f2f2; 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; }

/*#container {}
.item {
  width: 390px;
  margin-right: 20px;
  margin-bottom: 20px;
  float: left;
}*/

/* =============================================================================
   Articles styles
   ========================================================================== */
.article { padding-left:100px; padding-right:100px; }

/* =============================================================================
   Form styles
   ========================================================================== */
input[type="text"], input[type="password"], textarea {color: #282828; padding: 5px; border: 1px solid #d2d2d2; border-top-color: #929292; font-size:14px;}

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

/* =============================================================================
   Tabs
   ========================================================================== */
#tabs {overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none;}
#tabs li {float: left; margin: 4px 5px 0 0;}
#tabs li#current {margin-top:0;}
#tabs a {position: relative; background: #b2b2b2; background-image: linear-gradient(to bottom, #e2e2e2, #b2b2b2); height:16px; 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); font-size:12px;}
#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); height:20px; color:#ffffff; text-shadow: 0 1px 0 #000000; z-index: 3; font-size:16px; font-weight:bold;}
#tabs #current a::after {background: #333333; background-image: linear-gradient(to bottom, #444444, #333333); height:20px; 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;}
   
/* =============================================================================
   Utilities
   ========================================================================== */
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.divider {height:15px;}
.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;}