html, body {
overflow:auto;
/*colour the scrollbars*/
scrollbar-base-color: #FFCC22;
scrollbar-darkshadow-color: #001111;
scrollbar-highlight-color: #ffeeee;
scrollbar-arrow-color: #aa00ff;
scrollbar-face-color: #ffcc00;
}
p, ul, ol {
font : 10pt Arial,geneva,helvetica;
}
a:hover {
/*on mouse over home link*/
font-weight: bold;
}
h1 {
font: bold 30pt New TimesRoman;
color: #9900cc;
}
h2 {
font: bold 20pt New TimesRoman;
color: #9900cc;
}
h3 {
font: bold 16pt New TimesRoman;
color: #9900cc;
margin-bottom: 0;
}
hr {
color: #9900cc;
}
p {
color: #660099;
}
p.story {
margin-bottom: 6.0pt;
text-align: justify;
font-size: 12pt;
}
p.story:first-letter 
{
font-size:x-large;
}
/* Small text*/
.small 
p {
font-family: "Arial", Helvitica, sans-serif;
font-size: 8pt; 
line-height: 11px; 
color: #aaaaaa;
}
#lionlogo {
position: fixed;
top: 0;
left: 0;
width: 20%;
height: 15%;
}
#header {
position : fixed;
width : 75%;
height : 90px;
top : 0;
right : 0;
bottom : auto;
left : 20%;
padding-left : 2%;
}
#vicoz {
position: relative;
top:55px;
width: 400;
height:15px;
margin : 0px 0px 0px 20%;
font-family: "Arial Narrow";
font-size: 15pt;
font-weight: bold;
}
#leftnavigation {
position : fixed;
height : 80%;
top : 20%;
bottom: 95%;
left : 0;
width : 20%;
margin : 0px 0px 0px 0px;
color : #800080;
padding : 0px;
overflow : auto;
border-right-color: #9900cc;
border-right-style: solid;
border-right-width: 1px;
}
#leftnavigation li a {
color: #800080;
}
#counter {
position: fixed;
top: 95%;
height: 5%;
width: 20%;
bottom: 100%;
}
#content3 {
position : fixed;
top : 91px;
height : 82%;
width : 75%;
bottom : 91%;
margin : 0px 0px 0px 20%;
padding-left : 2%;
padding-right : 2.4%;
color: #800080;
overflow : auto;
/*overflow-y:scroll;*/
/*overflow:hidden;*/ 
}
#content3 .donation {
font-family: Arial, sans-serif;
font-size: 11pt;
}
#footer {
position: fixed;
width: 100%;
height: 50px;
top: 95%;
right: 0;
bottom: auto;
}
#intro {
position:relative;
bottom: -6%;
padding-left: 10px;
color: #ffffff;
font-size: 1em;
font-family: "Times New Roman";
text-align: justify;
}
.meeting {
font-family: "Arial Narrow";
font-size: 11pt;
color: #660099;
}
.officer {
font-family: Arial, sans-serif;
font-size: 11pt;
height: 30pt;
color: #660099;
}
.pastpres {
font-family: "Times New Roman", times, serif;
font-size: 12pt;
font-weight: bold;
color: #800080;
}
.suporgs {
font-family: "Times New Roman", times, serif;
font-size: 10pt;
font-weight: bold;
color: #800080;
}
.members {
font-size: 12pt;
font-style: italic;
font-weight: bold;
}
label
{
width: 8em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

label#box
{
margin-left: 0.5em;
width: 20em;
float: left;
text-align: left;
display: block
}

submit
{
margin-left: 7.0em;
background: #ffa20f;
border: 2px outset #d7b9c9
} 
input
{
color: #000000;
background: #ffffff; 
border: 1px solid #781351
}

fieldset
{
border: 1px solid #781351;
width: 22em;
background: #c0f0c0;
}

legend
{
font-weight: bold;
color: #fff;
background: #ff920c;
border: 1px solid #781351;
padding: 2px 6px
}