body { color: #fff; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #4aa3b5; background-image: url(../images/BackStrip1.jpg); background-repeat: repeat-x; background-position: 0 0; text-align: center; margin: 0; padding: 0; }
p { color: white; font-size: 11px; font-weight: normal; text-align: left; word-spacing: 1px; letter-spacing: 2px; margin: 0; padding: 0 0 0 20px; }
h1 { color: #fafad2; font-size: 16pt; font-weight: normal; text-align: left; word-spacing: 1px; letter-spacing: 3px; margin: 0; padding: 20px 0 10px; }
h2 { color: #fafad2; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; word-spacing: 1px; letter-spacing: 2px; margin: 0; padding: 3px 0 0; }
h3 { color: white; font-size: 18px; font-weight: bold; font-style: italic; text-align: center; word-spacing: 3px; letter-spacing: 3px; margin: 0; padding: 10px 0 0; }
h4 { color: #eae6e1; font-size: 80px; font-family: "Times New Roman", Times, Georgia, serif; font-weight: bold; text-align: right; letter-spacing: 6px; margin: 0; padding: 0; }
h5 { color: #fff; font-size: 16px; font-style: normal; font-weight: normal; text-align: left; word-spacing: 2px; letter-spacing: 2px; margin: 0; padding: 15px 0 0 20px; }
h6 { color: #ccc; font-size: 9px; font-weight: normal; text-align: left; letter-spacing: 1px; margin: 0; padding: 0; }
#wrapper { width: 840px; margin: 0 auto 0; padding: 0; }
#container {width: 840px; height: auto;float: left; }
#column1container { background-image: url(../images/menugradblue.jpg); background-repeat: repeat-x; background-position: 0 0; width: 160px; height: 600px; float: left; margin: 0; padding: 0; }
#column2page { background-color: #d6d3cf; width: 680px; height: 600px; float: left; margin: 0 0 0; padding: 0; display: inline; }
#column2page_alt { background-color: #fff; display: inline; margin: 0; padding: 0; width: 680px; height: 600px; float: left; }
#column2page_alt2 { background-color: #fff; display: inline; margin: 0; padding: 0 0 10px; width: 680px; height: auto; float: left; }
/*<agl.folder "top nav">*/
	div#navtop { background-color: black; background-image: url(../images/montage.jpg); background-repeat: no-repeat; background-position: -30px 0; width: 840px; height: 108px; float: left; margin: 0; padding: 0; }
	div#navtop ul { text-align: left; width: 800px; margin: 0; padding: 67px 0 0 40px; list-style-type: none; }
	div#navtop li { color: #fff; background-image: url(../images/blue_bullet10.gif); background-repeat: no-repeat; background-position: left 60%; text-align: left; float: left; margin: 0; padding: 0 5px 0 14px; display: inline; white-space: nowrap; }
	div#navtop li.alt { color: #fff; background-image: none; padding: 0 5px 0 0; }
	div#navtop a { color: #fff; text-decoration: none; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; word-spacing: 1px; letter-spacing: 1px; }
	div#navtop a:hover, body#hall #t-hall a,  body#about #t-about a, body#donate #t-donate a, body#events #t-events a, body#contact #t-contact a { text-decoration: none; color: #42d3d3; font-size: 11px; word-spacing: 1px; letter-spacing: 1px; }
	*html div#navtop ul { float: left; }
/*</agl.folder>*/
/*<agl.folder "Page headers">*/
	div#pageheader { background-color: black; background-image: url(../images/Header_HallofFame.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader img { float: left; margin: 0; padding: 0 20px 0; }
	
	div#pageheader2 { background-color: black; background-image: url(../images/Header_WhatWeAre.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader2 h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader2 img { float: left; margin: 0; padding: 0 20px 0; }
	
	div#pageheader3 { background-color: black; background-image: url(../images/Header_Donations.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader3 h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader3 img { float: left; margin: 0; padding: 0 20px 0; }
	
	div#pageheader4 { background-color: black; background-image: url(../images/Header_Events.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader4 h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader4 img { float: left; margin: 0; padding: 0 20px 0; }
	
	div#pageheader5 { background-color: black; background-image: url(../images/Header_ContactUs.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader5 h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader5 img { float: left; margin: 0; padding: 0 20px 0; }
	
	div#pageheader6 { background-color: black; background-image: url(../images/Header_policy.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader6 h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader6 img { float: left; margin: 0; padding: 0 20px 0; }	

	div#pageheader7{ background-color: black; background-image: url(../images/Header_Officers.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader7 h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader7 img { float: left; margin: 0; padding: 0 20px 0; }
	
	div#pageheader8{ background-color: black; background-image: url(../images/Header_Youth_Grants.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader8 h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader8 img { float: left; margin: 0; padding: 0 20px 0; }	
	
	div#pageheader9{ background-color: black; background-image: url(../images/Header_Upcoming_Events.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader9 h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader9 img { float: left; margin: 0; padding: 0 20px 0; }
	
	div#pageheader10{ background-color: black; background-image: url(../images/Header_Scholarship1.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader10 h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader10 img { float: left; margin: 0; padding: 0 20px 0; }	
	
	div#pageheader11{ background-color: black; background-image: url(../images/Header_Grants2.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader11 h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader11 img { float: left; margin: 0; padding: 0 20px 0; }	
	
	div#pageheader12{ background-color: black; background-image: url(../images/Header_Auction.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader12 h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader12 img { float: left; margin: 0; padding: 0 20px 0; }																

	div#pageheader13{ background-color: black; background-image: url(../images/Header_EnshrineBanquet09.jpg); background-repeat: no-repeat; background-position: 0 0; float: left; text-align: left; margin: 0; padding: 0; width: 840px; height: auto;  }
	div#pageheader13 h1 { color: #ffedd0; font-size: 27px; font-weight: normal; line-height: 86px; text-align: left; word-spacing: 3px; letter-spacing: 3px; vertical-align: middle; float: left; margin: 0; padding: 0 0 0 10px; }
	div#pageheader13 img { float: left; margin: 0; padding: 0 20px 0; }	
	
	/*</agl.folder>*/
/*<agl.folder "clearfix folder">*/
	.clearfix:after { content:"."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-table; }
	/*backslash hack hides from IE/MAC\*/
	*html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/*end backslash hack */
/*</agl.folder>*/
#listcontainer { width:100%; margin: 0; padding: 0; }
/*<agl.folder "Nav column 1a">*/
	div#col1nav1 { width: 160px; float: left; margin: 10px 0 0; padding: 0; }
	div#col1nav1 ul{ text-align: left; width: 38px; float: left; margin: 0; padding: 0 0 0 12px; list-style-type: none; }
	div#col1nav1 li { color: #ffce0f; font-size: 11px; line-height: 14px; letter-spacing: 2px; margin: 0; padding: 0; display: list-item; white-space: nowrap; }                                                                                                                                                                                                                                                                                                                                                                                              
	div#col1nav1 a { color: #fff; font-size: 11px; text-decoration: none; }
	div#col1nav1 a:hover, { color: #1eb4b4; font-size: 11px; text-decoration: none; margin: 0; padding: 0; }
	div#col1nav1 p { color: #fafad2; font-size: 11px; text-align: left; letter-spacing: 1px; margin: 0; padding: 0 0 2px 12px; }
/*</agl.folder>*/
/*<agl.folder "Nav column 1b">*/
	div#col1nav2 { float: left; margin: 10px 0 0; padding: 0; }
	div#col1nav2 ul { text-align: left; margin: 0; padding: 10px 0 0 12px; list-style-type: none; }
	div#col1nav2 li { color: #fafad2; font-size: 11px; line-height: 14px; letter-spacing: 1px; margin: 0; padding: 5px 0 0; display: list-item; }
	div#col1nav2 a { color: #fafad2; font-size: 11px; text-decoration: none; }
	div#col1nav2 a:hover { color: #1eb4b4; font-size: 11px; text-decoration: none; }
/*</agl.folder>*/
/*<agl.folder "Nav column 1c ">*/
	div#col1nav3 { float: left; margin: 10px 0 0; padding: 0; }
	div#col1nav3 ul { text-align: left; margin: 0; padding: 10px 0 0 12px; list-style-type: none; }
	div#col1nav3 li { color: #fafad2; font-size: 11px; letter-spacing: 1px; margin: 0; padding: 5px 0 3px; display: list-item; }
	div#col1nav3 a { color: #fafad2; font-size: 11px; text-decoration: none; }
	div#col1nav3 a:hover, body#sponsors #t-sponsors a, body#scholarships #t-scholarships a, body#youthgrants #t-youthgrants a, body#kids #t-kids a, body#officers #t-officers a, body#privacy #t-privacy a   { color: #1eb4b4; font-size: 11px; text-decoration: none; }
/*</agl.folder>*/
#footerpage { width: 300px; height: auto; float: left; margin: 0.5em 0; padding: 0 0 0 190px; display: inline; }
/*<agl.folder "history">*/
	div#scrollhistory { width: 635px;  height: 475px; overflow: auto; float: left; margin: 10px 10px 15px; padding: 0; }
	div#scrollhistory dl { width: 595px; float: left; display: inline; margin: 0 0 30px; padding: 0; }
	div#scrollhistory dt { color: #000; font-size: 15px; font-weight: bold; text-align: left; width: 575px; float: right; margin: 0; padding: 0; }
	div#scrollhistory dd { color: #000; font-size: 12px; line-height: 20px; text-align: left; margin: 0; padding: 0 20px 0 0; }
	div#scrollhistory dd.img img { float: left; margin: 0; padding: 0; }
	div#scrollhistory dd.pad { padding-top: 2.25em; padding-left: 20px; }
	div#scrollhistory dd.pad2 { padding-top: .5em; padding-left: 20px; }
	div#scrollhistory .alt dt { text-align: right; width:555px; float: left; padding-right: 0; padding-left: 0; }
	div#scrollhistory .alt dd.img img { float: right }
	div#scrollhistory a { color: #2d4895; text-decoration: none; }
	div#scrollhistory a:hover { color: #b40000; text-decoration: none; }
/*</agl.folder>*/
/*<agl.folder "HOF_search">*/
	div#search { text-align: left; width: 190px; height: auto; z-index: 2; float: right; margin: 0; padding: 20px 15px 0 50px; }
	div#search select { color: #fafad2; font-size: 11px; font-family: Arial, Helvetica, Verdana, sans-serif; font-weight: normal; line-height: 27px; background-color: #33899a; letter-spacing: 1px; vertical-align: middle; width: 180px; height: 25px; margin: 0 0 0.3em; padding: 1px 0; border-style: outset; border-width: 1px; }
	div#search select:focus { color: #fff; background-color: #54b4c7; border-style: inset; border-width: 1px; }
	div#search form  /* for IE 5MAC */ { margin: 0; padding: 0; }
/*</agl.folder>*/
/*<agl.folder "Scroll Text Content">*/
	div#scrolltext { width: 635px; height: 500px; overflow: auto; float: left; margin: 10px 10px 15px; padding: 0; display: inline; }
	div#scrolltext dl { width: 595px; float: left; display: inline; margin: 0; padding: 0; }
	div#scrolltext dt { color: #000; font-size: 15px; font-weight: bold; line-height: 17px; text-align: left; width: 575px; float: right; margin: 0; padding: 9px 0 3px 20px; }
	div#scrolltext dd { color: #000; font-size: 12px; line-height: 21px; text-align: left; margin: 0; padding: 9px 20px 0; }
	div#scrolltext dd.img img { float: left; margin: 0; padding: 0 20px 3px 0; }
	div#scrolltext dd.pad { margin: 0; padding-top: 0.5em; padding-right: 20px; padding-left: 20px; }
	div#scrolltext .alt dt { text-align: right; width: 555px; float: left; margin: 0; padding-right: 0; padding-left: 0; }
	div#scrolltext .alt1 dt { font-size: 11px; font-style: italic; line-height: 12px; text-align: center; margin: 0; width: 310px; float: left; padding: 3px 0 7px 10px; }
	div#scrolltext .alt2 dt { font-size: 11px; font-style: italic; line-height: 12px; text-align: center; margin: 0; width: 290px; float: right; padding: 3px 30px 7px 0; }
	div#scrolltext .alt dd.img img { float: right; padding-left: 20px; }
	div#scrolltext .alt2 dd.img img { padding-bottom: 3px; padding-left: 20px; float: right; }
	div#scrolltext dd.img2 img { padding-left: 20px; float: right; }
	div#scrolltext a { color: #2d4895; text-decoration: none; }
	div#scrolltext a:hover { color: #b40000; text-decoration: none; }
/*</agl.folder>*/
/*<agl.folder "Photo Document list">*/
	div#scrollphoto { width: 635px; height: 500px; overflow: auto; float: left; margin: 10px 10px 15px; padding: 0; }
	div#scrollphoto dl { width: 595px; float: left; display: inline; margin: 0; padding: 0; }
	div#scrollphoto dt { color: #000; font-size: 15px; font-weight: bold; line-height: 17px; text-align: left; width: 575px; float: right; margin: 0; padding: 9px 0 6px 20px; }
	div#scrollphoto dd { color: #000; font-size: 12px; line-height: 21px; text-align: left; margin: 0; padding: 9px 20px 0; }
	div#scrollphoto dd.img img { float: left; margin: 0; padding: 0 20px 3px 0; }
	div#scrollphoto .alt dt { text-align: right;  float: left; margin: 0; padding-right: 20px; padding-left: 0; }
	div#scrollphoto .alt1 dt { font-size: 11px; font-style: italic; line-height: 12px; text-align: center; margin: 0; width: 310px; float: left; padding: 3px 0 7px 10px; }
	div#scrollphoto .alt2 dt { font-size: 11px; font-style: italic; line-height: 12px; text-align: center; margin: 0; width: 290px; float: right; padding: 3px 30px 7px 0; }
	div#scrollphoto .alt dd.img img { float: right ; padding-bottom: 3px; padding-left: 20px; }
	div#scrollphoto .alt2 dd.img img { padding-bottom: 3px; padding-left: 20px; float: right; }
	div#scrollphoto a { color: #2d4895; font-size: 14px; font-weight: bold; line-height: 21px; text-decoration: none; letter-spacing: 1px; }
	div#scrollphoto a:hover { color: #b40000; font-size: 14px; font-weight: bold; line-height: 21px; text-decoration: none; letter-spacing: 1px; }
/*</agl.folder>*/
/*<agl.folder "No Scroll Text Content">*/
	div#noscrolltext { background-color: #fff; width: 655px; float: left; margin: 10px 10px 15px; padding: 0; display: inline; }
	div#noscrolltext dl { width: 625px; float: left; display: inline; margin: 0; padding: 0; }
	div#noscrolltext dt { color: #0f53b2; font-size: 16px; font-weight: bold; line-height: 17px; text-align: left; width: 605px; float: right; margin: 0; padding: 9px 0 3px 20px; }
	div#noscrolltext dd { color: #000; font-size: 12px; line-height: 21px; text-align: left; margin: 0; padding: 9px 0 0 20px; }
	div#noscrolltext dd.img img { float: left; margin: 0; padding: 0 20px 3px 0; }
	div#noscrolltext .alt dt { text-align: right; width: 590px; float: left; margin: 0; padding-right: 0; padding-left: 0; }
	div#noscrolltext .alt1 dt { font-size: 11px; font-style: italic; line-height: 12px; text-align: center; margin: 0; width: 355px; float: left; padding: 3px 0 7px 10px; }
	div#noscrolltext.alt2 dt { font-size: 11px; font-style: italic; line-height: 12px; text-align: center; margin: 0; width: 335px; float: right; padding: 3px 30px 7px 0; }
	div#noscrolltext .alt dd.img img { float: right; padding-left: 20px; }
	div#noscrolltext .alt2 dd.img img { padding-bottom: 3px; padding-left: 20px; float: right; }
	div#noscrolltext dd.img2 img { padding-left: 20px; float: right; margin: 0; padding-right: 0; }
	div#noscrolltext dd.img3 img { text-align: left; float: left; margin: 0; padding: 0 0 25px; }
	div#noscrolltext dd.button a { color: #e9c969; font-size: 10px; font-weight: bold; line-height: 47px; background-image: url(../images/Donate_button.jpg); background-repeat: no-repeat; background-position: 0 -1px; text-decoration: none; text-align: center; word-spacing: 3px; vertical-align: middle; width: 170px; height: auto; padding: 19px 18px 18px; }
	div#noscrolltext dd.button a:hover { color: #000; f text-decoration: none;  background-position: 0 -46px;  }
	div#noscrolltext a { color: #2d4895; font-weight: bold; text-decoration: none; }
	div#noscrolltext a:hover { color: #b40000; text-decoration: none; }
/*</agl.folder>*/
