/*
html {overflow-x: hidden; overflow-y: auto;}
html {overflow-y: scroll;}
*/

/* Layout
===================================================================== */
#wrap {width: 100%;}
#pageTitle {margin: 20px 0 0 0;}
#subpageSubcontent1 {float: left; width: 40%; margin-top: 20px;}
#subpageSubcontent2 {float: left; width: 60%;}
#subpageSubcontent3 {float: left; width: 100%; margin-top:50px; display: none;}
#subpageSubcontent2Gutter {margin: 20px 0 0 20px;}
#pageComplete {margin-top: 20px;}
.valignCenter {display: table-cell; vertical-align: middle;}

/* Buttons
===================================================================== */
.button {
	margin: 0;
	padding: 6px 16px 6px 16px;
	border: none;
	color: #ffffff;
	background-color: #7c1416;
	font-family: "brandon-grotesque", Georgia, Times, serif;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	}
.button:hover {
	background-color: #cd2129;
}
.button:active {
	background-color: #cd2129;
}

/* Completed Messages in Forms
===================================================================== */
.messageCompleteContainer {
	position: relative;
	height: 25px;
}
.messageCompleteWrap {
	position: absolute;
	left: 0px;
	top: 0px;
}
.messageComplete {
	height: 25px;
	color: #ffffff;
	padding: 5px 10px 0px 5px;
	background-color: #333333;
}
.message {
	color: #ff0000;
	text-align: left;
	font-weight: bold;
}
.messagecomplete {
	color: #000080;
	text-align: left;
	font-weight: bold;
}

/* Form Elements with no Margins and no Responsive Design
===================================================================== */
.formTextbox {
	width: 225px;
	padding: 4px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #333333;
	background-color: #f9f9f9;
	font-family: "brandon-grotesque", Georgia, Times, serif;
	font-size: 1em;
}
.formSelectbox {
	width: 235px;
	padding: 4px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #333333;
	background-color: #f9f9f9;
	font-family: "brandon-grotesque", Georgia, Times, serif;
	font-size: 1em;
}
.lstFotogs {
	margin: 0;
	padding: 1px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #333333;
	background-color: #ffffff;
	font-family: "brandon-grotesque", Georgia, Times, serif;
	font-size: 1em;
}

/* Main Form Elements that change with Responsive Design
===================================================================== */
.formsHeader {
	position: relative;
	width: 100%;
	text-align: justify;
}
.formsTag {
	margin: 20px 0 0 0;
	padding: 0;
}
.formsBody {
	position: relative;
	width: 100%;
}
.formsFieldset {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid #ffffff;
	background-color: #ffffff;
}
.formsLegend {
	margin: 0 0 0 0;
	padding: 0px 5px 0px 5px;
	background-color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}
.formsBar {
	width: 100%;
	height: 1px;
	margin: 2px 0 20px 0;
	padding: 0 20px 0 20px;
	background-color: #808080;
}
.formsFieldsetHeader {
	margin: -10px 0 10px 5px;
}
.formsLabel {
	clear: both;
	float: left;
	width: 200px;
	margin: 7px 0 0 0;
	padding: 0 5px 0 0;
	text-align: right;
}
.formsLabelRequired {
	clear: both;
	float: left;
	width: 200px;
	margin: 7px 0 0 0;
	padding: 0 5px 0 0;
	text-align: right;
	font-weight: bold;
}
.formsField {
	float: left;
	width: 225px;
	margin: 4px 0 0 0;
}
.formsText {
	float: left;
	width: 225px;
	margin-top: 7px;
	color: #333333;
	font-family: "brandon-grotesque", Georgia, Times, serif;
	font-size: 1em;
}
.formsTextbox {
	float: left;
	width: 225px;
	margin: 4px 0 0 0;
	padding: 4px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #333333;
	background-color: #f9f9f9;
	font-family: "brandon-grotesque", Georgia, Times, serif;
	font-size: 1em;
}
.formsTextboxWidth {
	width: 235px;
}
.formsWideTextbox {
	float: left;
	width: 300px;
	margin: 4px 0 0 0;
	padding: 4px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #333333;
	background-color: #f9f9f9;
	font-family: "brandon-grotesque", Georgia, Times, serif;
	font-size: 1em;
}
.formsWideTextboxWidth {
	width: 300px;
}
.formsSelectbox {
	float: left;
	width: 235px;
	height: 26px;
	margin: 4px 0 0 0;
	padding: 4px;
	border: 1px solid #cccccc;
	border-radius: 2px;
	color: #333333;
	background-color: #f9f9f9;
	font-family: "brandon-grotesque", Georgia, Times, serif;
	font-size: 1em;
}
.formsCheckbox {
	position: relative;
	margin: 0 5px 0 0;
	vertical-align: middle;
	bottom: 1px;
}
.formsOptions {
	margin: 10px 20px 0 20px;
}
.formsBox {
	width: 100%;
}
.formsBox1 {
	float: left;
	width: 200px;
	padding: 0 5px 0 0;
}
.formsBox2 {
	float: left;
}
.formsFooter {
	width: 100%;
}
.formsFieldsetVerticalSpacer {
	margin-top: 50px;
}
.formsTextboxVerticalSpacer {
	margin-top: 10px;
}
.formsButtonVerticalSpacer {
	margin-top: 20px;
}

/* Alt Tags
===================================================================== */
.altTagContainer {
	position: absolute;
	top: -37px;
	white-space: nowrap;
	display: none;
}
.altTagBody {
	height: 25px;
	padding: 5px 10px 0px 10px;
	color: #ffffff;
	background-color: #333333;
}
.altTagImage {
	height: 7px;
	line-height: 0;
}

/* Responsive Design
===================================================================== */
@media only screen and (max-width: 1024px) {
	#wrap {width: 100%;}
	.formsCheckbox {
		-ms-transform: scale(1.5); /* IE */
		-moz-transform: scale(1.5); /* FF */
		-webkit-transform: scale(1.5); /* Safari and Chrome */
		-o-transform: scale(1.5); /* Opera */
		margin: 5px 10px 5px 5px;
	}
}
@media only screen and (max-width: 980px) {
	.AdvancedLightboxManagerLink {display: none;}
	.formsWideTextbox {width: 250px;}
	.formsWideTextboxWidth {width: 250px;}
}
@media only screen and (max-width: 900px) {
	.formsWideTextbox {width: 200px;}
	.formsWideTextboxWidth {width: 200px;}
}
@media only screen and (max-width: 840px) {
#subpageSubcontent {text-align: justify;}
#subpageSubcontent1 {width: 100%; text-align: justify;}
#subpageSubcontent2 {width: 100%}
#registerbtm {display: none;}
#subpageSubcontent3 {display: block;}
#subpageSubcontent2Gutter {margin: 0;}
.formsWideTextbox {width: 400px;}
.formsWideTextboxWidth {width: 400px;}
}
@media only screen and (max-width: 700px) {
.formsWideTextbox {width: 300px;}
.formsWideTextboxWidth {width: 300px;}
}
@media only screen and (max-width: 600px) {
.formsWideTextbox {width: 225px;}
.formsWideTextboxWidth {width: 225px;}
}
@media only screen and (max-width: 513px) {
	.formsLabel {width: 133px;}
	.formsLabelRequired {width: 133px;}
	.formsBox1 {width: 135px;}
}
@media only screen and (max-width: 480px) {
	#pageTitle {
		margin: 0;
	}
	#pageImage {
		display: none;
	}
	#pageComplete {
		text-align: justify;
	}
	.formsTag {
		margin: 0;
	}
	.formsFieldset {
		margin: 20px 0 0 0;
		padding: 0px 0px 20px 0px;
		border: 1px solid #808080;
	}
	.formsFieldsetHeader {
		margin: 10px 0 0 15px;
	}
	.formsLegend {
		margin: 0 0 0 10px;
	}
	.formsBar {
		height: 0;
		margin: 0;
		padding: 0;
		background-color: #ffffff;
	}
	.formsFieldsetHeader {
		margin-right: 20px;
	}
	.formsLabel {
		width: 308px;
		margin: 20px 0 0 20px;
		padding: 0 0 0 0;
		text-align: left;
	}
	.formsLabelRequired {
		width: 308px;
		margin: 20px 0 0 20px;
		padding: 0 0 0 0;
		text-align: left;
	}
	.formsField {
		margin: 4px 0 0 20px;
	}
	.formsText {
		margin: 4px 0 0 20px;
	}
	.formsTextbox {
		margin: 4px 0 0 20px;
	}
	.formsWideTextbox {
		margin: 4px 0 0 20px;
	}
	.formsSelectbox {
		margin: 4px 0 0 20px;
	}
	.formsTextboxVerticalSpacer {
		margin-top: 0;
	}
	.formsBox1 {
		width: 16px;
	}
	.formsFooter {
		margin: 20px 0 0 0;
	}
	.messageCompleteContainer {
		background-color: #ff0000;
		width: 300px;
	}
	.formsFieldsetVerticalSpacer {
		margin-top: 0;
	}
	.formsTextboxVerticalSpacer {
		margin-top: 0;
	}
}

@media only screen and (max-width: 450px) {
	.formsLabel {width: 273px;}
	.formsLabelRequired {width: 273px;}
	.formsTextbox {margin: 4px 0 0 20px;}
	.formsSelectbox {margin: 4px 0 0 20px;}
}

@media only screen and (max-width: 415px) {
	.formsLabel {width: 238px;}
	.formsLabelRequired {width: 238px;}
	.formsTextbox {margin: 4px 0 0 20px;}
	.formsSelectbox {margin: 4px 0 0 20px;}
}

@media only screen and (max-width: 350px) {
	.formsTextbox {width: 200px;}
	.formsSelectbox {width: 210px;}
}