/* CSS Document */
html {overflow-y: scroll;}
body { font-family: 'Open Sans', 'Century Gothic', Arial, Tahoma, Verdana, sans-serif; margin:0; color:#000; }
p { margin:0; padding:0; }

#pagebg {
	-webkit-transition:background-position 1s ease-in;
	-moz-transition:background-position 1s ease-in;
	-o-transition:background-position 1s ease-in;
	transition:background-position 1s ease-in;
}

.biobox {display:inline-block; padding:10px; line-height:14px; font-size:12px; text-align:center; vertical-align:top; margin:0px auto; width:120px;}
.biophoto {width:100%; border:2px solid #ccc; cursor:pointer; opacity:.8;}
.biophoto:hover {opacity:1;}

#announcement-container	{ position: fixed; 
    z-index: 100000;
		background-color:rgba(0,0,0,.8); 
		top:0; 
		right:0;
		bottom:0;
		left:0; 		
	}
	
	#announcement-background { position:absolute; top:0; 
	right:0;
	bottom:0;
	left:0; cursor:pointer; }
	
	#announcement	{ position:absolute; overflow:auto; border:2px solid #000; box-shadow:rgba(0,0,0,.5) 4px 4px 0;
	    background-color: #fff;
	    top: 10%;
			max-height:80%; 
	    right: 10%;
	    left: 10%;
	    max-width: 440px;
	    margin: 0 auto;
	    padding: 10px 30px; }

#announcement-close	{ position:absolute; top:5px; right:5px; cursor:pointer; border-bottom:0; }

.redbutton {
	font-family: 'Open Sans', 'Century Gothic', Arial, Tahoma, Verdana, sans-serif;
	padding:4px 8px; text-align:center; white-space:nowrap; color:#ececec; font-size:20px;
	border:2px solid rgba(255,255,255,.5); box-shadow:2px 2px 0px rgba(0,0,0,.2);
	transition-property: background, border;
	transition-duration: 0.5s;
	transition-delay: 0s;
	cursor:pointer;
	background: rgb(81,42,45); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(81,42,45,1) 0%, rgba(132,43,49,1) 47%, rgba(132,43,49,1) 48%, rgba(83,0,8,1) 48%, rgba(109,0,1,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,42,45,1)), color-stop(47%,rgba(132,43,49,1)), color-stop(48%,rgba(132,43,49,1)), color-stop(48%,rgba(83,0,8,1)), color-stop(100%,rgba(109,0,1,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(81,42,45,1) 0%,rgba(132,43,49,1) 47%,rgba(132,43,49,1) 48%,rgba(83,0,8,1) 48%,rgba(109,0,1,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(81,42,45,1) 0%,rgba(132,43,49,1) 47%,rgba(132,43,49,1) 48%,rgba(83,0,8,1) 48%,rgba(109,0,1,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(81,42,45,1) 0%,rgba(132,43,49,1) 47%,rgba(132,43,49,1) 48%,rgba(83,0,8,1) 48%,rgba(109,0,1,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(81,42,45,1) 0%,rgba(132,43,49,1) 47%,rgba(132,43,49,1) 48%,rgba(83,0,8,1) 48%,rgba(109,0,1,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#512a2d', endColorstr='#6d0001',GradientType=0 ); /* IE6-9 */
	margin:10px auto;
}
.redbutton:hover { color:#fff; border:2px solid #fff;
	background: rgb(42,32,33); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(42,32,33,1) 0%, rgba(66,42,44,1) 47%, rgba(66,42,44,1) 48%, rgba(37,15,17,1) 48%, rgba(48,20,20,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,32,33,1)), color-stop(47%,rgba(66,42,44,1)), color-stop(48%,rgba(66,42,44,1)), color-stop(48%,rgba(37,15,17,1)), color-stop(100%,rgba(48,20,20,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2021', endColorstr='#301414',GradientType=0 ); /* IE6-9 */

}
.redbutton:active { color:#999; background-color:#000;border:2px solid #fff;}

.footer {
	position:absolute; text-align:center; color:#fff; z-index:90; bottom:0px; left:0px; right:0px; height:50px; opacity:.9;
	background: rgb(42,32,33); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(42,32,33,1) 0%, rgba(66,42,44,1) 47%, rgba(66,42,44,1) 48%, rgba(37,15,17,1) 48%, rgba(48,20,20,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,32,33,1)), color-stop(47%,rgba(66,42,44,1)), color-stop(48%,rgba(66,42,44,1)), color-stop(48%,rgba(37,15,17,1)), color-stop(100%,rgba(48,20,20,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2021', endColorstr='#301414',GradientType=0 ); /* IE6-9 */
}


.greybutton {
	  transition-property: background-color, border;
  transition-duration: 0.5s;
  transition-delay: 0s;
	background: rgb(42,32,33); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(42,32,33,1) 0%, rgba(66,42,44,1) 47%, rgba(66,42,44,1) 48%, rgba(37,15,17,1) 48%, rgba(48,20,20,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,32,33,1)), color-stop(47%,rgba(66,42,44,1)), color-stop(48%,rgba(66,42,44,1)), color-stop(48%,rgba(37,15,17,1)), color-stop(100%,rgba(48,20,20,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2021', endColorstr='#301414',GradientType=0 ); /* IE6-9 */
}

.greybutton:hover {
	background: rgb(81,42,45); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(81,42,45,1) 0%, rgba(132,43,49,1) 47%, rgba(132,43,49,1) 48%, rgba(83,0,8,1) 48%, rgba(109,0,1,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,42,45,1)), color-stop(47%,rgba(132,43,49,1)), color-stop(48%,rgba(132,43,49,1)), color-stop(48%,rgba(83,0,8,1)), color-stop(100%,rgba(109,0,1,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(81,42,45,1) 0%,rgba(132,43,49,1) 47%,rgba(132,43,49,1) 48%,rgba(83,0,8,1) 48%,rgba(109,0,1,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(81,42,45,1) 0%,rgba(132,43,49,1) 47%,rgba(132,43,49,1) 48%,rgba(83,0,8,1) 48%,rgba(109,0,1,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(81,42,45,1) 0%,rgba(132,43,49,1) 47%,rgba(132,43,49,1) 48%,rgba(83,0,8,1) 48%,rgba(109,0,1,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(81,42,45,1) 0%,rgba(132,43,49,1) 47%,rgba(132,43,49,1) 48%,rgba(83,0,8,1) 48%,rgba(109,0,1,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#512a2d', endColorstr='#6d0001',GradientType=0 ); /* IE6-9 */
}

.bigred { font-size:14px; color:#530008;}
ul li {line-height:14px; margin-bottom:6px; margin-left:0; padding-left:0; font-size:12px;}
ul.contentlist li {margin-bottom:6px; margin-left:20px; padding-left:0; font-size:15px; line-height:150%;}
ol li.listheading { font-size:15px; font-weight:700; color:#530008;}
.listtext { font-size:14px; font-weight:400; color:#000;}
ul.listitems li {font-size:13px; color:#000; font-weight:400;}

td.patientstepstitle { font-size:15px; font-weight:700; color:#fff;
	padding:8px 12px;
	background: rgb(42,32,33); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(42,32,33,1) 0%, rgba(66,42,44,1) 47%, rgba(66,42,44,1) 48%, rgba(37,15,17,1) 48%, rgba(48,20,20,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,32,33,1)), color-stop(47%,rgba(66,42,44,1)), color-stop(48%,rgba(66,42,44,1)), color-stop(48%,rgba(37,15,17,1)), color-stop(100%,rgba(48,20,20,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(42,32,33,1) 0%,rgba(66,42,44,1) 47%,rgba(66,42,44,1) 48%,rgba(37,15,17,1) 48%,rgba(48,20,20,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2021', endColorstr='#301414',GradientType=0 ); /* IE6-9 */
}

td.patientsteps { font-size:12px; padding:20px; border: 3px solid #ccc; border-top:0; vertical-align:top;}

hr {
	margin:0px;
	border: 0;
    height: 1px;
    background: #ccc;
    background-image: -webkit-linear-gradient(left, #ececec, #ccc, #ececec);
    background-image:    -moz-linear-gradient(left, #ececec, #ccc, #ececec);
    background-image:     -ms-linear-gradient(left, #ececec, #ccc, #ececec);
    background-image:      -o-linear-gradient(left, #ececec, #ccc, #ececec);
}

.nav {z-index:200; text-align:center; display:inline-block; margin:-1px 0 0 0; cursor:pointer; color:#000; font-size:13px; line-height:13px; padding: 6px 14px 6px 14px; line-height:100%; text-decoration:none; text-shadow:rgba(0,0,0,.25) 1px 1px 2px;
  transition-property: background;
  transition-duration: 0.5s;
  transition-delay: 0s;
  border-bottom:3px solid transparent;
  border-top:1px #000 solid;
}

.nav:hover {color:#530008; text-decoration:none; border-bottom:3px solid #530008; }
.nav.on {color:#fff; border-bottom:3px #000 solid;
	background: rgb(81,42,45); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(81,42,45,1) 0%, rgba(132,43,49,1) 47%, rgba(132,43,49,1) 48%, rgba(83,0,8,1) 48%, rgba(109,0,1,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,42,45,1)), color-stop(47%,rgba(132,43,49,1)), color-stop(48%,rgba(132,43,49,1)), color-stop(48%,rgba(83,0,8,1)), color-stop(100%,rgba(109,0,1,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(81,42,45,1) 0%,rgba(132,43,49,1) 47%,rgba(132,43,49,1) 48%,rgba(83,0,8,1) 48%,rgba(109,0,1,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(81,42,45,1) 0%,rgba(132,43,49,1) 47%,rgba(132,43,49,1) 48%,rgba(83,0,8,1) 48%,rgba(109,0,1,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(81,42,45,1) 0%,rgba(132,43,49,1) 47%,rgba(132,43,49,1) 48%,rgba(83,0,8,1) 48%,rgba(109,0,1,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(81,42,45,1) 0%,rgba(132,43,49,1) 47%,rgba(132,43,49,1) 48%,rgba(83,0,8,1) 48%,rgba(109,0,1,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#512a2d', endColorstr='#6d0001',GradientType=0 ); /* IE6-9 */
}

.nav.homegroup { background-color:rgba(255,255,255,.75);}
.nav.helpgroup { background-color:rgba(255,230,230,.75);}
.nav.volugroup { background-color:rgba(230,230,230,.75);}

.nav.on:hover {color:#fff; text-decoration:none; cursor:default;}

a {color:#530008; text-decoration:none; border-bottom:1px #530008 dotted}
a:hover {color:#530008; text-decoration:none; border-bottom:1px #530008 solid; }

div.divider {
  position:relative; margin:1% auto; height:1px; border:0; width:50%;
  background: -webkit-linear-gradient(90deg, white, #0A5995, white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, white, #0A5995, white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, white, #0A5995, white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, white, #0A5995, white); /* Standard syntax */
}

div.dividerdark {
  position:relative; margin:1% auto; height:1px; border:0; width:50%;
  background: -webkit-linear-gradient(90deg, rgba(0,0,0,0), #333, rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, rgba(0,0,0,0), #333, rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, rgba(0,0,0,0), #333, rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, rgba(0,0,0,0), #333, rgba(0,0,0,0)); /* Standard syntax */
}

div.dividerfull {
  position:relative; height:1px; border:0; margin-bottom:10px; width:100%; background-color:#0A5995;
}

div.photograd {
  background: -webkit-linear-gradient(90deg, rgba(231,229,216,1) 10%, rgba(231,229,216,0) 20%, rgba(231,229,216,1)); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(90deg, rgba(231,229,216,1) 10%, rgba(231,229,216,0) 20%, rgba(231,229,216,1)); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(90deg, rgba(231,229,216,1) 10%, rgba(231,229,216,0) 20%, rgba(231,229,216,1)); /* For Firefox 3.6 to 15 */
  background: linear-gradient(90deg, white, white 10%, rgba(255,255,255,0), rgba(255,255,255,0) 80%, white 90%, white); /* Standard syntax */
  pointer-events: none;
}

.formbox {background-color:#fff; border: 1px solid #999; color:#333; font-size:12px; font-family:Arial,sans-serif; padding:6px; margin:2px;}
.formbox:focus {box-shadow:#c01f36 0px 0px 2px; color:#000000;}
.formbutton {background-color:#0A5995; color:#ffffff; font-size:12px; font-family:'Century Gothic',Arial,sans-serif; border:0px; cursor:pointer; padding-left:1%; margin-left:1%; padding-top:1%; margin-top:1%;}
.formbutton:hover {background-color:#B5AD80;}

h1 {text-align:left; font-size:22px; margin-bottom:20px; letter-spacing:0px; font-weight:400; text-shadow:2px 2px 0px rgba(0,0,0,.15); color:#530008; padding-bottom:6px; border-bottom:1px solid #530008;}
h2 {font-size:16px; margin-bottom:0px; letter-spacing:.5px; color:#3e3e3e; font-weight:400; text-align:left;}
h3 {font-family: 'Open Sans', 'Century Gothic', Arial, Tahoma, Verdana, sans-serif; font-size:18px; border:2px solid #53008; background-color:#ccc; padding:6px 20px; margin-bottom:0px; color:#530008; font-weight:700;}

div.donationvalue {
	background-color:#cccccc;
	color:#000000;
	border-radius:12px;
	width:110px;
	height:50px;
	padding:25px 0px;
	font-size:35px;
	text-align:center;
	cursor:pointer;
}

div.donationvalue.on {
	background-color:#530008;
	color:#ffffff;
	font-weight:700;
}

input.donationvalue { margin:4px;text-align:center; width:110px;height:29px;font-size:25px;border:0px; background-color:#cccccc; border-radius:12px; padding:8px 12px;	}
input.donationvalue.on {
	background-color:#530008;
	color:#ffffff;
	font-weight:700;
	}

.formfield {box-sizing:border-box; font-size:12pt; border-radius:4px; padding:4px 8px; width:100%; border:1px solid #666; height:36px;}
.formfield.half { width:50%; }

@media (max-width:450px) {
	div.donationvalue {
		width:100%;
		height:auto;
		padding:20px 0px;
		font-size:24px;
	}
}