/* Custom styling for the Bootstrap website.These styles do not ship with Bootstrap.Some are overrides of existing Bootstrap styles, while others are new styles not existing in Bootstrap.
In the starting CSS document, styles are based on custom classes not in Bootstrap.
*/

/* AIMghana color palette
#FFCC66     LIGHT ORANGE
#FFA20C     rgb(255, 162, 12)  ORANGE
#E07425     rgb(224, 116, 37)  DARK ORANGE
#9AC349     rgb(154, 195, 76)  LIME GREEN
#B9EC56     rgb(185, 236, 86)  LIGHT (BRIGHT) LIME GREEN
#CCCC33      rgb(204, 204, 51)  DARK LIME GREEN
#F0F0C2      rgb(240, 240, 194)  PALE LIME GREEN (TINT)

#BFBFBF rgb(191, 191, 191) LIGHT GRAY
#414042    rgb(65, 64, 66)  DARK GRAY
*/


/* below styles are the default -- take effect at resolutions <768 px */

body {	margin-bottom: 70px; /* footer height */
	background-color:#FF9900;
	background-image: url(../images/body_bg.gif);
}

a, a:visited, a:hover, a:focus {
	text-decoration: none;
}
.largerText {
	font-size:larger !important;
}
.boldText {
	font-weight: bold;
}

.orangeText {
	color: #E07425;
}
.smallerText {
	font-size: .85em;
	line-height:normal;
}

.grayText {
	color: #999;
}

.redText {
	color: #FF0000;
}
.boldRed {
	color: #FF0000;
	font-weight: bold;
}
.text-warning {
	color: #FFA20C;
}
.del {
	text-decoration: line-through;
}
.large-image {
	margin: 0 auto;
}
/* remove line spacing after ul element */
ul.no-gap-bullet-list { margin:-10px 0;}

/*Fix for problem with hyperlinks not working for smaller screen sizes on sponsorMe page. Overlapping div with the class col-xs-12 interferes with hyperlinks when the page size is reduced. Apply topLayer class to fundraiser list items (li)*/
.topLayer {
	z-index: 1;
}

.container {
/*gradient generated from http://www.cssmatic.com/gradient-generator */
background: rgba(255,228,184,1);
background: -moz-linear-gradient(top, rgba(255,228,184,1) 0%, rgba(255,232,195,1) 11%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,228,184,1)), color-stop(11%, rgba(255,232,195,1)), color-stop(69%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,228,184,1) 0%, rgba(255,232,195,1) 11%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,228,184,1) 0%, rgba(255,232,195,1) 11%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,228,184,1) 0%, rgba(255,232,195,1) 11%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,228,184,1) 0%, rgba(255,232,195,1) 11%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe4b8', endColorstr='#ffffff', GradientType=0 );
/*	background-color: white*/
}

.container-orange-gradient {
/*darker orange gradient generated from http://www.cssmatic.com/gradient-generator */
background: rgba(255,162,12,1);
background: -moz-linear-gradient(top, rgba(255,162,12,1) 0%, rgba(255,203,118,1) 28%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,162,12,1)), color-stop(28%, rgba(255,203,118,1)), color-stop(64%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,162,12,1) 0%, rgba(255,203,118,1) 28%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,162,12,1) 0%, rgba(255,203,118,1) 28%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,162,12,1) 0%, rgba(255,203,118,1) 28%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,162,12,1) 0%, rgba(255,203,118,1) 28%, rgba(255,255,255,1) 64%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa20c', endColorstr='#ffffff', GradientType=0 );

}
.navbar-default {
	margin-top: -48px; /* overlap .aimHeader */
	background: rgba(0, 0, 0, .4); /* transparent black */
	border-color: #CCCC33;
	border-radius:0px;
	min-width:300px;}

.navbar-brand {
	padding: 15px 15px;
	font-size: 18px;
}

.navbar-default .navbar-brand {
	color: #CCCC33;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	font-size: 18px;
	color: #CCCC33;
	background-color: transparent;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #FFF;
}
.navbar-default .navbar-text {
	color: #FFF;
}
.navbar-default .navbar-nav > li > a {
	color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #CCCC33;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #FFF;
	background-color: rgba(204, 204, 51, .8);
}

.dropdown-menu {
	background-color: rgba(255, 255, 255, .9);
}

.dropdown-menu .divider {
	background-color: #CCCC33;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: #F0F0C2;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	background-color: #CCCC33;
	outline: 0;
}

.nav > li > a:focus, .nav > li > a:hover {
	background-color: #F0F0C2;
}

.aimHeader{
	background-image:url(../images/AIM-masthead-large.jpg);
	background-repeat:no-repeat !important;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	background-position:top !important;
	height:203px;
	margin-top: -20px; /*remove space between top of page and masthead*/
}

.logo {
	text-align: right;
	padding-top:1.5em;
}

.center-image{
	display:block;
	margin: 0 auto !important;
	float: none !important;
}

.gold-border {
	padding: 2px;
	background-color: none;
	border: 1px solid #FFA20C;
}

.gray-border {
	padding: 4px;
	padding-right:4px !important;;
	margin-right: 6px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 2px;
}

.eventDate {
	color: #fff;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1.9em;
	text-align: left;
	padding-top: 4.4em;
}

.subHeader1 {
	color: #fff;
	font-weight: bold;
	line-height: 18px;
	background: #ffa20c;
	border: 2px solid #ff9900;
	padding:6px;
	margin-left: auto;
}

.faqA {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	padding-left: 16px;
}
.faqA2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	padding-left: 25px;
	margin-bottom:0px;

}
.faqQ {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	line-height: 2em;
	font-weight: bold;
}

h1{
	font-size:1.5em;
	font-weight: bold;
}
h2{
	font-size:1.4em;
	margin-bottom:4px;
}

div.caption h3 {
	font-size:.85em;
	font-weight:bold;
	margin-bottom:0px;
}
div.caption p {
	font-size:.8em;
	margin-bottom:5px;
}

dl {
	padding: 0.5em;
}
dt {
	font-size: 1em;
	line-height: 1.25em;
	font-weight: bold;
}
dd {
	margin: 0 0 10px 20px;
	padding:0;
	font-size: 1em;
	line-height: 1.25em;
}
.large-text-link{
	text-align:right;
	margin: 0;
	padding: 0;
	font-size: 150%;
	font-weight:bold;
}

hr {
	border-top: 1px solid #FFA20C;
}
/*remove paragraph indent in nested div */
.no-margin {
	margin-left: -14px;
}

blockquote {
	padding: 0px 20px;
	font-size: 13.5px;
	border-right: 1px solid #FFA20C;
	border-left: 0px;
}

.left-bar { /*bar on the left of blockquotes */
	margin-left: 20px;
	padding:0px 0px 0px 20px;
	font-size: 13.5px;
	border-left: 1px solid #FFA20C;
	border-right: 0px;
}

.bq-modal { /*blockquote that's inside a modal window */
	font-size: 12px;
	border-left: 1px solid #FFA20C;
	border-right: 0px;
	margin-left: 185px;
}
.bq 
.no-bar {  /*remove the bar on the right of blockquotes */
	border-right: 0px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	padding-top: 1px;
	padding-bottom:0px;
}

.center-table{
	margin: 0 auto !important;
	float: none !important;
}
.table-nonfluid {
	display:inline-table;
	width: auto !important;
	margin: 0 auto !important;
	clear: right;
	
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color:#e7f7c6;
}
th, .table-noBorder th, .table-noBorder td {
	border-top: none !important;
	padding: none;
 }
.table-hover > tbody > tr:hover {
	background-color: #FC6;
}

.center-table{
	margin: 0 auto;
	float: none;
}

.table > thead > tr > th {
	border-bottom: 1px solid #ddd;
}

.pull-right {
	padding-left:10px;
}
.pull-left {
	padding-right:10px;
}
/* back to top of page styling*/
.back-to-top {
background: none;
margin: 0;
position: fixed;
bottom: 0;
right: 0;
width: 70px;
height: 70px;
z-index: 100;
display: none;
text-decoration: none;
color: #ffffff;
background-color: #ff9000;
}
/* footer styling for all resolutions */
footer .container {
	background: none;
}
.navbar-fixed-bottom {
	background-color:#FFF;
	border-color:#FFA20C;
	}
.footer-text {
	margin-top: 15px;
	margin-bottom: 15px;
	color:#666;
}
.siteinfo {
	text-align: center;
	padding: .5em 0;
	border-top: 1px solid #ddd;
}
.siteinfo a {
	text-decoration: none;
	color: #999;
	font-size: 0.8em;
}
.siteinfo a:hover {
	color: #602F8D;
	text-decoration: underline;
}

/* styles for buttons, thumbnails, modals, and carousel */
.btn-primary {
	background-color: #FFA20C !important;
	border-color: #E07425 !important;
}
.btn-primary
a.btn.btn-primary,
a.btn.btn-primary:focus {
	background-color: #FFA20C;
	border-color: #E07425;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:visited {
	background-color: #CCCC33 !important;
	border-color: #9AC349 !important;
}

.btn-success, .btn-success:active, .btn-success:visited {
	background-color: #CCCC33;
	border-color: #b7b71b;
}

.btn-success:hover, .btn-primary:active, .btn-primary:visited {
	background-color: #b7b71b !important;
	border-color: #9AC349 !important;
}

	
/* Collapsed navbar MENU button*/
/*Light orange toggle button with dark orange border on normal state*/
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus{
	background-color: #FFA20C;
	border-color:none;
	color: white;
}
.navbar-toggle {
	padding: 5px 5px;
}

/*Light green toggle button with dark green border on hover and click*/
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active{
	background-color: #CCCC33;
	border-color: #9AC349;
	color: white;
}
.navbar-default .navbar-toggle .glyphicon {
	color: white;

}
.navbar-default .navbar-toggle:hover .glyphicon {
	color: white;
}
.modal-body .pull-left {
	padding-right: 1em;
}
.modal-body .pull-right {
	padding-left: 1em;
}
.modal-footer {
	clear: both;

}
.carousel-control {
	font-size: 200%;
	color: #FFA20C;
	filter: alpha(opacity=50);
	opacity: .8;
}
/* Move carousel indicators off the slide */
.carousel-indicators {
	bottom:-40px;
}
.carousel-inner {
	margin-bottom:40px;
}
.carousel-indicators li {
	width: 13px;
	height: 13px;
	border: 1px solid #E07425;
}
.carousel-indicators .active {
	width: 17px;
	height: 17px;
	background-color: #FFA20C;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: #3c763d;
	cursor: default;
	background-color: #f0ad4e !important;
	border: 1px solid #eea236;
	border-bottom-color: transparent;
}
.tab-pane {
	border: 1px solid #eea236;
	padding: 0.8em;
}

/* panel styling */
.panel-primary .panel-heading {
	background-color: #FFA20C;	border-color: #E07425;
	font-size: 1.5em;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-weight:bold;
	padding: 1px;
}

.panel-primary .h1, .h2, h1, h2, h3, h4 {
	margin-top:10px;
}
.panel.panel-primary .panel-body h4 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.panel {
	border-color: #FFA20C;
	font-size: .85em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}

.panel.panel-primary .panel-body ul li {
	padding-bottom: 6px;
/*	margin-left:-12px;*/
}

/* Highlight Related Links menu item active on corresponding page */
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus{
	color: #8a6d3b;
/*	background-color: #faf2cc;*/
	background-color: transparent;
	border-color: #8a6d3b;
	border: 10px ridge #FFA20C;
}

.list-group-item, a.list-group-item{
	color:#FC6;
	background-color:#333;
	border: 1px solid #FFA20C;
}

.noBackground{
	background-color:white;
}
/* Previous and Next (Pager) button styles */
.pager li > a,
.pager li > span {
	display: inline-block;
	color: white;
	font-weight:bold;
	margin: 0 4px 0 4px;
	padding: 5px 14px;
	background-color: #FFA20C;
	border-radius: 14px;
}
.pager li > a:hover,
.pager li > a:focus {
	background-color: #CCCC33;
}


/* Form styles */
label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

/*input, textarea*/
input.orangeBorder, textarea.orangeBorder
{
	font-size:12px;
	color: #000;
	border: 1px solid #ff9900;
	padding: 2px;
	margin: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}

input.submit {
background: #FFCC99;
border: 1px solid #ff9900;
}

input.submit:hover {
background: #ff3300;
}

fieldset
{
border: 1px solid #ff9900;
}

legend 
{
	display: inline;
	width: auto;
	line-height: 15px;
	border-bottom: 0px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	background: #ffa20c;
	border: 1px solid #ff9900;
	padding: 4px;
	margin-bottom: 8px;
	margin-left: 10px;
} 



.panel.btn{
.form-group button {
	margin-top: 10px;
}

form .col-sm-2,
form .col-sm-10 {
	padding: 10px 0;
	margin: 0;
}
/* Small devices (tablets, 768px and up)
Greater than 768 px, push logo left and tagline right. Altertagline font size, alignment, and padding for larger dimensions.

*/
@media (min-width: 768px) { 	.logo {
		text-align: left;
	}
	.tagline {
		font-size: 2em;
		text-align: right;
		padding-top: 1.6em;
	}
	form {
		width: 750px;
		margin: 0 auto;
	}

}