/* wfhg.css - Style Sheet for Wyong Family History Group pages */

/* Floats and alignments*/

	.superscr { vertical-align: super; font-size: 10px; }
	.strikeout { text-decoration: line-through; }

	.floatleft { float: left; margin-left: 20px; margin-right: 20px;}
	.floatright { float: right; margin-left: 20px; margin-right: 20px; }

	.left {text-align: left; }
	.centre {text-align: center; }
	.right {text-align: right; }
	.justify {text-align: justify; }

	.margin2 { margin-left: 2%; margin-right: 2%; }
	.margin3 { margin-left: 3%; margin-right: 3%; }
	.margin5 { margin-left: 5%; margin-right: 5%; }
   .margin20 { margin-left: 20%; margin-right: 20%; }
   
    table.centre60 { width: 60%; margin-left: 20%; margin-right: 20%; }

   .border0 { border-width: 0px; }

   .column { border: double 4px; padding: 5px; background: #D0FFFF; text-align: justify; line-height: 1.25; color: #B000B0; padding-right: 12px; }
   
   .columnsolid { border: solid 4px; padding: 5px; background: #D0FFFF; text-align: justify; line-height: 1.25; color: #B000B0; }

	.boxcentre { text-align: center; font-size: 20px; background: #D0FFFF; border: #B000B0 4px solid; padding: 8px; }

	.boxcentre16 { text-align: center; color: #B000B0; font-size: 16px; background: #D0FFFF; border: #B000B0 4px solid; padding: 8px;	 }

	/* .hovpurple:hover { color: #AC59FF; padding-top: 1px; padding-bottom: 1px; background: #E9D2FF url(img/blueclouds.jpg) repeat fixed 0%; padding-left: 12px; padding-right: 12px; } */
	
	#cottageflash { border: double 6px #B000B0; padding: 4px; background-color: #D0FFFF; }
	
	.navmenu { text-align: center; background: #E9D2FF url(img/blueclouds.jpg) repeat fixed 0%; color: #B000B0; border: #B000B0 4px solid; margin-left: 5%; margin-right: 5%; font-size: 22px; padding-top: 10px; padding-bottom: 10px; }

	
/* Start Tooltip Customisation */
	 .tooltip { position: relative; z-index: 24; }

	 .tooltip span { display: none;}

	 .tooltip:hover {z-index: 25;}

	 .tooltip:hover span {
	 display: block;
	 position: absolute;
	 width: 300px;
	 top: 20px;
	 left: 50px;
	 background: #D0FFFF url(img/blueclouds.jpg) repeat fixed 0%;
	 border: 6px double #B000B0;
	 padding: 15px;
	 text-align: justify;
	 font-size: 13px;
	 color: #B000B0;
	 font-style: oblique;
	 text-decoration: none;
	 font-family: "Comic Sans MS", Arial, Helvetica, Sans-serif; }
/* End Tooltip Customisation */


	.boxobject {
	 border: #B000B0 5px solid;
	 }


	 div#convict { margin-left: 30%; margin-right: 30%; width: 40%; text-align: center; font-weight: bold; }
	 span.under { text-decoration: underline; }
	 
	 
/* float image left : NB width has to be defined as an inline style; */

	 .imgfloatleft { float: left; margin-left: 0px; margin-right: 10px; margin-top: 10px; margin-bottom: 0px; background: #D0FFFF;
	  color: #B000B0; font-family: "Comic Sans MS", Arial, Helvetica, Sans-serif; font-size: 15px; text-align: center; font-weight: bold;
	  border: 5px solid #B000B0; padding: 5px; }

/* Headers */
	/* pgheader replaced by whatisit */
	 h2#whatisit { color: #B000B0; font-family: "Comic Sans MS", Arial, Helvetica, Sans-serif; text-align: center; text-decoration: underline; }
	 h1#us { color: #B000B0; font-family: "Comic Sans MS", Arial, Helvetica, Sans-serif; text-align: center; text-decoration: underline; }

/* TD Images */
  	 td.tnshow { font-family: 'Comic Sans MS', Helvetica, Sans-serif; width: 15%; vertical-align: top; text-align: center; font-size: 16px;
    font-weight: normal; font-style: normal; text-decoration: none; color: #B000B0; }

/* Caption on Tables in CD Section of Resources */
	.cdcap { margin-left: 3%; text-align: left; font-weight: bold; font-style: italic; text-decoration: underline; }

/* Text */
  .text {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    margin-left: 0%;
    margin-right: 0%;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    }

/* Text - No Margins */
  .text-nm { 
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    }

/* Page Header
	.pgheader {
	 font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    font-size: 25px;
    font-weight: bold;
    font-style: normal;
    text-decoration: underline;
    text-align: center;
    color: #B000B0;
    } */

/* Library Text */
  .library {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 15px;
    font-weight: 900;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    color: #B000B0;
    }

/* Publications Text */
  .publications {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    }

/* Resources Text */
  .resources {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    margin-left: 40px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    }

/* Coming Events Text */
  .events {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    margin-left: 30px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    }

  #regevents {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    background: #D0FFFF;
    border: 6px #B000B0 double;
    }

/* Events */
   .evhead { padding: 10px; background-color: #D8D8D8; text-align: center; border: 1.5px #B000B0 solid; border-top: 0.5px; } 
   .evdata { padding-left: 5px; padding-right: 5px; text-align: center; border: 1.5px #B000B0 solid; } 


/* Forms */
  #formdownload {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    background: #D0FFFF;
    border: 10px #B000B0 double;
    }

/* Articles & Gallery Text */
  .gallery, .articles {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif; margin-left: 50px; margin-right: 50px; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: none; text-align: justify; color: #B000B0; }


/* Articles Fieldset */
	fieldset.arts { width: 70%; border: 4px double #B000B0; }


/* Tutorials */
  .tutorials {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    margin-left: 3%;
    margin-right: 3%;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    }


/* Convicts */
  .convicts {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    margin-left: 5%;
    margin-right: 5%;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    }


/* Members Websites */
  .memweb {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    margin-left: 3%;
    margin-right: 3%;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    }


/* Reviews */
  .reviews {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    margin-left: 3%;
    margin-right: 3%;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    }


/* Start Members interests */
  .interests {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    margin-left: 3%;
    margin-right: 3%;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    }

	 table#mi, table#cmi { background-color: #D0FFFF; border: 16px #B000B0 double; text-align: left; color: #B000B0; margin-left: 2%; margin-right: 2%; }
	 

	 .headmi { background-color: #D8D8D8; text-align: center; border: 1.5px #B000B0 solid; border-right: none; border-top: none; }
	 .headend { background-color: #D8D8D8; text-align: center; border: 1.5px #B000B0 solid; border-right: none; border-top: none; border-bottom: none; }

	 .tdata { padding-left: 5px; padding-right: 5px; border: 1.5px #B000B0 solid; border-right: none; border-top: none; text-align: left; }
	 .tmember { padding-left: 5px; padding-right: 5px; text-align: center; border: 1.5px #B000B0 solid; border-left: none; border-right: none; border-top: none; }
	 .tnote { padding-left: 3px; padding-right: 3px; border: 1.5px #B000B0 solid; border-right: none; border-top: none; text-align: left; font-size: 12.5px; 
	 font-weight: 700; }
/* End Members interests */


/* Unidentified Photos */
  .unident {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: justify;
    color: #B000B0;
    }

  .unileft { float: left; border: solid 4px #B000B0; max-width: 120px; padding: 5px; color: #B000B0; }


/* Update Text */
  .update {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    font-size: 15px;
    font-weight: 900;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    color: #B000B0;
    }

/* Start Constitution CSS */
	ol.lower-alpha { list-style-type: lower-alpha; }
	ol.lower-roman { list-style-type: lower-roman; }
	ol.upper-alpha { list-style-type: upper-alpha; }
	
/* End Constitution CSS */



/* ^^^^^^^^^^ Start Global Styles ^^^^^^^^^^ */

   html { background: #D0FFFF url(img/blueclouds.jpg) repeat fixed 0%; }


/* Main Body margin-left: 5%; margin-right: 5%; */

  	 body {
    direction: ltr;
    background: #C0C0C0 url(img/beegee_wfhg.jpg) repeat fixed 0%;
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
    color: #FF0000;
    position: absolute; left: 5%; right: 5%; margin-top: 0; margin-bottom: 0;  border-left: #B000B0 solid 4px; border-right: #B000B0 solid 4px;
    /* cursor:url("img/cursor.bmp"),default; */
    }

	hr {
	color: #B000B0;
	background-color: #B000B0;
	height: 2px;
	}


/* Links */

  div a:link  {
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: underline;
    font-variant: normal;
    color: #0000FF;
    }


/* Visited Link */

  div a:visited, td a:visited, p a:visited { 
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: underline;
    font-variant: normal;
    color: #AA00FF;
    }


/* Hover Link */

  div a:hover, td a:hover { 
    font-family: 'Comic Sans MS', Helvetica, Sans-serif;
    background: #BBBB00;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
    color: #FF0000;
    }


  div.alpha a:visited { 
    color: #B000B0;
    }


div.alpha a:link  {
    color: #B000B0;
    }