@import url(reset.css);
@import url(layout.css);

/* --{ C O L O U R S }--------------------------------
PMS Cool grey 1 c 	217,217,214		D9D9D6
PMS 375 c 			151,215,0		97D700
PMS 2995 c			0,169,224		00A9E0
PMS 370 c			101,141,27		658D1B
PMS 308 c			0,88,124		00587C
--------------------------------------------------- */




body,button,input,select,table,textarea {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
	font-size:12px;
	line-height:1.6666;
	color:rgb(19,48,66);
	letter-spacing:0;
	text-align:left;
	text-rendering:optimizeLegibility;
	-webkit-appearance: none;
}

/* BASELINE */
p,ul,ol,dl,h4,h5,h6,blockquote,table,form,fieldset,.vcard {
	font-weight:normal;
	font-size:1em;
	line-height:1.6666;
	margin:0 0 1.6666em;
}

/* Links */
a,a:focus,img,img:focus,:focus { border:0; outline:none; }
a:hover,a[href],input[type=submit],input[type=image],label[for],select,button,.pointer { cursor:pointer; }
a,a:link, a:visited { text-decoration:none; color:rgb(101,141,27); }
a:focus,a:hover { text-decoration:underline; color:rgb(0,169,224); }
a:active { color:rgb(0,88,124); }

/* HEADINGS */
h1, body#home h1, body#howitworks h1, body#fundraising h1, body#testimonials h1, .calltoaction {
	display: block;
	font-weight: bold;
	font-size: 3.3333em;
	line-height: 1;
	letter-spacing: .075em;
	color: rgba(255,255,255,.9);
	color: rgb(255,255,255);
	text-shadow: 0 -1px 1px rgba(30,30,30,.125);
	
	background: url(../imgs/tile-green.png) top left repeat;
	background-color: rgb(151,215,0);
	padding: 10px 20px;
	margin-bottom: 0;
}

h1 { margin-bottom: 20px; }



h2 {
	font-size: 1.25em;
	line-height: 1;
	margin-top: 1em;
	margin-bottom: .4166em;
	color: rgb(0,169,224);
}

h3 {
	font-size: 1.25em;
	line-height: 1;
	margin-bottom: .4166em;
	color: rgb(0,169,224);
}

/* Text elements */
strong,b { font-weight:bold; }
em,i,dfn { font-style:italic; }
sup,sub { vertical-align:baseline; position:relative; top:-.4em; }
sub { top:.4em; }
del,strike { color:rgb(0,96,131); }
ins { background-color:rgb(255,231,128); padding:0 .3333333em; }
abbr,acronym { border-bottom:1px dotted; cursor:help; }

small { 
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: .8333em;
	line-height: 1;
	text-align: right;
	padding-right: 20px;
}

/* Lists */
li ul,li ol { list-style-type:circle; margin-left:20px; }
ul { list-style-type:disc; margin-left:.5em; }
ol { list-style-type:decimal; margin-left:1em; }
dl { margin-bottom:0; }
dl dt { color:rgb(0,152,209); font-weight:bold; }
dd { margin-bottom:1.5em; }
ul.nb { list-style-type: none; margin-left: 0; }

/* Tables */
table { border-collapse : separate; border-spacing : 0; margin-bottom : 1.4em; width : 100%; }
table, td, th { vertical-align : top; }
th, thead th { font-weight : bold; }
th, td, caption { padding : 4px 10px 4px 5px;  text-align : left; font-weight : normal; }
th, td { border-bottom : 1px solid #a8a8a8; }


/* Forms */
form { }
form p { vertical-align:top; }
label { padding:.75em 0; display: block; }
input { vertical-align:middle; min-height:18px; }
input,textarea,select { margin:0; padding:.75em 0; border:none; border-bottom: 1px solid rgb(217,217,214); }
fieldset { margin-bottom:1.5em; padding:1.5em 0 0; border-top:1px solid rgb(217,217,214); }
legend { margin:0; padding:0 1em 0 0; color:rgb(0,169,224); text-transform:uppercase; letter-spacing:1px; }
input[type=checkbox],input[type=radio],input[type=image],select { width:auto; }
input[type=text],textarea,select { width: 100%; }
textarea { height:180px; border-top: 1px solid rgb(217,217,214); }
button { border:none; }
input[type=submit] { display:block; background-color:rgb(217,217,214); text-align:center; width:auto; padding:.75em 1em; text-transform:uppercase; letter-spacing:2px; }
input:focus,textarea:focus,input:hover,textarea:hover,input:active,textarea:active,input[type=submit]:hover { /* background-color:rgb(151,215,0); color:rgb(30,30,30); */ border-bottom: 1px solid rgb(0,88,124); }
input[type=submit]:hover { background-color:rgb(151,215,0); color:rgb(101,141,27); }




/* styles */

.arrowleft span, .arrowright span {
	display: block;
	padding: 35px 20px;
	
	font-size: 2.5em;
	line-height: 1;
	letter-spacing: .05em;
	color: rgb(255,255,255);
	text-align: left;
	text-shadow: 0 -1px 1px rgba(30,30,30,.125);
	
}
.arrowright span { text-align: right; }






/* misc useful items */
.hide { display: none; }



/* IE Fixes ----{ should move to another .css file }-- */

/*	PNG fix */
* html img { /* for IE<6 */ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/image.png'); background-image: none; background-repeat: no-repeat; background-color: transparent; }

/* Clear floats */
* html .column-row, * html .row, * html .group { height: 1%; }
.column-row, .row, .group { display: inline-block; }
.column-row, .row, .group { display: block; }