body {
	padding: 0;
	margin: 0;
	background: #ccc;
	font-size: 100%;
	font-family: Average,Cambria;
	margin-bottom: -300px;
	
	background: #776a5d;
	background-image: url('../images/grain.png');
}

::selection {
	background: #9b988e; /* Safari */
	}
::-moz-selection {
	background: #9b988e; /* Firefox */
}

.colored_bar {	margin: 0 auto; }
.colored_bar img { 	margin-bottom: -5px;	width: 100%;	height: auto; }

.contentDiv {
	top: -40px;
	border: 0px solid red;
	margin: 0 auto;
	display: block;

	box-shadow:  0px -16px 20px 0px rgba(0, 0, 0, 0.5);
	z-index: 0;
	padding: 50px 0;
	background-repeat:no-repeat, repeat;
	background-position:center bottom;
	background-size: 800px auto, auto auto;	
}
.textDiv {
	font-size: 12pt;
	margin: 0 auto;
	width: 80%;
	max-width: 750px;
	padding: 0 0;
	position: relative;
	z-index: 5;
}

.pageTitle {
	with: 100%;
	text-align: center;
	font-weight: bolder;
	font-size: 40px;
	margin-top: -20px;
	font-variant: small-caps;
	padding-bottom: 20px;
}

.pageTitle:first-letter{font-size:48px;}

.crewTable {
	width: 100%;
}

.crewTable td {
	padding: 3px;
	margin: 5px;
}

.skewPositive {
	transform:skewY(3deg);
	-webkit-transform:skewY(3deg);
	-o-transform:skewY(3deg);
	-moz-transform:skewY(3deg);
	-webkit-backface-visibility: hidden;
  padding: 2px;
 	outline: 1px solid transparent;

	
}

.skewNegative {
	transform:skewY(-3deg);
	-webkit-transform:skewY(-3deg);
	-o-transform:skewY(-3deg);
	-moz-transform:skewY(-3deg);
	
}


.pageDiv {
	position: relative;
	margin-top: -20px;
	
	
}
.red { background-color: red; }
.blue { background: blue; }
.green {background: #00FF00; }
h1 { margin: 0; }
h2 { margin: 0; }
hr { 
	margin: 3px 0 15px 0;
	padding: 0;
	border: 0;
	border-top: 1px dashed;
}

.anchor {
	position: relative;
	top: -90px;
}

#siteHeader {
	width: 100%;
	margin-top: -30px;
	background: none;
	position: fixed;
	z-index: 100;
}

#RHlogo {
	margin-top: -20px;
	width: 175px;
}

.socialIcon {
	position: absolute;
}

.socialIcon img {
	height: 25px;
	width: 25px;
	margin: 2px;
	position: relative;
	
	-webkit-transition: -webkit-filter 150ms;
	-moz-transition: -webkit-filter 150ms;
	-o-transition: -webkit-filter 150ms;
	transition: -webkit-filter 150ms;
	-webkit-filter: grayscale(0.8);
	-moz-filter: grayscale(0.8);
	-o-filter: grayscale(0.8);
	filter: grayscale(0.8);
}

.socialIcon img:hover {
	-webkit-transition: -webkit-filter 150ms;
	-moz-transition: -webkit-filter 150ms;
	-o-transition: -webkit-filter 150ms;
	transition: -webkit-filter 150ms;
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: grayscale(0);
}

.header {
	background-image: url('../images/grain.png'), url('../images/[bg]header.jpg');
	background-repeat: repeat, no-repeat;
	background-position:center top;
	background-size: auto auto, 100% auto;
	-webkit-box-shadow:  0px -5px 10px 1px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 5px 10px 1px rgba(0, 0, 0, 0.5);
	color: white;
	font-weight: bolder;
	text-align:center;
}

.header a { color: white;  padding: 0 1.5em; text-decoration: none; }
.header a:hover { text-decoration: underline; }

#topBar {
	height: 30px;
	width: 100%;
	background: #9b988e;
	background-image: url('../images/grain.png');
	position: fixed;
	margin-top: -100px;
	z-index: 800;
	-webkit-box-shadow:  0px -5px 10px 1px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 5px 10px 1px rgba(0, 0, 0, 0.5);
}

#donateBar {
	width: 950px;
	height: 35px;
	margin: 0 auto;
	background: #275d8c;
	color: white;
	overflow: hidden;

	background-image: #296192; /* Old browsers */
	background-image: url('../images/grain.png'), -moz-linear-gradient(top, #296192 0%, #1b4373 100%); /* FF3.6+ */
	background-image: url('../images/grain.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#296192), color-stop(100%,#1b4373)); /* Chrome,Safari4+ */
	background-image: url('../images/grain.png'), -webkit-linear-gradient(top, #296192 0%,#1b4373 100%); /* Chrome10+,Safari5.1+ */
	background-image: url('../images/grain.png'), -o-linear-gradient(top, #296192 0%,#1b4373 100%); /* Opera 11.10+ */
	background-image: url('../images/grain.png'), -ms-linear-gradient(top, #296192 0%,#1b4373 100%); /* IE10+ */
	background-image: url('../images/grain.png'), linear-gradient(to bottom, #296192 0%,#1b4373 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#296192', endColorstr='#1b4373',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow:  0px -5px 10px 1px rgba(0, 0, 0, 0.5);
	box-shadow:  0px 5px 10px 1px rgba(0, 0, 0, 0.5);
	
}

#donateBar .text {
	width: 95%;
	text-align: right;
	padding: 3px;
	margin: 0 auto;
	height: 35px;
	cursor: pointer;
}

#donateBar .imgRotate {
    /* Firefox */
    -moz-transform:rotate(180deg);
    /* Safari and Chrome */
    -webkit-transform:rotate(180deg);
    /* Opera */
    -o-transform:rotate(180deg);
    /* IE9 */
    -ms-transform:rotate(180deg); 
}

#donateBar #donateContent {
	margin: 0 auto;
	margin-top: 15px;
	padding-bottom: 20px;
	width: 93%;
	cursor: auto;
	color: white;
	font-family: Average,Calibri;
}

#donateTextContainer {
	font-size: 11pt;
	border: 0px solid red;
	width: 93%;
	margin: 0 auto;
}

#donateBarContainer {
	margin-top: -61px;	
	border: 1px solid green;
	width: 341px;
	height: 185px;
	background: white;
	margin-left: 34px;
}

.donateArrow { width: 14px; margin-top: 6px; }

.donateField {
	padding: 5px;
	color: black;
	margin: 0 auto;
}

.donateField:hover {
	background: rgba(39,93,140,0.3);
	cursor: pointer;
}

.donateContent {
	
}

.donateHR {
	border: 0;
	border-top: 1px dashed black;
	margin: 0;
	padding: 0;
	width: 95%;
}

.donateVertiLine {
	border-right: 1px solid #CCC;
	padding-right: 5px;
	width: 10px;
}

#donateAmountsContainer td {
	height: 60px;
}

.donateAmountTitle {
	font-weight: bolder;
}

.donateAmountDescription {
	font-style: italic;
	font-size: small;
}

#content {
	padding-top: 9px;
	margin-top: 100px;
}

#contentDiv_6 {
	padding-bottom: 330px;
}

#footer {
	bottom: -5px;
	position: relative;
	margin-top: -250px;
	height: 100px;
	text-align: right;
	top: -80px;
}

#footerBar {
	background: #a6a39c;
	background-image: url('../images/grain.png');
	height: 35px;
	margin-top: 55px;
	box-shadow:  0px -3px 20px 0px rgba(0, 0, 0, 0.5);
}

#siteLoading {
	background: #6a1f0e; /*#314A59;*/
	background-image: url('../images/grain.png');
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 1000;
	padding-top: 40px;
	margin-top: -100px;
	color: white;
	font-size: 12pt;
	display: block;
	text-align: center;
}

	
/* MEDIA.PHP Styles */

#mediaContainer {
	width: 100%;
	border: 0px solid red;
	height: 270px;
	overflow: hidden;
	padding: 0px;
	position: relative;
}

.mediaPage {
	text-align: center;
	display: block;
	height: 100%;
	width: 100%;
	border: 0px dotted black;
	position: absolute;
}

#mediaPageNavigator {
	text-align: center;
}

#mediaPageNavigator span {
	font-size: 35px;
	color: white;
	cursor: pointer;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	padding: 0 2px;
}

#mediaPageNavigator .active {
	color: black;
}

#mediaPageNavigator span:hover {
	color: black;
}

/* CONTACT.PHP */
#contactForm {
	margin: 0 auto;
	bottom: -90px;
	padding: 20px;
	width: 61%;
	height: 250px;
	position: relative;
	z-index: 100;
	color: white;
	background: #296192; /* Old browsers */
	background-image: url('../images/grain.png'), -moz-linear-gradient(top, #296192 0%, #1b4373 100%); /* FF3.6+ */
	background-image: url('../images/grain.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#296192), color-stop(100%,#1b4373)); /* Chrome,Safari4+ */
	background-image: url('../images/grain.png'), -webkit-linear-gradient(top, #296192 0%,#1b4373 100%); /* Chrome10+,Safari5.1+ */
	background-image: url('../images/grain.png'), -o-linear-gradient(top, #296192 0%,#1b4373 100%); /* Opera 11.10+ */
	background-image: url('../images/grain.png'), -ms-linear-gradient(top, #296192 0%,#1b4373 100%); /* IE10+ */
	background-image: url('../images/grain.png'), linear-gradient(to bottom, #296192 0%,#1b4373 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#296192', endColorstr='#1b4373',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow:  0px -1px 10px 1px rgba(0, 0, 0, 0.5);
	box-shadow:  0px -1px 10px 1px rgba(0, 0, 0, 0.5);
	
}

#contactForm .textfield {
	padding: 5px;
	background: #CCC;
	background-image: url('../images/grain.png');
	color: black;
	border: 0;
	-webkit-box-shadow: inset 0px -1px 3px 1px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.5);
	font-size: 12pt;
	font-family: Average,Calibri;
	width: 90%;
	margin: 5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}

#contactForm img {
	padding: 0 15px;
}

.formButton {
	font-family: Average, Cambria;
	color: white;
	padding: 5px;
	font-size: 10pt;
	border: 1px solid #333;	background: #525252; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #525252 0%, #232323 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#525252), color-stop(100%,#232323)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #525252 0%,#232323 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #525252 0%,#232323 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #525252 0%,#232323 100%); /* IE10+ */
	background: linear-gradient(135deg,  #525252 0%,#232323 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#232323',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.formButton:hover {
	cursor: pointer;
	


}

#contactForm img:hover {
	-webkit-transition: -webkit-opacity 250ms;
	-moz-transition: -webkit-opacity 250ms;
	-o-transition: -webkit-opacity 250ms;
	transition: -webkit-opacity 250ms;
	opacity: 0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
}

progress {
  color: #0063a6;

  width: 15em;
  height: 1.8em;
  border: 1px solid #0063a6;
  background: #fff;
}