/* general formatting */

body {
	margin: 0px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #484848;
	font-size: 62.5%;
	background: #FFFFFF url(/images/bg.jpg) repeat-x scroll top;
}

p, h1, h2, h3, h4, h5 {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.0em;
	font-weight: normal;
	color: #696969;
	letter-spacing: -1px;
}

h3 {
	padding: 0px 0px 10px 0px;
	font-size: 1.5em;
	font-weight: normal;
	color: #004f94;
}

form {
	margin: 0px;
	padding: 0px;
}

input.text, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #405987;
	font-size: 1em;
	line-height: 1em;
	height: 1.1em;
	width: 14em;
	padding: 1px;
	border: 1px solid #a9aaab;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	color: #405987;
	font-size: 1em;
	line-height: 1em;
}

textarea {
	height: 8em;
}

a {
	color: #004f94;
}

a:hover {
	text-decoration: none;
	color: #D03A07;
}

.white {
	color: #FFFFFF;
}

.blue {
	color: #004f94;
}

ul {
	margin-top: 5px;
}


/* structure formatting */

#pageContainer {
	position: relative;
	width: 811px;
    margin: 0 auto;
}

#topContainer {
	height: 106px;
}

#logo {
	position: absolute;
	width: 93px;
	height: 89px;
	left: 22px;
	top: 11px;
	background: url(/images/logo.gif) no-repeat scroll top;
}

#logo h1 {
	position:absolute;
	left: -999em;
}

#redBar {
	height: 8px;
	background-color: #ff4200;
	overflow: hidden;
}

#scroll-h {
	background-color: #000000;
	color: #FFFFFF;
	border-right: 1px solid #a9aaab;
	border-left: 1px solid #a9aaab;
	font-size: 1.2em;
}

#scroll-h div {
	padding-top: 1px;
}

#scroll-h div a {
	color: #FFFFFF;
	text-decoration: none;
}

#mainContainer {
	border: 1px solid #a9aaab;
	border-top: 1px solid #a65139;
	background: #FFFFFF url(/images/botgrad.jpg) repeat-x scroll bottom;
	overflow: hidden;
	padding-bottom: 19px;
}

#topNav {
	position: absolute;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	left: 142px;
	top: 61px;
	font-size: 1.4em;
}

#topNav li {
	float: left;
	text-align: left;
	padding: 0px 15px 0px 15px;
	background: url(/images/topnav_icon.gif) no-repeat scroll left;
}

#topNav a {
	color: #5a5a5a;
	text-decoration: none;
}

#topNav a:hover { color: #D03A07; }


#topSearch {
	position: absolute;
	width: 226px;
	left: 585px;
	top: 59px;
	font-size: 1.4em;
}

#topSearch input.text {
	width: 11em;
	font-size: 0.9em;
}

#topOfficers {
	position: absolute;
	left: 585px;
	top: 22px;
	width: 200px;
}

#homeRotator {
	width: 667px;
	height: 242px;
	overflow: hidden;
	float: left;
}


/* side navigation stuff */

#sideNav {
	width: 142px;
	height: 242px;
	float: left;
	background: #004f94 url(/images/sidenav_bg.jpg) repeat-x scroll bottom;
	color: #FFFFFF;
	font-size: 1.2em;
}

#sideNav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: 13px;
	margin-bottom: 2px;
}

#sideNav ul li {
	text-align: left;
	padding: 6px 0px 3px 18px;
	background: url(/images/sidenav_icon.gif) no-repeat scroll left;
	border-bottom: 1px dashed #4780b2;
}

#sideNav ul li a {
	text-decoration: none;
	color: #FFFFFF;
}

#memberLogin {
	margin-left: 13px;
	margin-top: 5px;
}

#memberLogin span {
	display: block;
	margin-top: 5px;
}

#memberLogin input.text {
	width: 10em;
	font-size: 0.9em;
	line-height: 0.9em;
}

#memberLogin a {
	color: #FFFFFF;
}


/* below top section */

#newsPanel {
	float: left;
	width: 127px;
	height: 400px;
	background: #4a4a4a url(/images/news_botbg.jpg) repeat-x scroll bottom;
	color: #FFFFFF;
	padding: 0px 5px 0px 10px;
	font-size: 1em;
}

#newsPanel h2 {
	font-size: 2.2em;
	color: #FFFFFF;
	padding-bottom: 7px;
}

#newsPanel p.news {
	border-bottom: 1px dashed #777879;
	padding-bottom: 6px;
	margin-bottom: 9px;
}

#newsPanel p a {
	background: url(/images/news_icon.gif) no-repeat scroll top left;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 1px 0px 0px 17px;
}

#homeText {
	float: left;
	width: 247px;
	height: 251px;
	font-size: 1.2em;
	margin-right: 14px;
}

#homeText p.mission {
	padding: 5px 0px;
	border-top: 1px dashed #b8b9ba;
	border-bottom: 1px dashed #b8b9ba;
	background: #FFFFFF url(/images/missiongradbg.gif) repeat-x scroll bottom;
}

#homeText p.mission span {
	padding: 0px 0px 1px 17px;
	background: url(/images/eventsmore.gif) no-repeat scroll left;
	text-decoration: none;
	font-size: 1.2em;
	cursor: pointer;
}

#eventsBox {
	float: left;
	width: 171px;
	height: 231px;
	border: 1px solid #b8b9ba;
	background: #FFFFFF url(/images/eventsgrad.jpg) repeat-x scroll top;
	overflow: hidden;
	padding: 9px;
	font-size: 1.2em;
}

#eventsBox h2 {
	font-size: 1.3em;
}

#eventsBox p.event {
	padding-bottom: 4px;
	margin-bottom: 4px;
	border-bottom: 1px dashed #b8b9ba;
}

#eventsBox p.eventsmore {
	padding: 0px 0px 2px 16px;
	background: url(/images/eventsmore.gif) no-repeat scroll left;
}

#eventsBox p a {
	font-weight: bold;
}

#homePics {
	width: 143px;
	float: left;
	margin-left: 5px;
}

#homeSplit {
	width: 645px;
	clear: right;
	height: 15px;
	border-bottom: 1px dashed #a9aaab;
	margin-bottom: 9px;
	margin-left: 160px;
}

#homeOffers {
	float: left;
	height: 121px;
	width: 256px;
	background: #ff0100 url(/images/offerstile.gif) repeat-x scroll bottom left;
	margin-right: 6px;
	padding: 3px 7px 0px 12px;
	color: #FFFFFF;
	font-size: 1.2em;
}

#homeOffers a {
	display: block;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
	padding: 4px 0px 4px 20px;
	font-weight: bold;
	margin-top: 9px;
	background: transparent url(/images/offerclick.gif) no-repeat scroll 0px 4px;
}

#botMid {
	float: left;
	width: 247px;
	height: 100px;
	margin-right: 14px;
}

#botLeft {
	float: left;
	width: 140px;
	height: 100px;
	margin-right: 5px;
}

.blueheader, .orangeheader {
	background: #004f94 url(/images/blueheader_icon.gif) no-repeat scroll top left;
	height: 20px;
	color: #FFFFFF;
	padding: 4px 0px 0px 23px;
	font-size: 1.3em;
}

.blueheader a, .orangeheader a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.orangeheader {
	background: #ff4200 url(/images/orangeheader_icon.gif) no-repeat scroll top left;
}

.clickmore {
	background: #FFFFFF url(/images/clickmoregradbg.gif) repeat-x scroll bottom;
	font-size: 1.1em;
	padding: 3px 4px 5px 5px;
}

#botLeft div.blueheader {
	height: 45px;
	padding: 6px 0px 0px 24px;
	line-height: 1.5em;
	background-position: 0px 3px;
}

#botLeft div.clickmore {
	height: 65px;
}

.tempPic {
	float: left;
	width: 142px;
	height: 100px;
	background-color: #ef097c;
	color: #FFFFFF;
	text-align: center;
}

#memberBenefits {
	float: right;
	width: 228px;
}

.orangebox {
	background-color: #ff4200;
	color: #FFFFFF;
	font-size: 1.1em;
	padding: 7px;
}

#homeEnd {
	clear: both;
	height: 8px;
	border-bottom: 1px dashed #8894a2;
}



/* tier page stuff */

#tierSide {
	float: left;
	width: 142px;
}

#tierContent {
	float: right;
	width: 634px;
	background: url(/images/tiergrad.jpg) repeat-x scroll top;
	padding: 22px 0px 10px 33px;
	font-size: 1.2em;
}

#tierContent h1 {
	color: #ff4200;
	font-size: 2.3em;
	font-weight: normal;
	letter-spacing: -1px;
	border-bottom: 2px solid #a4c2e2;
	padding-bottom: 2px;
	padding-right: 10px;
}

#tierContent ul {
	list-style-type: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#tierContent li {
	background: url(/images/fpabullet.gif) no-repeat scroll top left;
	padding: 0px 0px 5px 13px;
	margin-left: 8px;
}

.eventimg {
	float: right;
	border: 2px solid #a4c2e2;
	margin: 0px 10px 10px 10px;
}

#textBox {
	width: 450px;
	margin-top: 13px;
	line-height: 1.4em;
}

#rightCol {
	float: right;
	width: 170px;
	padding: 10px 0px 6px 0px;
	background: url(/images/rightcolbg.gif) repeat-x scroll top;
	border-left: 1px solid #babbbc;
	border-bottom: 1px solid #babbbc;
}

#rightCol div {
	padding: 0px 1px 0px 7px;
}

#rightCol h3 {
	font-size: 1.4em;
	color: #ff4200;
	padding: 0px 1px 5px 7px;
	border-bottom: 1px dashed #b8b9ba;
	margin-bottom: 8px;
}

#rightCol h3 a {
	color: #ff4200;
	text-decoration: none;
}

#rightCol h3 a:hover {
	text-decoration: underline;
}

#requestForm p label {
	float: left;
	display: block;
	width: 80px;
	padding-top: 2px;
}

#requestForm p input.text, #requestForm p textarea {
	width: 250px;
}

.pdflink {
	background: url(/images/pdficon.gif) no-repeat scroll left;
	padding: 0px 0px 0px 20px;
}

.wordlink {
	background: url(/images/wordicon.gif) no-repeat scroll left;
	padding: 0px 0px 0px 20px;
}

.memlist {
	float: left;
	width: 270px;
	border-right: 1px dashed #b8b9ba;
	margin-right: 60px;
}

.memlist2 {
	float: left;
}

.memlist p, .memlist2 p {
	background: url(/images/fpabullet.gif) no-repeat scroll top left;
	padding: 0px 0px 5px 13px;
}

.offerbox {
	border-top: 4px solid #4080c4;
	width: 580px;
	padding: 9px 0px 9px 0px;
}

.offerbox img {
	float: right;
	margin: -4px 0px 3px 10px;
}

.offerbox h2 {
	color: #4080c4;
	font-size: 1.5em;
	line-height: 1.1em;
	letter-spacing: normal;
}

.offerbox div.offerline {
	clear: right;
	border-bottom: 1px dashed #8894a2;
	height: 1px;
}

div.offer_separator {
	clear: right;
	border-top: 1px dashed #8894a2;
	height: 15px;
}

.offerbox a.offerclick, a.backlink {
	display: block;
	background: #ff4200 url(/images/orangeheader_icon.gif) no-repeat scroll 0px -1px;
	height: 19px;
	width: 150px;
	color: #FFFFFF;
	margin-top: 2px;
	padding: 3px 0px 0px 23px;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
}


.fieldspan span {
	display: block;
	width: 85px;
	font-weight: bold;
	float: left;
}

.captionbox {
	width: 210px;
	float: right;
	text-align: center;
	font-size: 0.9em;
	margin: 0px 0px 5px 5px;;
	line-height: 1.1em;
}

.captionbox img {
	border: 1px solid #b8b9ba;
	margin-bottom: 4px;
}

a.galpic {
	display: block;
	width: 100px;
	height: 75px;
	float: left;
	text-align: center;
	border: 1px solid #b8b9ba;
	padding: 5px;
	margin-right: 8px;
	margin-bottom: 8px;
}

a.galpic:hover {
	border: 1px solid #ff4200;
}


/* footer styles */

#botStripLeft {
	width: 532px;
	color: #7e7e7e;
	border-bottom: 1px dashed #8894a2;
	padding: 5px 0px 5px 10px;
}

#botStripLeft span {
	color: #004f94;
	font-weight: bold;
}

#botStripLeft a {
	color: #D03A07;
	text-decoration: none;
}

#botStripRight {
	float: right;
	color: #909090;
	padding: 5px;
	color: #004f94;
}

#botStripRight a {
	background: url(/images/footericon.gif) no-repeat scroll left;
	padding: 0px 12px;
	text-decoration: none;
	color: #7e7e7e;
}
