/**<!-- Compliance Goals: FireFox 14.0, 11.0Win, 11.0Mac, IE 7.0, IE 9.0, IE 8.0 Chrome 18.0, Safari 5.1 -->*/
/**<!-- Consider raising fonts by 3 pts, from 13px to 16px, adjust padding accordingly, consider not doing so at menu, also probably dont want to in footer -->*/
/**<!-- Make Sure To Locolaize Fonts, Add Meta Info To Header, and Convert Classes when you get a chance -->*/

/********** VISIBLE AREA DEFAULTS **********/

html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
	font-family: 'Arvo', serif;
	font-size: 13px;
	font-weight: 400;
/**<!--color: #828387; -->*/
	color: #363837;
/**<!--color: #00dd00; -->*/
}

/********** GLOBAL ELEMENTS **********/

h1 {
	margin: 0px;
	padding: 0px;
	font-family: 'Oswald', sans-serif;
	font-size: 48px;
	color: #002245;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	color: #002245;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	color: #363837;
}

h4 {
	margin: 0px;
	padding: 0px;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	color: #363837;
}

p {
	margin-top: 0px;
	line-height: 200%;
}

iframe {
	width: 100%;
	margin: 0px 0px 11px 0px;
}

ol, ul {

	margin: 0px;
}

ol {
	padding-bottom: 7px
}

ol li {
	padding: 0px 0px 13px 0px;
}


ul {
	padding: 0px 0px 20px 26px;
}

ul.nobullets {
	padding: 0px 0px 20px 13px;
	list-style: none;
}

strong {
}

a {
	color: #FF2301;
}

a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

hr {
	display: none;
}

/********** GLOBAL CLASSES **********/

.divider-bot {
	border-bottom: 1px solid #D0CFD0;
}

.container {
	width: 1000px;
	margin: 0px auto;
}

.page {
/**<!--padding: 30px 0px 10px 0px; -->*/
	padding: 20px 0px 10px 0px;
}

.page-add {
	border-top: 1px solid #D0CFD0;
/**<!--padding: 18px 0px 10px 0px; -->*/
	padding: 10px 0px 10px 0px;
/**<!--padding: 12px 0px 10px 0px; -->*/
}

.nomargin {
	margin: 0px;
	}

.nodimension {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	}

/********** ELEMENT SPECIFIC CLASSES, IMAGE **********/

img.border {
}

img.alignleft {
	float: left;
	padding-top: 5px;
	padding-right: 35px;
}

img.alignright {
	float: right;
}

img.aligncenter {
	margin: 0px auto;
}

/********** ID SPECIFIC ELEMENT AND DESCENDANTS, WRAPPER **********/

#wrapper {
}

/********** ID SPECIFIC ELEMENT AND DESCENDANTS, LOGO **********/

#logo {
	font-size: 0px;
	text-align: center;
}

#logo img {
	margin: 0px;
	padding: 3px 0px 0px 0px;
/**<!-- height: 333px;** Based on 300x900 (3:1, Old-AFD Aspect Ratio) ** -->*/
/**<!-- height: 313px;** Based on 313x1000 (3.2:1, Rebel Ink Lust Girls-Austin Wildflowers Survey Observational Survey Study Aspect Ratio) ** -->*/
/**<!-- height: 320px;** Based on 320x1000 (3.125:1, Original 4U Fundraising Aspect Ratio) ** -->*/
/**<!-- height: 300px;** Based on 300x1000 (3.333:1, New-AFD Aspect Ratio) ** -->*/
/**<!-- (4U Fundraising Adjusted for 3px Top Padding) ** -->*/
	height: 297px;
	max-width: 1000px;
	object-fit: scale-down;
	font-size: 0px;
}

/********** ID SPECIFIC ELEMENT AND DESCENDANTS, MENU **********/

#menu {
	height: 50px;
	background: url(/pg-common/menubg.jpg) no-repeat left top;
}

#menu ul {
	display: flex;
	justify-content: space-between;
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	height: 50px;
	margin: 0px;
/**<!-- padding was originally 30px -->*/
/**<!-- padding: 0px 19px; when menue has 7 items, OR, when the parent ul Display is set to Flex-->*/
/**<!-- padding: 0px 29px; when menue has 6 items -->*/
/**<!-- padding: 0px 30px; when menue has 5 or less items -->*/
/**<!-- Compliant & Non-Compliant Browsers Specifics Below -->*/
/**<!-- padding: 0px 19px; FireFox 14.0, 11.0Win, 11.0Mac, IE 7.0, Chrome 18.0, Safari 5.1, IE 9.0, IE 8.0 -->*/
	padding: 0px 19px;
	line-height: 50px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
	color: #FFFFFF;
}

#menu a:hover {
	background: #000000;
	text-decoration: none;
	color: #FFFFFF;
}

#menu .here a {
	background: #000000;
	color: #FFFFFF;
}

/********** ID SPECIFIC ELEMENT AND DESCENDANTS, FOOTER **********/

#footer {
	width: 1000px;
	margin: 0px auto;
	border-top: 4px solid #D0CFD0;
	color: #828387;
}

#footer p {
	margin: 0px;
	padding: 20px 0px 20px 0px;
	text-align: center;
}

#footer a {
}