/*CSS styles used by www.lionsclubwarrandyte.org.au pages
Note: Class names selector is '.', Id is '#' and note further 
that an Id may only be defined once in an HTML page.*/

html, body {
background-image: url('images/marigold_1.gif');
overflow: auto;
/*colour the scrollbars*/
scrollbar-base-color: #FFCC22;
}

p, ul, ol {
font : 10pt Arial,geneva,helvetica;
}
a {color: #660099;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {
/*on mouse over link*/
font-weight: 900;
text-decoration: none;
background-color: #ffff99;
}

h1 {
font-family: Arial,geneva,helvetica;
font-size: 30pt;
font-weight: 700;
color: #9900cc;
}

h2 {
font-family: Arial,geneva,helvetica;
font-size: 20pt;
font-weight: 700;
color: #9900cc;
}

h3 {
font-family: Arial,geneva,helvetica;
font-size: 16pt;
font-weight: 700;
color: #9900cc;
margin-bottom: 0;
}

hr {
color: #9900cc;
height: 1px;
margin-bottom: 0px;
width: 100%;
padding-left: 10px;
}

p {
color: #660099;
}

p.story {
margin-bottom: 6.0pt;
text-align: justify;
font-size: 12pt;
}

p.story:first-letter 
{
font-size:x-large;
}

#lionlogo {
position: absolute;
top: 0;
left: 0;
margin: 20px 0px 20px 0px;
width: 20%;
}

#header {
position : absolute;
width : 80%;
top : 0px;
left: 0;
margin : 0px 0px 0px 20%;
}

#vicoz1 {
font-family: "Arial Narrow";
font-size: 15pt;
font-weight: bold;
width: 76%;
margin-top: -10px;
margin-bottom: 0px;
padding-left: 10px;
}

#leftnavigation {
position : absolute;
height : 80%;
top : 105px;
bottom: 40px;
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;
}
#content3 {
position : absolute;
top : 105px;
left: 20%;
width: 77.5%;
height : 82%;
margin : 0px 0px 0px 3px;
padding-left : 10px;
padding-right : 10px;
color: #800080;
overflow : auto;
font-family: Arial, sans-serif;
font-size: 11pt;
overflow-x: hidden;
}

#footer {
position: fixed;
width: 100%;
height: 40px;
top: 95%;
right: 0;
bottom: auto;
/*position: absolute;
bottom: 1em;
height:30px;*/

}
#c_banner {
position: absolute;
bottom: 5%;
right:40px;
left:270px;
}

#xintro {
position: absolute;
bottom:8%;
right: 13.5em;
left: 2.0em;
font-family: "Times New Roman";
font-size: 1.1em;
line-height: 95%;
letter-spacing: -0.02em;
text-align: justify;
color: #ffffff;
padding-left: 5px;
}

.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.25em;
display: block;
font-size: 10pt;
}
#yotyform
{
/*margin-left: 50%;
margin-right: auto;*/
width: 23em;
background: #f8c848;
/*border: 1px solid #000000;*/
padding: 2px;
}

#wyaaform
{
margin-left: auto;
margin-right: auto;	/*centres the form*/
width: 23.3em;
background: #c0f0c0;
padding: 0px;
}

#itdsform
{
margin: 0 auto;	
width: 350px;
background: #c0d0ff;
border: 1px solid #800080;
}

.centredimage
{
margin: 3px 0px 5px 0px;
width: 350px;
height: 195px;
}

#box
{
margin-left: 0.5em;
width: 23em;
float: left;
text-align: left;
/*display: block;*/
}

input
{
color: #000000;
background: #ffffff; 
border: 1px solid #781351;
}
input.g
{
background:#c0d0ff;
border-color:#c0d0ff;
}

textarea
{
float: left;
color: #000000;
background: #ffffff;
border: 1px solid #781351
}

textarea#yoty1 {width: 25em;}

textarea#wyaa1 {width: 25.2em;}

#submit 
{
margin-top: 1.1em;
margin-left: 8em;
margin-right: 1em;
}

fieldset
{
border: 1px solid #781351;
width: 340px;
}

fieldset.wyaa
{
border: 1px solid #781351;
width: 338px;
}

legend
{
font-weight: bold;
color: #fff;
background: #ff920c;
border: 1px solid #781351;
}
p.itdsapp {margin-left:10px; margin-right:10px; margin-top: 15px;}
span.legend {background: #0000aa; color: #ffffff; font-weight: bold; margin-left:4.5em;}

label.itdsapp
{
width: 48%;
float: left;
text-align: right;
margin-right: 0.25em;
display: block;
font-size: 10pt;
}