/* PAT: 2006-12-18 for Lincoln Diocesan Guild of Church Bell Ringers 
   ACAH: 20080108 - updated */


/*updated by Josh of Actrand - 03/05/2022, removed TD from below declaration to stop tables being yellow.*/
/*updated by Jonathan Clark - 11/11/2024, re-instate TD from below because I like the tables being yellow.*/
body, td {

	font-family: verdana, "trebuchet MS", helvetica, sans-serif;

	font-weight: normal;

  	font-size: 12px;

	line-height: 1.6;

	background-color: #FFFFCC;

  	color: black;

	margin: 5px; /* Was margin: 5px; */

	padding: 0;

	text-align: center;

}

#wrapper {
    max-width: 1030px;
    margin: auto;
    /* border: 1px solid #000080; */
    /* background-color: #ffffff; */
    /* color: #000000; */
    padding: 0 10px 0 10px;
    /* text-align: left; */
}

#logo  {

	


	

}

.flexnowrap{
	    flex-wrap: nowrap !important;
}

.flexcol{
	
	display: flex;
    flex-wrap: wrap;
    flex-direction:column;
    align-content: center;
    justify-content: center;
        align-items: flex-start;
	width: 100%;
}
.flexrow{
	
	display: flex;
    flex-wrap: wrap;
    flex-direction:row;
    align-content: center;
    justify-content: center;
        align-items: flex-start;
	width: 100%;
}
#header {

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
        align-items: flex-start;

	background: #9999FF;
	height:160px;

}
	/* header2 is for the shochwave flash banner page */
#header2 {

	position: absolute;

	top: 5px;

	margin-left: 180px;

	border-top: none;

	border-bottom: none;

	background: #FFFFCC;

	padding-bottom: 5px;

	width: 800px;

	height: 120px

}

/* Font families were verdana, "trebuchet MS", helvetica, sans-serif; font-size: 12px; */

tr.menu {vertical-align:text-top; text-align:center;}
tr.content {vertical-align:text-top;}
tr.month {vertical-align:text-bottom;}
td.c1 { font-family: verdana, arial, helvetica, sans-serif;
        font-size: 13px;
        width: 4%;}
td.c2 { font-family: verdana, arial, helvetica, sans-serif;
        font-size: 13px;
        width: 16%;}
td.c3 { font-family: verdana, arial, helvetica, sans-serif;
        font-size: 13px;
        width: 19%;}
td.c4 { font-family: verdana, arial, helvetica, sans-serif;
        font-size: 13px;
        width: 6%;}
td.c5 { font-family: verdana, arial, helvetica, sans-serif;
        font-size: 13px;
        width: 10%;}
td.c6 { font-family: verdana, arial, helvetica, sans-serif;
        font-size: 13px;
        width: 16%;}
td.c7 { font-family: verdana, arial, helvetica, sans-serif;
        font-size: 13px;
        width: 29%;}
td.def { font-family: verdana, arial, helvetica, sans-serif;
         font-size: 13px;}
td.month { font-family: verdana, arial, helvetica, sans-serif;
           font-size: 16px; height: 55}
td.blue { font-family: verdana, arial, helvetica, sans-serif;
          font-size: 13px; color: #000080;}
td.gdpr { font-family: verdana, arial, helvetica, sans-serif;
          font-size: 13px; color: #000080; width: 150;}
/* The next one is for review.php and review_2.php in the guild folder */
td.rev { font-family: verdana, arial, helvetica, sans-serif;
          font-size: 13px; color: #000080; vertical-align:text-top;}
/* The next two is for review_2.php in the guild folder */
table.rev3 { border-collapse:collapse; }
table.rev3 td, table.myTable th { border:1px solid black;padding:2px; }

td.rev2 { font-family: verdana, arial, helvetica, sans-serif;
          font-size: 13px; color: #000080; vertical-align:middle; text-align:center;}
td.rev2b { font-family: verdana, arial, helvetica, sans-serif;
          font-size: 13px; color: #000080; vertical-align:middle; text-align:center;}

td.peal1 { font-family: times new roman; font-size: 16px; width: 220;
          color: #000080; vertical-align:middle; text-align:left;}  

td.peal2 { font-family: times new roman; font-size: 16px; width: 150;
          color: #000080; vertical-align:middle; text-align:center;}

td.peal3 { font-family: times new roman; font-size: 16px; width: 150;
          color: #000080; vertical-align:middle; text-align:center;}

td.peal4 { font-family: times new roman; font-size: 16px; width: 220;
          color: #000080; vertical-align:middle; text-align:center;}

td.right { font-family: verdana, arial, helvetica, sans-serif;
          font-size: 13px; color: #000080; text-align:right;}

tr.brf { vertical-align:middle; text-align:center;}
td.brfblu1 { font-family: verdana, arial, helvetica, sans-serif;
             font-size: 16px; color: #0000FF;
             height: 50; Width: 239; background-color:#D3D3D3;
             vertical-align:middle; text-align:center;}
td.brfblu2 { font-family: verdana, arial, helvetica, sans-serif;
             font-size: 16px; color: #0000FF;
             height: 50; Width: 81; background-color:#D3D3D3;
             vertical-align:middle; text-align:center;}
td.brfblu3 { font-family: verdana, arial, helvetica, sans-serif;
             font-size: 16px; color: #0000FF;
             height: 50; Width: 117; background-color:#D3D3D3;
             vertical-align:middle; text-align:center;}
td.brfblu4 { font-family: verdana, arial, helvetica, sans-serif;
             font-size: 16px; color: #0000FF;
             height: 50; Width: 265; background-color:#D3D3D3;
             vertical-align:middle; text-align:center;}
td.brfblu5 { font-family: verdana, arial, helvetica, sans-serif;
             font-size: 16px; color: #0000FF;
             height: 50; Width: 78; background-color:#D3D3D3;
             vertical-align:middle; text-align:center;}
td.brfblkw { font-family: verdana, arial, helvetica, sans-serif;
             font-size: 16px; color: #000000;
             height: 50; background-color:#FFFFFF;
             vertical-align:middle; text-align:center;}
td.brfblkg { font-family: verdana, arial, helvetica, sans-serif;
             font-size: 16px; color: #000000;
             height: 50; background-color:#D3D3D3;
             vertical-align:middle; text-align:center;}
td.tow1 { font-family: verdana; font-size: 13px; Width: 190; color: #000084; text-align:center;}
td.tow2 { font-family: verdana; font-size: 13px; Width: 142; color: #000084; text-align:center;}
td.tow3 { font-family: verdana; font-size: 13px; Width: 167; color: #000084; text-align:center;}
td.tow4 { font-family: verdana; font-size: 13px; Width: 136; color: #000084; text-align:center;}
td.towi { font-family: Times; font-size: 24px; color: #000084; text-align:left;}
td.htitle { font-family: verdana, arial, helvetica, sans-serif;
          font-size: 24px; color: #000080; height: 50; text-align:center;}
p.right { text-align:right;}
#br-a { clear: both }

/* Ordered list formatting for the Guild Rules */

ol.h3size { font-family: sans-serif; font-weight: bold; font-size: 16px; }
li.normal { font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 13px; }
p.normal { font-family: verdana, arial, helvetica, sans-serif; font-weight: normal; font-size: 13px; }


h1, h2, h3, h4, h5, h6 { text-align: left; }

h1 { font: bold 200% sans-serif; padding-top: 1em; }

h2 { font: bold 200% sans-serif; }

h3 { font: bold 140% sans-serif; }

h4 { font: bold 120% sans-serif; }

h5 { font: italic 100% sans-serif; }

h6 { font: small-caps 100% sans-serif; }

/*updated by Josh of Actrand on 03/05/2022 to include a white background colour, also added some margin around it. */

#content {

	


	text-align: justify;

	color: #000080;

    padding: 20px;
    margin: -10px 0 0 -10px;

}

#footer {

	border: solid 1px #A4A4A4;

	font-size: 80%;

}



.sitemap li {list-style-type:none;}



.nav {

	list-style-type: none;

	margin: 0;

	padding: 0;

}

.nav li {

	padding:  0;

	font-size: 90%;

}

.nav li a:link, .nav li a:visited {

	text-decoration: none;

	font-weight: normal;

	color: #245185;

}

.navsub {

	list-style-type: none;

	margin: 0;

	padding: 0 0 0 1em;

}

.navsub li {

	padding: 0.5em 0 0.5em 0;

	font-size: 90%;

}

.eventsTable th, td { /* for use in events.php */

	text-align: left;

	padding-left: 5px;

	font-size: 9px;

}



.listh3 { font: bold 140% sans-serif; } /* simulate h2 style in lists */



.handlisth3 {

	font-size:200%;

	font-family:Times;

}

.handlistp {

	font-family:Times;

}

.pagenav {

	text-align:center;

	font-size:80%;

}

/* New stuff for drop down menus in here */
#topMenu {
         float: left;
         list-style: none;
         margin: 0;
         padding: 0;
}
#topMenu li {
         display: inline;
         margin: 0;
         padding: 0;
}
#topMenu li ul {
         border: 1px solid #000;
         display: none;
         margin: -5px 0 0 0;
         padding: 0;
         position: absolute;
     	 left: 40px;
     	 width: 114px;
}
#topMenu li:hover ul {
     	 display: block;
}
#topMenu ul li {
     	 display: block;
}
#topMenu ul a {
     	 display: block;
     	 width: 100%;
}

/* New menu stuff in here */

#menu {
	position: relative;
	padding-left: 7px; /* was 13px */
	background-color:#ffffcc; /* was ad9a62 */
}
.moduletable_topmenu ul, .moduletable_topmenu li {
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}
.moduletable_topmenu ul {
	height: 20px; /* needed for IE6 was 30px */
}
.moduletable_topmenu ul .active {
	background-color:#99ccff; /* was c1b386 active page thingy */
}

.moduletable_topmenu ul .toprest {
	background-color:#ffffff; /* was c1b386 active page thingy */
	border: 1px #99ccff; /* This is new */
        border-top-style: solid;
        border-right-style: none;
        border-bottom-style: solid;
        border-left-style: solid;
}

.moduletable_topmenu ul .topright {
	background-color:#ffffff; /* was c1b386 active page thingy */
	border: 1px #99ccff; /* This is new */
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
}

.moduletable_topmenu ul .droptop {
	background-color:#ffffff; /* was c1b386 active page thingy */
	border: 1px #99ccff; /* This is new */
        border-top-style: solid;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
}

.moduletable_topmenu ul .droprest {
	background-color:#ffffff; /* was c1b386 active page thingy */
	border: 1px #99ccff; /* This is new */
        border-top-style: none;
        border-right-style: solid;
        border-bottom-style: solid;
        border-left-style: solid;
}

.moduletable_topmenu a {
	display: block;
	width: 60px; /* This is new, was 100px, changed to 69px */
	padding: 3px 3px 3px 3px; /* was 7px 14px 7px 14px */
	text-decoration: none;
	text-align: center; /* This is new */
	/* Border stuff was in here */
	color:#000000;
	line-height: 12px; /* was 16px */
}

.wider a { width: 100px; } /* For the Wider Parent menu items */

.moduletable_topmenu li {
	float: left;
	list-style-type: none;
}

.moduletable_topmenu li ul {
	position: absolute;
	left: -999em;
	width: 128px; /* needed for Opera */
	background-color:#ff0000; /* was e4dec8 makes the background slightly darker on active cells Made it RED */a
}


/* transparancy stuff inserted here */



.moduletable_topmenu li ul a {
	width: 128px; /* was 100px */
	background-color:#ffffff; /* was e4dec8 Sub menu background colours Green at the moment*/
	color: #000000;
}

.moduletable_topmenu ul a:hover {
	color: #000000;
	background-color:#99ccff; /* was c1b386 Made it MAGENTA is hover over*/
}
.moduletable_topmenu li ul .parent a {
	background-image: url('../images/rightarrow2.gif');
	background-repeat: no-repeat;
	background-position: center right;
}
.moduletable_topmenu li ul .parent ul a {
	background-image:none;
}

.moduletable_topmenu li ul ul {
	margin: -30px 0 0 128px;
}
.moduletable_topmenu li.sfhover ul ul, .moduletable_topmenu li:hover ul ul {
	left: -999em;
}
.moduletable_topmenu li.sfhover ul, .moduletable_topmenu li li.sfhover ul, .moduletable_topmenu li:hover ul, .moduletable_topmenu li li:hover ul {
	left: auto;
	background-position: 0 0; /* fix for the IE7 sticky hover bug */
}


.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}