body {
z-index: 1;
background: #FFFFFF;
color: #000000;
margin: 0px;
font-family: Arial, Verdana, Helvetica, sans-serif;
text-align: center;
font-size: 100%;
}
#main {
text-align: center;
}
.tctr{
padding-left: 10px;
padding-right: 10px;
}
a {
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
}
.gold {
background: #FFCC99;
}
#bdr {
border: 1px solid #003366;
}		
.tvis {
color: #993333;
text-decoration: none;
font-size: 12px; 
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: bolder;
text-align: left;
padding-left: 3px;
padding-right: 3px;
}
#LogoLayer {
z-index: 2; 
left: 18px; 
position: absolute; 
top: 20px;
width: 220px;
background: #993333;
text-align: center;
}
#LogoLayer a {
border: none;
background: #000E76;
}
#LogoLayer a.byspec {
font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFCC99;
background: #993333;
text-align: center;
}
div .ctrt {
text-align: center;
}
div #ctrt1 {
text-align: center;
}
#LayerHome {
z-index: 4; 
width: 170px; 
position: absolute; 
top: 130px;
left: 35px; 
text-align: left;
border: 1px solid #003366;
}
#LayerAbout {
z-index: 5; 
width: 170px; 
position: absolute; 
top: 150px;
left: 35px; 
text-align: left;
border: 1px solid #003366;
}
#LayerFamily {
z-index: 6; 
width: 170px; 
position: absolute; 
top: 170px;
left: 35px; 
text-align: left;
border: 1px solid #003366;
}
#LayerGed {
z-index: 7; 
width: 170px; 
position: absolute; 
top: 190px;
left: 35px; 
text-align: left;
border: 1px solid #003366;
}
#LayerRead {
z-index: 8; 
width: 170px; 
position: absolute; 
top: 210px;
left: 35px; 
text-align: left;
border: 1px solid #003366;
}
#LayerEng {
z-index: 9;
width: 170px; 
position: absolute; 
top: 230px;
left: 35px; 
text-align: left;
border: 1px solid #003366;
}
#menTrig1 {
/*How to Help*/
z-index: 10; 
width: 170px; 
position: absolute; 
top: 250px;
left: 35px; 
text-align: left;
border: 1px solid #003366;
}
#flym1 {
/*How to Help slideout menu*/
z-index: 31; 
left: 200px; 
visibility: hidden; 
width: 120px; 
position: absolute; 
top: 250px;
text-align: left;
border: 1px solid #003366;
}
#LayerLit {
z-index: 11; 
width: 170px; 
position: absolute; 
top: 270px;
left: 35px; 
text-align: left;
border: 1px solid #003366;
}
#LayerCal {
z-index: 12; 
width: 170px; 
position: absolute; 
top: 290px;
left: 35px; 
text-align: left;
border: 1px solid #003366;
}
#LayerOur {
z-index: 13; 
width: 170px; 
position: absolute; 
left: 35px; 
top: 312px;
text-align: left;
color: #FFFFFF;
font-size: 12px;
font-weight: bolder;
}
#menTrig2 {
/*Spelling Bee*/
z-index: 14; 
width: 170px; 
position: absolute; 
left: 35px; 
top: 330px;
text-align: left;
border: 1px solid #003366;
}
#flym2 {
/*Spelling Bee slideout menu*/
z-index: 31; 
left: 200px; 
visibility: hidden; 
width: 120px; 
position: absolute; 
top: 330px;
text-align: left;
border: 1px solid #003366;
}
#LayerTime {
z-index: 15;
width: 170px; 
position: absolute; 
left: 35px; 
top: 350px;
text-align: left;
border: 1px solid #003366;
}
#LayerBook {
	z-index: 16;
	width: 170px;
	position: absolute;
	left: 35px;
	top: 367px;
	text-align: left;
	border: 1px solid #003366;
}
#menTrig3 {
	/*Mini Grants */	
z-index: 17;
	width: 170px;
	position: absolute;
	left: 35px;
	top: 385px;
	text-align: left;
	border: 1px solid #003366;
}
#flym3 {
z-index: 31; 
left: 200px; 
visibility: hidden; 
width: 120px; 
position: absolute; 
top: 390px;
text-align: left;
border: 1px solid #003366;
}
#LayerAffiliates {
	z-index: 18;
	width: 170px;
	position: absolute;
	left: 35px;
	top: 410px;
	text-align: left;
	border: 1px solid #003366;
}
#LayerMedia {
	z-index: 19;
	width: 170px;
	position: absolute;
	left: 35px;
	top: 430px;
	text-align: left;
	border: 1px solid #003366;
}
#LayerContact {
	z-index: 20;
	width: 170px;
	position: absolute;
	left: 35px;
	top: 450px;
	text-align: left;
	border: 1px solid #003366;
}
#LayerMap {
	z-index: 21;
	width: 170px;
	position: absolute;
	left: 35px;
	top: 470px;
	text-align: left;
	border: 1px solid #003366;
}
#LayerAddy {
z-index: 22; 
position: absolute; 
width: 200px;
left: 20px; 
top: 500px;
text-align: center;
font-size: 12px;
color:#000000;
}
#star {
z-index: 2;
position: absolute;
width: 200px;
left: 10px;
top: 640px;
padding-bottom: 2px;
text-align: center;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
}
#star p.st {
padding-right:10px;
padding-left: 10px
}
#star p.head1 {
font-family:  "Georgia", "Times New Roman," Courier, serif;
color: #993333;
text-align: center;
}
#star p.head2 {
font-family:  "Georgia", "Times New Roman," Courier, serif;
font-weight: bold;
color: #FF9900;
text-align: center;
}
#LogoLayer a.byspec {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFCC99;
background: #993333;
}

#LayerMain {
z-index: 1;
margin-left: 232px; 
margin-right: 10px;
margin-top: 5px;
border-color: #FFCC99;
border-left-width: 3px;
border-style: solid;
}
#LayerMain p,h1,h2,h3,h4,ul,li,ol,dl,dt {
position: relative;
left:18px; 
margin-right:15px;
padding-right: 15px;
}
#LayerMain .brown {
color: #993333;
font-weight: bold;
}	
#LayerSite {
z-index: 2;
position: relative;
margin-left: 10px; 
margin-right: 10px;
margin-top: 120px;
text-align: left;
background: #FFFFFF;
}
#LogoSiteLayer {
z-index: 1; 
left: 20px; 
position: absolute; 
top: 15px;
margin-right: 10px;
background: #993333;
width: 96%;
}
#LogoSiteLayer #rtim {
float: right;
padding-right: 7px;
}
#LogoSiteLayer #fltlft {
float: left;
position: relative;
padding-top: 10px;
padding-left: 30px;
}
#LayerSite p,h1,h2,h3,h4,ol,ul,li,dl,dt {
position: relative;
left:18px; 
margin-right:15px;
padding-right: 15px;
}
ol.ab {
list-style: decimal outside;
}
#LayerMain li.star {
list-style: circle outside;
}
 
#LayerMain h1 {
font-family:  "Georgia", "Times New Roman," Courier, serif;
font-size: 18px; 
color: #993333;
text-align: center;
}
 
#LayerSite h1 {
font-family:  "Georgia", "Times New Roman," Courier, serif;
font-size: 18px; 
color: #993333;
text-align: center;
}

#LayerMain p.mission {
font-family:  "Georgia", "Times New Roman," Courier, serif;
font-size: 11px; 
color: #993333;
text-align: center;
font-weight: bold;
letter-spacing: 1px;
}

#LayerMain h2{
font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
font-size: 18px; 
font-weight: bold;
color: #FF9900;
text-align: center;
}

#LayerMain h3 {
font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
font-size: 16px; 
font-weight: bold;
color: #FF9900;
text-align: left;
}

#LayerMain h4 {
font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
font-size: 16px; 
font-weight: bold;
color: #993333;
text-align: center;
}
#LayerMain .ctr {
text-align: center;
}

body #ftr a {
text-align: center;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

body #ftr p {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

a.footer:link {
color: #993333;
background: #FFFFFF;
width: auto;
}
a.footer:visited {
color: #000000;
background: #FFFFFF;
width: auto;
}
a.footer:hover {
color: #FF9900;
background: #FFFFFF;
width: auto;
}
a.footer:active {
color: #990033;
background: #FFFFFF;
width: auto;
}

#ftr .fvis {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-weight: bold;
font-size: 11px;
width: auto;
}
th {
background: #FFFFFF;
color: #000000;
font-family: "Georgia", "Times New Roman", "Times", serif;
font-style: italic;
font-size: 1.1em;
text-align: center;
border: 1px solid #999999;
padding: 3px;
}
td {
font-family: Arial, Verdana, Helvetica, sans-serif;
text-align: left;
vertical-align: text-top;
font-size: 0.9em;
padding: 5px;
border: 1px solid #999999;
}
.crm {
background: #FFFFE6;
}
.beg {
background: #F2EBDE;
}

p.gldhd {
font-family:  "Georgia", "Times New Roman," Courier, serif;
font-weight: bold;
color: #FF9900;
text-align: center;
position: relative;
}

.goldhd {
font-family:  Arial, Verdana, Helvetica, sans-serif;
color: #FF9900;
text-align: left;
}

p.rt {
text-align: right;
}
.rt2 {
text-align: right;
font-size: 0.7em;
font-family:  "Book Antiqua", "Georgia", "Times New Roman" serif;
}
#po {
float: right;
width: 230px;
padding: 5px;
}

#po p.poem {
font-family:  "Comic Sans MS", "Sand," cursive;
font-weight: bold;
font-size: 12px;
text-align: left;
color: #000000;
border: groove #FFCC99;
border-width: 2px 0px 2px 2px;
padding: 5px 5px;
}
#po2 {
float: right;
width: 250px;
padding: 5px;
}
#po2 p.poem2 {
font-family:  "Comic Sans MS", "Sand," cursive;
font-size: 12px;
font-weight: bold;
text-align: left;
color: #000000;
border: groove #FFCC99;
border-width: 2px 0px 2px 2px;
padding: 10px 10px;
}
#po3 {
float: right;
width: 280px;
padding: 5px;
}
#po3 p.poem3 {
font-weight: bold;
text-align: left;
color: #000000;
border: dashed #FFCC99;
border-width: 2px 0px 2px 2px;
padding: 10px 10px;
}
.arttitle {
font-family:  "Comic Sans MS", "Sand," cursive;
font-weight: bold;
color: #993333;
font-size: 13px;
text-align: center;
padding: 3px;
}
.artby {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
font-size: 0.8em;
font-variant: small-caps;
text-align: left;
padding: 3px;
}
.art {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #000000;
font-size: 0.8em;
text-align: left;
padding: 3px;
}
ol.num li.nu{
list-style-type: decimal;
}
ol.alph li.al{
list-style-type: upper-alpha;
}

.tspecial {
color: #993333;
font-weight: bolder;
}

#bee {
margin-top: -20px;
float: right;
width: 130px;
}

.brwn {
color: #993333;
font-weight: bold;
}

.gld {
color: #FF9900;
font-weight: bolder;
}

.newstit1 {
font-family:  "Georgia", "Times New Roman," Courier, serif;
font-size: 13px;
font-weight: bolder;
color: #FF9900;
text-align: left;
}

.newstit2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #993333;
text-align: left;
}

.read {
text-align: right;
}

.byline {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
font-style: small-caps;
color: #999999;
text-align: left;
}

em {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-style: normal;
font-weight: bold;
color: #993333;
}

#marcus {
float: right;
width: 180px;
}
#marcus p.txt {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
color: #993333;
font-size: 12px;
text-align: left;
padding: 3px;
}
#LayerSite {
width: auto;
postion: relative;
}
#LayerSite ol.map li{
font-size: 1em;
list-style-type: decimal;
line-height: 1.2;
}

#LayerSite ol.map2 li{
font-size: 1em;
font-family: Arial, Verdana, Helvetica, sans-serif;
list-style-type: lower-alpha;
line-height: 1.2;
}
#LayerSite a {
text-align: left;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 1em;
font-weight: bold;
text-decoration: underline;
}

#LayerSite a:link {
color: #993333;
background: #FFFFFF;
}

#LayerSite a:visited {
color: #000000;
background: #FFFFFF;
}

#LayerSite a:hover {
color: #FF9900;
background: #FFFFFF;
}

#LayerSite a:active {
color: #990033;
background: #FFFFFF;
}

#LayerMain #scroll {
position: relative;
left: 10px;
}
#LayerMain #scroll2 {
position: relative;
left: 10px;
}
#tctr {
margin-left: 20px;
font-size: 1em;
width: 470px;
}
.fltlt {
float: left;
position: relative;
}
.fltlt1 {
float: left;
position: relative;
}
.bee {
float: right;
position: relative;
}
.rd {
color: red;
}
.fltrt {
float: right;
position: relative;
margin: 0px 10px 10px 40px;
}
.fltrt2 {
float: right;
position: relative;
margin: 0px 10px 10px 35px;
}
.lt {
text-align: left;
}
.medrt {
float: right;
position: relative;
padding: 5px;
width: 270px;
margin: 0px 10px 10px 40px;
border: 5px ridge #993333;
}
.medrgt {
float: right;
position: relative;
padding: 5px;
width: auto;
margin: 0px 10px 10px 40px;
border: 5px ridge #993333;
}
#ctrgt {
text-align: center;
padding: 15px;
width: 270px;
border: 5px ridge #993333;
}
.irt {
float: right;
position: relative;
padding: 5px;
width: 175px;
margin: 0px 10px 10px 40px;
border: 5px ridge #993333;
}
div.mail {
position: relative;
left:18px; 
margin-right:15px;
padding-right: 15px;
}
.hrlt {
float: right;
position: relative;
padding: 5px;
width: 150px;
margin: -10px 10px 0px 40px;
}
legend {
font-weight: bold;
}
.imgr {
float: right;
position: relative;
margin: 0px 20px 50px 50px;
}
#tctr fieldset {
text-align: left;
}

#mem {
border: 5px double #000000;
padding: 10px;
width: auto;
margin: 30px 80px;
}
.mtitle {
font-size: 1.3em;
color: #000000;
font-weight: bold;
text-align: center;
}
#sbmem {
border: 5px double #000000;
padding: 10px;
margin: 10px 30px 10px 30px;
width: auto;
text-align: center;
}
#sbmem p {
text-align: left;
}
ul.star2 li{
list-style: url(images/star.gif) circle outside;
margin-bottom: 15px;
}