body {
padding:20px 0px 0px 90px;
margin:0px;
font:76% serif;
overflow:auto;background:#fffddd;
font-size:0.8em;
}

li:first-letter
{
font-size:larger;
color:#390084;
}


#outer
{
position:absolute;
width:90%;height:auto;
}

#mainmidbox
{
position:absolute;
left:50px;top:90px;
width:58%;height:35em;
}

*html #mainmidbox
{
position:relative;
left:0px;top:100px;
width:100%;height:35em;

}
#mainrightbox;
{
position:absolute;
left:550px;top:100px;
width:30%;height:35em;

}

#textindx
{
position:absolute;
top:270px;left:50px;
width:70%;
text-align:left;
font-size:larger;
font-family:cursive;
border:0px solid black;
}

#indxfooter
{ 
position:absolute;
color:#CACACA;
background-color:#fffddd;
top:550px;left:50px;
width:70%;
text-align:center;
}
#header 
{ 
padding:0 0 0 0;
color:#ffffdd;
background-color:#390084;
width:100%;height:2.1em;
text-align:center;
border-bottom:solid 4px #aaaaaa;
border-right:solid 4px #aaaaaa;
font-size:2.6em;
font-family:verdana sans-serif;
}

#logobox
{
position:relative;
top:20px;left:20px;
width:110px;height:110px;
background-image:url('../images/lionlogo_2c_small.jpg');
background-repeat:no-repeat;
border:transparent teal;
float:left;padding:0px 0px 0px 0px;
}

#fflogobox
{
position:relative;
top:20px;left:50px;
width:100px;height:80px;
background-image:url("../images/fflogo2.gif");
background-repeat:no-repeat;
border-left-width:1px;
border-top-width:2px;
border-bottom-width:4px;
border-right-width:4px;
float:left;
border:solid #fffddd;
}

#ticket
{
font-size:1.8em;
color:red;
text-align:center;
border:3px solid blue;
}

.serno
{
font-size:0.8em;
color:black;
text-align:center;

}
.itlc
{
font-style:italic;
color:teal;
font-weight:900;
}

.minusone
{
font-size:0.6em;
}

.minus1
{
font-size:0.8em;
}


.plus1
{
font-size:1.5em;
color:red;
}

.inputcol
{
position:relative;
left:5px;
}

input 
{ 
background-color:#FAFBE5;
color:#390084;
border:thin solid #AAABBD; 
width:13em;
text-align:left;
}

#youthpicholder
{
position:relative;
float:right;bottom:100px;
width:377px;
margin:10px 100px 10px 10px;
}


.inputcol2
{
position:relative;
left:5px;
}

.inputcol2 input 
{ 
background-color:#FAFBE5;
color:#390084;
border:thin solid #AAABBD; 
width:3em;
left:10%;
text-align:left;
}

#numbox
{
left:20px;top:10px;
width:180px;height:auto;
font-size:1.2em;text-align:center;
border:2px solid red;
color:#390084;
}

#numbox2
{
left:20px;top:10px;
width:180px;height:40px;
font-size:1em;text-align:center;
border:2px solid red;
color:#000000;
font-family:cursive;
}

h2
{
text-align:center;
}

h3
{
text-align:center;
}





/* =========== Xmas ==============*/
#adbox
{
position:relative;
left:350px;top:150px;
width:450px;
border:3px inset #ffffdd;
}

#hollypic1
{
position:fixed;
left:5px;top:0px;
background-image:url('../images/xmas/holly3.gif');
width:85px;height:60px;
background-repeat:no-repeat;
float:left;margin:5px;
border:1px solid #19B200;
}

#santahol
{
position:relative;
left:25px;top:0px;
background-image:url('../images/xmas/fc05.jpg');
width:350px;height:80px;
background-repeat:no-repeat;
margin:5px;
margin:10px 0 0 0;
border-top:1px solid #19B200;
border-bottom:1px solid #19B200;
border-right:1px solid #FF0066;
border-left:1px solid #FF0066;
}

#bellpic
{
position:fixed;
left:5px;top:0px;
background-image:url('../images/xmas/bell01.gif');
width:85px;height:70px;
background-repeat:no-repeat;
float:left;
margin:5px;
border:1px solid #FF0066;
}


#bellpic2
{
position:fixed;
left:5px;top:0px;
background-image:url('../images/xmas/bell01.gif');
width:85px;height:70px;
background-repeat:no-repeat;
float:right;
margin:5px;
border:1px solid #FF0066;
}

#xmasbox08
{
position:relative;
top:350px;left:100px;
width:200px;height:160px;
background-image:url('../images/xmas/xmastree.gif');
background-repeat:no-repeat;
border:solid teal;
margin:0 8px 1px 0;
float:right;
padding:0 0.8em 0 0;
}

#midtopbit
{
position:relative;
top:30px;left:60px;
width:80%;height:200px;
font-size:1.4em;
}

#leftcoltext
{
position:relative;
top:100px;left:70px;
width:65%;height:100%;
border:1px solid #fffddd;
font-size:1.2em;
text-align:left;
}

#leftcoltext1
{
position:relative;
top:30px;left:35px;
width:90%;
font-size:1.4em;
font-family:cursive;
text-align:center;
padding:2em 0 2em 0;
border:2px solid #ffffdd;
}

#leftcoltext21
{
position:relative;
top:50px;left:0px;
width:100%;
font-size:1.4em;
font-family:cursive;
text-align:center;
padding:2em 0 2em 0;
border:2px solid #ffffdd;
}

#leftcoltext1 h1
{
font-family:serif;
font-size:1.6em;
color:#390084;
}

#leftcoltext1 h1:first-letter
{
font-size:2.6em;
}


#text4
{
position:absolute;
top:110px;left:300px;
height:2em;
font-size:1.2em;
text-align:left;
}


#normaltext
{
position:absolute;
top:235px;left:50px;
width:80%;
font-family:cursive;
text-align:left;
}



#normaltext bb
{
font-style:underline;
}


#leftcoltextthanks h1
{
font-family:serif;
font-size:1.2em;
color:#390084;
}

#leftcoltextthanks h1:first-letter
{
font-size:1.6em;
}

#leftcoltextthanks h4
{
text-align:center;
}

#aboutlionstsxt
{
position:absolute;
top:230px;left:160px;
width:34em;
font-size:1.3em;
font-family:cursive;
text-align:justify;
}

#contacttext
{
position:absolute;
top:230px;left:140px;
width:39em;
font-size:1.3em;
font-family:cursive;
text-align:justify;
}

#memberstext
{
position:absolute;
top:230px;left:160px;
width:34em;
font-size:1.3em;
font-family:cursive;
text-align:justify;
}

#fundtext
{
position:absolute;
top:230px;left:160px;
width:34em;
font-size:1.3em;
font-family:cursive;
text-align:justify;
}

#leftcoltextthanks
{
position:absolute;
top:190px;left:50px;
width:auto;
font-size:1.5em;
font-family:cursive;
text-align:left;
padding:5px 5px 5px 5px;
}


#leftcoltextthanks h1
{
font-family:serif;
font-size:1.2em;
color:#390084;
}

#leftcoltextthanks h1:first-letter
{
font-size:1.6em;
}


#barpicplace
{
position:absolute;
top:200px;left:330px;
border:solid teal 1px;
}

#bartext
{
position:absolute;
top:420px;left:120px;
width:75%;height:20em;
font-size:1.2em;
font-family:cursive;
text-align:center;
}

#barttext first-letter
{
font-size:larger;
color:#390084;
}

#barttext h2
{
font-family:serif;
font-size:1.2em;
color:#390084;
}

#barttext h2:first-letter
{
font-size:1.6em;
}

#leftcoltext5
{
position:absolute;
top:230px;left:80px;
width:600px;height:auto;
font-size:1.2em;font-family:cursive;
text-align:center;
}

#leftcoltext50
{
position:relative;
top:280px;left:190px;
width:610px;height:auto;
font-size:1.2em;font-family:cursive;
text-align:left;
border:2px transparent black;
}


#leftcoltext50 h1
{
font-family:serif;
font-size:1.2em;
color:#390084;
}

#leftcoltext50 h1:first-letter
{
font-size:1.6em;
}


#leftcoltext55
{
position:relative;
top:30px;left:120px;
width:530px;
font-size:1.5em;
font-family:cursive;
text-align:left;
padding:15px 15px 15px 15px;
border:2px transparent black;
}


#leftcoltext55 h1
{
font-family:serif;
font-size:1.2em;
color:#390084;
}

#leftcoltext55 h1:first-letter
{
font-size:1.6em;
}


#leftcoltext6
{
position:relative;
top:100px;left:70px;
width:80%;height:auto;
border:1px solid #fffddd;
font-size:1.6em;
text-align:justify;
border:1px solid #ffffdd;
}

#leftcoltext6:first-letter
{
font-size:2.8em;
}

#footer
{ 
position:relative;
color:#CACACA;
background-color:#fffddd;
top:600px;left:150px;
width:80%; 
height:2em;
text-align:center;
padding:0px 0 0 0;
border-top:solid 4px #ffffdd;
} 



#mainfooter
{ 
position:absolute;
color:#CACACA;
background-color:#fffddd;
top:450px;left:129px;
width:55%;height:1.5em;
text-align:center;
}

#footer a
{
color:teal;
background-color:#fffddd;
}

#footer a:hover
{
color:#fffddd;
background-color:#390084;
}

#tandsfooter
{
position:absolute;
left:0px;top:80em;
width:100%;text-align:center;
}

.button
{
color:#FFFFFF;
background-color:#DEDEDE;
}

#leftcoltext3
{
position:absolute;
top:480px;left:50px;
width:auto;height:auto;
font-size:1.3em;text-align:justify;
background-color:#fffddd;
}

#leftcoltext3a
{
position:relative;
top:330px;left:230px;
width:65%;height:auto;
font-size:1.3em;text-align:justify;
background-color:#fffddd;
}

#leftcoltext19
{
position:relative;
top:30px;left:20px;
width:600px;height:180px;
font-size:1.4em;text-align:justify;
background-color:#fffddd;
}

#leftcoltext2
{
position:relative;/*may prefer static*/
top:10px;left:170px;width:66%;
border:1px solid #390084;
font-size:1.0em;text-align:left;
background-color:#DEDEDE;
}

#leftcoltext2 hr
{
width:90%;
color:red;
}

#leftcoltext2 input radio
{ 
width:0.3em;
background-color:#DEDEDE;
}

.hide
{
visibility:hidden;
}

.show
{
visibility:visible;
}

#midbit
{
top:10px;width:100%;height:40em;
border:1px solid #390084;
font-size:1.0em;text-align:left;
background-color:#DEDEDE;
border:1px solid blue;
}


#centrebit
{
position:relative;
left:150px;top:10px;width:30em;
font-variant:small-caps;
}

#centrebit h1
{
color:red;
font-size:1.2em;
}

#centrebit h1:first-letter
{
font-size:1.8em;
}


#menulft
{
color:#ffffff;
position:relative;/*may prefer static*/
left:10px;top:0px;
font:normal 12px Verdana;
float:left;
}

#menulft a
{
color:#390084;
background-color:#fffddd;
}

#menulft a:hover
{
color:#fffddd;
background-color:#390084;
}


#col1 
{
position:relative;/*may prefer static*/
top:20px;width:100%;
background-color:solid;
font-size:1.2em;text-align:left;
}


#col2 {
width:100%;
background-color:solid;
font-size:1.2em;
display:block;
position:relative;
top:10px;
font-size:1.2em; 
text-align:left;
}


html>body footer { 
position:fixed; 
bottom:0; 
z-index:10; /* Prevents certain problems 
with form controls*/  
}

#indxftr
{
position:relative;
bottom:15px;left:40px;
width:80%;text-align:center;
font-size:1.25em;
color:#CACACA
}

#indxftr a
{
color:teal
}

#licencebox
{
color:red;top:444px;left:140px;
width:280px;height:auto;
font-family:cursive;
}


#barformheader
{
position:absolute;/*may prefer static*/
top:160px;left:140px;
width:66%;
border:1px solid #390084;
font-size:1.0em;
font-variant:small-caps;
text-align:center;
background-color:#DEDEDE;
}

#barformbox
{
position:absolute;
top:180px;left:140px;
height:90em;width:66%;
border:1px solid #390084;
font-size:1.0em;font-variant:small-caps;
text-align:left;background-color:#DEDEDE;
border:2px solid black;
}

#barformbox h4
{
text-align:center;
}

#buttonbox1
{
position:relative;
bottom:30px;left:10px;
width:40%;
border:1px transparent;
}

#buttonbox2
{
position:relative;
bottom:30px;left:10px;
width:80%;
visibility:hidden;/*toggled hidden/visible by js*/
}

#allwebbarformheader
{
position:relative;/*may prefer static*/
top:350px;left:250px;
width:55%;
border:1px solid #390084;
font-size:1.0em;
font-variant:small-caps;
text-align:justify;
background-color:#DEDEDE;
}
#leftcoltextbarts
{
position:absolute;
top:190px;left:135px;
width:73%;height:auto;
font-family:serif;
font-size:1.1em;
text-align:left;
}

#leftcoltextbarts p
{
font-size:1.3em;
}



#leftcoltextbarts h1
{
font-family:serif;
font-size:1.1em;
color:#390084;
}

#leftcoltextbarts h1:first-letter
{
font-family:serif;
font-size:1.6em;
}

#leftcoltextbarts hr
{
width:90%;
color:red;
}

#leftcoltext9 h3
{
text-align:center;
}



#buttonbox3
{
position:relative;
bottom:30px;left:10px;
width:40%;
border:1px solid blue;
visibility:hidden;/*toggled hidden/visible by js*/
}
/* menu */

/*Initial credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.menu{
list-style-type: none;
margin-left:4px;
padding: 10px 0px 0px 20px;
border-right:solid 4px #390084;
width: 200px; 
/* width of menu (don't forget to add border width below!)*/
float:right;
font-size:smaller;
/*height:100%;*/
}

.menu li{
border-bottom: 1px solid #390084; 
/* Gray border beneath each menu item */
}

.menu li a{
background-image:url();
background-repeat:no-repeat;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
width: auto;line-height:10px;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0px; /* Vertical (top/bottom) padding for each menu link */
text-indent: 18px;
text-decoration: none;
}

.menu li a:visited, .menu li a:active{
color:#390084;
}

.menu li a:hover{
background-color:#390084;
color:#fffddd;
}

.menu li.lastitem, .menu li.lastitem a{
border-bottom: 4px solid; 
/* For last menu item within menu, remove bottom border */
}

.menu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}