/*Main style sheet for the public pages of the FSO site*/
/* -----------------------------------------------------
	Two column layout with header and footer
	
	(c) Chris D'Arcy 2006
-------------------------------------------------------*/
body {margin: 0;
padding: 0;
font-family: sans-serif;
font-size: .8em;
line-height: 1.3em;}

div#header {padding: 2%;
text-align: right;
background-color: #ffffff;
color: #999999;
background-image: url(../images/logogrey.gif);
background-repeat: no-repeat;
letter-spacing: .03em;
font-size: 3em;
font-weight: bold;
font-style: italic;
font-family: Verdana, Helvetica, Arial, sans-serif;
clear: both;
border-bottom: 1px solid;
height: 60px;
background-position: 6px 6px;}

div#footer {
clear: both;
background-color: #ffffff;
border-top: 1px #c7c7c7 solid;
margin: .4em;}

div#maincontent {padding: 2%;
text-align: justify;
margin-left:  180px;
background-color: #ffffff;
color: #000000;
margin-bottom: 4px;
margin-top: 0em;}

#maincontent p.newsheading {
color: #999999;
font-size: 1.3em;
font-weight: bold;
line-height: 1.4em;}

#maincontent p.rh-subtitle {
color: #6d6d6d;
font-size: 1.6em;
font-style: italic;
text-align: right;
line-height: 0em;
font-family: cursive;
margin: 0em;
padding-bottom: 1em;
}

div#topimages {
padding: 2%;
margin-left: 1em;
margin-bottom: 0em;
margin-top: 0em;}

div#maintext {
padding: 2%;
clear: right;}

#maintext img {
border: none;}

div#leftcolumn {
float: left;
background-color: #999999;
color: #ffffff;
width: 180px;
padding: 1%;}

#topimages p {
line-height: .6em;
margin-top: 4px;
font-style: italic;}

#leftcolumn ul {
list-style: none;
margin: 0;
padding: 0em;}

#leftcolumn li {
list-style: none;
margin: 0;
padding: 1px;
text-align: center;
font-family: sans-serif;
font-size: .9em;
line-height: 2em;
display: block;
letter-spacing: .1em;
border-bottom: 1px solid;
}

#leftcolumn li.nlink {
border-right: 12px #d8d8d8 solid;
display: block;}

#leftcolumn li a:link {
border-right: 12px #003366 solid;
text-decoration: none;
display: block;
color: #000000;}

#leftcolumn li a:visited {
border-right: 12px #004c98 solid;
text-decoration: none;
display: block;
background-color: #999999;}

#leftcolumn li a:hover {
border-right: 12px #ffffff solid;
text-decoration: none;
display: block;
background-color: #585858;}

/* Link styles for news and concert info */
#leftcolumn p a:link {
text-decoration: none;
color: #000000;}

#leftcolumn p a:visited {
text-decoration: none;
background-color: #999999;}

#leftcolumn p a:hover {
text-decoration: none;
background-color: #585858;}

#leftcolumn h1 {
font-size: .9em;
line-height: 1.1em;
font-weight: bold;
border-top: 1px #ffffff solid;
padding-top: .5em;}

#leftcolumn p {
font-size: .9em;
line-height: 1.2em;}

.leftimg {
float: left;
margin-top: .1em;
margin-right: 2em;}

.smlrightalign {
font-size: .7em;
line-height: 1.2em;
text-align: right;
float: right;}

.rightimg {
float: right;
margin-top: .1em;}

.lop {
text-align: right;
font-style: italic;}

.clr {
clear: both;}

.centre {
text-align: center;}


/*Attributes for table definitions for MEMBERS table*/
.tbl {
border: 2px #d6d6d6 solid;
margin: 2%;
border-collapse: collapse;
display: table;
padding: 1em;
width: 600px;}

.tbl td.col1 {
background-color: #ccffff;
border-bottom: 2px #b7b7b7 solid;}

.tbl td {vertical-align: top;
border: 1px #e5e5e5 solid;
border-bottom: 2px #e5e5e5 solid;
padding-bottom: 0.5em;}

.tbl h2 {
color: #acacac;
font-size: 1.3em;}

/*Leader emphasis*/
.ldr {
font-weight: bold;}

.tbl tr {vertical-align: top;
}
/* ----------------------
  Form control styles
-----------------------*/
form {
display: inline;
float: left;
width: 90%;}

form p label {
float: left;
width: 30%;
font-weight: bold;
padding-right: 1em;}

form p {
clear: left;
margin: 0em;
padding: 0em;
padding-top: 6px;}

form .txt {
font-family: Times, "Times New Roman", serif;
background-color: #ffff99;
border: 1px #33ff99 solid;}