BODY {
color: #FFDDAA; font-size: 1em; margin: 0;
padding: 1% 1% 1% 1%; width: auto;
}
 
A:link {color: #215E21; text-decoration: none;}
A:visited {color: #238E23; text-decoration: none;}
A:active {color: #00FF00; text-decoration: underline;}
A:hover   { background: transparent; color: #4E2F2F;
text-decoration: underline; }
A.top:link {color: #FF8000; text-decoration: none;
font-size: 1.4em;
background-color:#dfdfdf
}
A.top:visited {color: #00009C; text-decoration: none;
font-size: 1.4em;
background-color:#dfdfdf
}
A.top:active {color: #00009C; text-decoration: none;
font-size: 1.4em;
background-color:#dfdfdf
}
A.top:hover {color: #00ff00; text-decoration: none;
font-size: 1.4em;
background-color:#dfdfdf
}
A {font-family: serif; font-size : 1.0em;}
/* Style rule for "emphasized" text */
EM.emphasized { font-style: italic; }

/* Generic Horizontal Ruler class */
HR { background: transparent; clear: both; color: #6B4226; }

H2,H3,H4,H5,H6,H7,TD,P {font-family: Geneva, Helvetica, Arial, sans-serif;
color : #6B4226;}

H1 {font-family: Geneva, Helvetica, Arial, sans-serif;
color : #6B4226;
font-weight: bold;
font-size : 1.6em;}

H2 {
font-weight: bold;
font-size : 1.4em;
/*text-indent:10%;*/
}

H3,P {
font-weight: lighter;
font-size : 1.1em;

/*margin-left: 10%; margin-right:10%;*/
}

H4 {font-weight: bold;
font-size : 1.15em;
}

H5 {font-size : 1em;}

H6 {font-size : 0.8em;}

TD {font-size : 1em;
font-weight: bold;}

.book {font-weight: lighter;
margin-left: 5%; margin-right: 5%;
text-align: left; 
/*text-indent:5%;*/
}

.wallpaper{
background-image: url('./images/leafletbg.jpg');
}
#toolbar {
background-image: url('./images/leafletbg.jpg');
font-size: 90%;
margin: 0;
padding: 0;
position: relative;
}

/*.logo {
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding: 0;
}
*/
/*img.logo  {
margin: 0% 0% 0% 0%;
*margin: 1% 0% -2% 1%;
padding: 0px 0px 0px 0px;
border: 0px none;
height: 100px;
width: 90px;
position: relative;
float: left;
}
*/
#weblogo {
font-size: 1.8em;
font-weight: normal;
position: relative;
float: right;
margin: -9% 0% 0% 30%;
padding: 0;
}

#weblogo img {
float: right;
border: 0px none;
width: 100%;
height: 49px;
margin: 0% 28% 2% 0%;
padding: 0;
}

img#button  {
margin: 0;
padding: 0;
border: 0px none;
height: 20px;
width: 80px;
position: relative;
}

.toolbarmain {
height: 30px;
padding: 0px;
margin: 0%;
background-image: url('./images/leafletbg.jpg');
position: relative;
z-index: 100;
}
.toolbarmain ul {
float: left;
color:#00009C;
list-style: none;
margin: -4% -5% 0% 25%;
padding: 1px;
width: auto; 
position: relative;
}
.toolbarmain ul li {
display: block;
color:#00009C;
float: left;
padding: 8px 0px 0px 0px;
/*	border-right: 15px solid #ffffff;*/
border-right: 20% transparent;
height: 22px;
}

.toolbarmain .end {
border: none;
}

.toolbarcrumb {
height: 19px;
padding: 0px 0px 0px 8px;
border-top: 1px solid #ffffff;
background-image: url('./images/leafletbg.jpg');
margin: 0px 10px 0px 0px;
}

.crumbtext {
font-size: 85%;
padding: 3px 0px 0px 0px;
width: 100%;
float: left;
margin: 0;
border: 0px solid blue;
position: relative;
}

.crumbtext p {
float: left;
width: 49.5%;
margin: 0;
padding: 0;
border: 0px solid blue;
}

.contactinfo {
text-align: right;
}

.committee ul {
/* float: right; */
list-style: none;
margin: 0% 0% 0% 10%;
padding: 0px;
width: auto; 
position: relative;
}

.committee ul li {
display: inline;
color:#6B4226;
font-size: 120%;
padding: 0px 6px 0px 6px;
border-left: 10% transparent;
width: 30%;
height: 22px;
}

.programme ul {
/* float: right; */
list-style: none;
margin: 0% 0% 0% 0%;
padding: 0px;
width: auto; 
position: absolute;
}

.programme ul li {
/*display: inline;
color:#6B4226;
font-size: 120%;
padding: 0px 6px 0px 6px;
border-left: 10% transparent;
width: 30%;
height: 22px;*/
font-size : 120%;
color : #6b4226;
width: 250px;
list-style-type:none;
float:left;
border:1px transparent;
border-right:none;
text-align: left;
}

.programme.end{
border:none;
}

div#maincontent_ff {
width: 75%;
float: right;
margin: -20px 0% 0% 0%;
}
div#maincontent {
width: 75%;
float: right;
/*border-top: 1px solid #000060;*/
margin: 0% 0% 0% 0%;
padding: 0px
}

div#sidenavff {
float: left;
margin: 0% 0% 0% 0%;
padding: 0;
position: absolute;
z-index : 100;
}

div#sidenav {
float: left;
margin: 0% 0% 0% 0%;
padding: 0;
position: relative;
z-index : 100;
}
div#sidenav ul {
/*float: right;*/
list-style: none;
margin: 0% 0% 0% 0%;
padding: 0px;
/*width: auto; */
}
div#sidenav ul li {
display: block;
color:#6B4226;
font-size: 120%;
padding: 0px 0px 10px 10px;
/*width: auto;*/
/*height: 22px;*/
}

.photoright {
float: right;
margin: 2% 0% 2% 2%;
}

.photoleft {
float: left;
margin: 2% 2% 2% 0%;
}

.topphotoright {
float: right;
padding: 0% 0% 2% 2%;
}

.topphotoleft {
float: left;
padding: 0% 2% 2% 0%;
}

* html #programme li a {width: 100%;}
#programme ul {
width: 100%;
text-align:left;
list-style-type:none;
margin: 0px 80px 0% 0%;
padding:0;
color: navy;
list-style-type:none;
clear:both;
}
#programme li {
font-size : 100%;
color : #6b4226;
width: 200px;
list-style-type:none;
float:left;
border:1px transparent;
border-right:none;
text-align: left;
}
#programme li.top {
border-bottom:none;
} 

* html #ul-table li a {width: 100%;}
#ul-table {
width: 404px;
text-align:left;
margin: 0px 80px auto;
padding:0;
color: navy;
list-style-type:none;
clear:both;
}
#ul-table li {
font-size : 120%;
color : #6b4226;
width: 200px;
float:left;
border:1px transparent;
border-right:none;
text-align: left;
}
#ul-table li.top {
border-bottom:none;
} 
#ul-table li.right {
border-right:1px transparent;
}
* html #garrison li a {width: 100%;}
#garrison ul {
width: 20%;
text-align:left;
list-style-type: none;
margin: 6% 0% 0% 1%;
padding: 0;

color: navy;
list-style-type:none;
clear:both;
}
#garrison li {
font-size : 120%;
color : #6b4226;
width: 220px;
list-style-type: none;
float:left;

border-right:none;
text-align: left;
}

td.top {
  background-color: #000080;
  text-align: right;
}

td.bottom {
  background-color: #ffe38c;
  padding: 15px;
}