/*This is the normal style sheet for the Marcham Society website*/

/*  Fonts  */
/*
dark blue: #2E3B8E
red: #f70505
mauve: 887099
*/


/* Back to top hover button */

#backtopbutton {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 12px;
  border: solid white;
  outline: none;
  background-color: #887099;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#backtopbutton:hover {
  background-color: #555;
}

/* this is for the hidden field */

.marketing {
display:none !important;
tabindex="-1";
autocomplete="off";
}


body {
left: 0px; 
width: auto;
background-color: #887099;  /*This is colour for the background
color: #000;  /*This is colour for the text*/
font-family: Verdana, Helvetica, Arial, sans-serif; /*This is type of font for the text*/
font-size: 1em;  /*This is relative size of font for the text*/
margin: 0;
/*background-image: url('images/pebbles.jpg');*/
}

#content{
margin:0 auto;
text-align:left;
width:800px;
background-color: #fff;  /*This is colour for the background*/
/*background-image: url('images/pebbles.jpg');*/
/*background-repeat: repeat;*/
border-left: 2px dotted #887099;
border-right: 2px dotted #887099;
/*border-top: 2px dotted #887099;*/
}

h0 {
color: #2E3B8E;
font-size: 4em;
text-align: left;
font-style: normal;
letter-spacing: 3px; 
}

h1 {
color: #2E3B8E;
font-size: 1.2em;
text-align: left;
font-style: normal;
letter-spacing: 2px; 
}

h2 {
color: #2E3B8E;
font-size: 1.1em;
font-style: italic;
}

h3 {
color: #2E3B8E;
font-size: 1em;
font-style: normal;
font-weight: bold;
}

h4 {
font-size: 0.9em;
font-style: italic;
color: #2E3B8E;
}


h5 {
color: #000;
font-size: 0.9em;
text-align: center;
font-style: normal;
letter-spacing: 2px; 
/*line-height: 1.7em;*/
}

h6 {
color: #2E3B8E;
font-size: 0.7em;
text-align: left;
font-style: normal;
letter-spacing: 1px; 
/*line-height: 1.7em;*/
}

h7 {

color: #2E3B8E;
font-size: 0.7em;
text-align: center;
font-style: normal;
letter-spacing: 2px; 
}

h8 {

color: #2E3B8E;
font-size: 4em;
text-align: left;
font-style: normal;
letter-spacing: 3px; 
}


p {
font-size: 1em;
text-align: justify;
line-height: 1.3em;
}

hr {
color: #2E3B8E;
background-color: #2E3B8E;
height: 3px;
width: 100%;
}

.right {
text-align: right;
}

.center {
text-align: center;
}

.error {
color: #D2232A;
font-weight: bold;
}


.smallitalic {
color: #000;
font-size: 0.7em;
font-style: italic;
text-align: right;
}

.boldital {
color: #2E3B8E;
font-size: 1em;
line-height: 1.3em;
font-weight: bold;
font-style: italic;
}

.red {
color: #D2232A;
font-size: 1em;
text-align: center;
font-style: normal;
font-weight: bold;
letter-spacing: 2px; 
}

.grey {
color: #555555;
font-size: 1.1em;
text-align: center;
font-style: normal;
font-weight: bold;
letter-spacing: 1px; 
}


.blue {
color: #2E3B8E;
font-size: 1em;
font-style: normal;
font-weight: bold;
}



/*  End of Fonts  */

/*  header  */

#header {
background-color: #fff;  /* Light Blue*/
left: 0px;

/*border-bottom: 8px solid #887099;*/
}

#header a:link, #header a:active, #header a:visited, #header a:hover {
text-decoration: none;
font-weight: bold;
padding-bottom: 0px; 
color: #fff;  /* Dark Green 1D5B08 This is colour for the text*/ 
border: 0;
text-align: center;
}

#header img {
border: 0;
}


/*  nav bar  */

#navbar {
/*position: absolute;*/
margin-top: 0px;
   width:100%;
   background-color: #2E3B8E;
   overflow:hidden;
   font-size: 0.8em;

}

#navbar ul {
   list-style:none;
   margin:0;
   padding:2px 2px 2px 2px;
   position:relative;
   left:0%;
   text-align:center;
}
#navbar ul li {
   display:inline;
   list-style:none;
   margin:0 0 0 0px;
   padding:2px 1px 1px 2px;
   position:relative;

}

#navbar a:link, #navbar a:active, #navbar a:visited {

   display:inline;
   margin:0 0 0 6px;
   padding:10px 10px 10px 10px;
   background:#2E3B8E;
   color:#fff;
/*   text-decoration:underline;*/
   line-height:1.3em;

text-decoration: none;
font-weight: bold;

}

#navbar a:hover {
   display:inline;
   margin:0 0 0 6px;
   padding:10px 10px 10px 10px;
   background:#CDD3FB;
   color:#2E3B8E;
   text-decoration:none;
   line-height:1.3em;
text-decoration: none;
font-weight: bold;
}


.nav {
background-color: #2E3B8E;
text-align: center;
color: #412B57;
font-size: 0.9em;
text-align: center;
font-weight: bold;
letter-spacing: 2px; 
/*line-height: 1.7em;*/
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}



.black {
background-color: #000;
}

/* end of nav bar */



/*  main text  */

#main-text {
/*position: absolute;*/
top: 170px; /* was 235*/ /*was 225px*/
width: auto;
left: 0px; 
padding: 0px 0px 0px 0px;
background-color: #fff;
text-align: left;
border-top: 2px dotted #887099;

}

#main-text ul li {
font-size: .9em;
text-align: left;
line-height: 1.7em;
list-style-type: disc;
margin: 0;
padding: 0;
}


#main-text img {
text-align: center;
}

#main-text img.border {
border-top: 0px #fff solid;
border-bottom: 0px #fff solid;
border-left: 20px #fff solid;
border-right: 20px #fff solid;
text-align: center;
}



#main-text a:link, #main-text a:active, #main-text a:visited  {
/*background-color: #cceaff;*/
color: #2E3B8E;  /*This is colour for the text*/
text-decoration: underline;
font-weight: bold;
padding: 2px;
}

#main-text a:hover {
background-color: #CDD3FB;
color: #2E3B8E;  /*This is colour for the text*/
text-decoration: none;
font-weight: bold;
padding: 2px;
}

#main-text td {
text-align: left;
padding-left:5px;
padding-right: 5px
font-size: 0.9em;
vertical-align:top;
}

#main-text td.blue {
background-color: #CDD3FB;
}


#col1 {
  float: left;
  padding: 25px 0px 0px 10px;
  width: 160px;
  font-size: 0.8em;
   min-height: 500px;  
}
  
#col2 {
  top: 10px;
  padding: 25px 0px 0px 20px;
  margin-left: 180px;
  margin-right: 100px;
  font-size: 0.8em;
  border-left: 2px dotted #887099;
  /*border-left: 1px  #2E3B8E dashed;*/
  min-height: 800px;
}
/*Not Used */
#col3 {
  float: right;
  padding: 75px 75px 0px 10px;
  width: 150px;
  font-size: 0.8em;
}


#footer {
/*float: bottom;*/
/*position: absolute;*/
/*bottom: 10px;*/
background-color: #2E3B8E;
margin: auto;
color:#fff;
width: auto;
font-size: 0.8em;
text-align: justify;
line-height: 1em;
text-align: center;
padding: 10px;
border-top: 2px #2E3B8E solid;
border-left: 0px #2E3B8E solid;
border-right: 0px #2E3B8E solid;
border-bottom: 0px #2E3B8E solid;

}

#footer a:link, #footer a:visited {
text-decoration: underline;
font-weight: bold;
padding-bottom: 0px; 
color: #fff;  /* Dark Green 1D5B08 This is colour for the text*/ 
border: 0;
text-align: center;
}

#footer a:hover, #footer a:active,  {

text-decoration: underline;
font-weight: bold;
padding-bottom: 0px; 
color: #fff;  /* Dark Green 1D5B08 This is colour for the text*/ 
border: 0;
text-align: center;
}