/* Welcome to my stylesheet. You are welcome to use any or all of my style, just don't clone my site.
I didn't invent style but I am starting to get a good idea what to do with it. As you can see both my HTML 
and my StyleSheet validate easily. If my style or the way that I have used it inspires you then I
say help yourself and welcome to it. */


 body {
	
	background-color:#182b87;
	margin: 0px 14px 0px 14px;
	
	 }


html>body {
			margin: 0px 14px 2px 14px;
			
	}
	
  	 /* Float image to the left with margin */
    .float-left {
      float: left;
      margin: 10px 10px 0px 0px; /* top right bottom left */
    }

    /* Float image to the right with margin */
    .float-right {
      float: right;
      margin: 10px 0px 0px 10px;
    }
    
/* <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name*/
.roboto-slab {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-style: normal;
  }   

DIV#searchbox		{

		width: 450px;
		height: 20px;
		text-align: center;
		margin-top: 0;
		margin-bottom: 0;
		}

DIV#searchexp		{

		width: 475px;
		height: 15px;
	    font-family: Arial, sans-serif; 
        font-size: 9pt ! Important;
		text-align: center;
		color:#6A65BF;
		font-weight: normal;
		}
		
.searchexp		{

		
	    font-family: Arial, sans-serif; 
        font-size: 9pt ! Important;
		text-align: center;
		color:red;
		font-weight: normal;
		text-align: center;
		}

.indent {
	padding-left:30px;
	text-align:justify;

}


.breadcrumbs a:link {

	font-size: 12pt ! important;
    color:#182b87;
    font-family: Arial, sans-serif; 
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #3366FF;
}


.breadcrumbs a:visited {
	font-size: 12pt ! important;
    color:#182b87;
    font-family: Arial, sans-serif; 
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #3366FF;
}

.breadcrumbs a:active {
	font-size: 12pt ! important;
    color:#182b87;
    font-family: Arial, sans-serif; 
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #3366FF;
}

.breadcrumbs a:hover {
	font-size: 12pt ! Important;
	color: #dce1f8;
    font-family: Arial, sans-serif; 
    font-weight: normal;
    text-decoration: none;
    border: none;
    background-color: #182b87;
    padding: 2px ;
}

.myname a:link {

	font-size: 8pt ! important;
    color: white;
    font-family: Arial, sans-serif; 
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted red;
    vertical-align:top;
}


.myname a:visited {
	font-size: 8pt ! important;
    color: white;
    font-family: Arial, sans-serif; 
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted red;
    vertical-align:top;
}

.myname a:active {
	font-size: 8pt ! Important;
    font-family: Arial, sans-serif; 
    color: red;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted red;
    vertical-align:top;
}
 

.myname a:hover{
	font-size: 8pt ! Important;
	color: red;
    font-family: Arial, sans-serif; 
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted white;
    vertical-align:top;
}


.breadcrumbs A{

border-bottom: 1px dotted;
font-weight: bold;

}


.breadcrumbs1 {
color: #00008c ;
font-weight: 700;
font-size: 1em ! Important;

}

.breadcrumbs2{

color: #B82E00;
border-bottom: 1px dotted #B88A00;
}

.ulbold {

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

}


.breadcrumbs01 {


padding: 0px;
border-bottom: 1px dotted #4c67e9;;

}

.breadcrumbstxt2 {

font-family: Verdana, Helvetica, Arial, sans-serif; 
color: #0000a0;
font-size: 10pt ! Important;
font-weight: normal;
text-decoration: none;
  border-bottom: 1px dotted;
  padding: 0px;

}

.breadcrumbstxt3 {

font-family: Verdana, Helvetica, Arial, sans-serif; 
color: #0000a0;
font-size: 1em ! Important; 
font-weight: normal;
text-decoration: none;
  border-bottom: 1px dotted;
  padding: 0px;

}


A.navlink {
display: block;
width: 60px;
padding: 2px;
letter-spacing: .30em;
border: solid 1px #000;
background-color: #6A65BF ;
text-align: center;
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 9pt ! Important;
color: #B59E6B;
}

A.navlink:hover {
border: solid 1px #000;
padding: 2px;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:9pt ! Important;
letter-spacing: .30em;
color: maroon;
text-decoration: none;
display: block;
background-color: silver;
}

A.navlinkb {
display: block;
padding: 1px;
height: 15px; 
width: 45px;
border: solid 1px #B59E6B;
background-color: #443F97 ;
text-align: center;
text-decoration: none;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size: 8pt ! Important;
letter-spacing: .30em ! Important;
color:#FFD042;
}

A.navlinkb:hover {
border: solid 1px #000;
padding: 1px;
font-family: Arial, Verdana, Helvetica, sans-serif; 
font-size:8pt ! Important;
color: #6A65BF;
text-decoration: none;
text-align: center;
display: block;
letter-spacing: .30em;
background-color:white;
}

html>body A.navlinkb{ /* non IE browsers */
text-align: center;
padding-left:4px;

}

html>body A.navlinkb:hover{ /* non IE browsers */
text-align: center;
padding-left:4px;
}


H1 { 
font-weight: normal; 
font-size: 20pt ! Important; 
text-decoration: none; 
letter-spacing: 1pt;
font-weight: normal; 
color: #00008c; 
margin-top: 0;
margin-bottom: 0;
}

H2 { 
font-weight: normal; 
font-size: 1.2em ! Important; 
text-decoration: none; 
letter-spacing: 1pt;
font-weight: normal; 
color: #00008c; 
}


H3  { 
text-transform: uppercase; 
text-decoration: underline; 
    letter-spacing: 1pt; 
        font-size: 15pt ! Important; 
        font-style: italic; 
        font-weight: bold; 
        color: #00008c;
               }
H4           { color: purple }
H6{ color: blue }

DIV.content{
text-indent: 6px;
text-align: justify; 
line-height: 15pt; 
margin-left: 6px; 
letter-spacing: 1pt;
padding: 4px;
margin-right: 6px; 
margin-bottom: 0px; 
font-weight: normal; 
font-size: 12pt ! Important; 
 color: #00008c ;
 }
.BIGNAME     { 
 text-align: left;
 text-indent: 2px; 
 line-height: 100%; 
 text-decoration: none; 
 font-size: 1em ! Important; 
 color: black;
 font-weight: 700;
 margin-left: 5px;
 padding-left: 4px; 
 padding-right: 4px;
  letter-spacing: 1pt; 

             }
.BIGNAME1     { 
 text-align: left;
 letter-spacing: 1pt; 
 line-height: 100%; 
  font-size: 1em ! Important; 
 text-decoration: none; 
 color: #B88A00;
 font-weight: 700;
 margin-left: 2px;
 padding-left: 2px; 
 padding-right: 2px;
             }
  
.ancestry { 
text-transform: uppercase; 
font-size: .75em ! Important; 
color: red; 
font-weight: 600 ;
margin-right: 2px;
margin-left: 2px;
letter-spacing:1px ;
text-align: left;


}


.changecolor1 {
color: blue;
padding-left:30px;
	text-align:justify;

}
.changecolorpurple {
color: #7B24FF;
font-size: .85em;

}

.changecolorgrey {
color: #666666;
font-size: .85em;
letter-spacing: 1pt;
} 
.changecolorgold {
color: #F5A300;
}

.changecolorred {
color: #98474f;
}



.black		{
color: #000;
font-size: 1em ! Important;
letter-spacing: 1pt;
font-family: arial, Verdana, sans-serif;
font-weight: normal;
border: 1px solid #000;
padding: 0.75em;
margin-top: 0;
margin-bottom: 0;
background-color:#F5F5F5;

}
.blue {
color: white;
font-size: 1em ! Important;
letter-spacing: 1pt;
font-family: arial, Verdana, sans-serif;
font-weight: normal;
border: 1px solid #000;
padding: 0.75em;
margin-top: 0;
margin-bottom: 0;
margin-left: 100px;
margin-right: 100px;
background-color:#6A65BF;
}
.blue a:link{
color: yellow;
text-decoration: none;
border-bottom: 1px white dotted;
}
.blue a:active{
color: yellow;
text-decoration: none;
border-bottom: 1px white dotted;
}

.blue a:visited{
color: yellow;
text-decoration: none;
border-bottom: 1px white dotted;
}



.blue a:hover{
color: black;
background-color: white;
text-decoration: none;
}




html>body .black	{
		
		margin-top: 0;
		margin-bottom: 0;

}

DIV#mainbox{
	border: 1px solid #000;
	padding: 6px;
	padding-top:0px;
    background-color:white;
	text-align: center;
    border-collapse: collapse;
    margin-bottom:0px;
    overflow: hidden;
}


html>body #mainbox{
		margin-left:0px;
		margin-right: 2px;
		margin-top: 20px;
		padding-bottom: 2px;
		}
	
DIV#mainboxb{
	border: 1px solid #000;
	padding: 6px;
	padding-bottom:3px;
    height: 91%;
    padding-top: 12px;
    background-color:white;
	text-align: center;
    border-collapse: collapse;
    margin-bottom:0px;
    margin-top:8px;
    text-align:left;
    
	}
	
html>body #mainboxb{
		
		height: 86%;
		margin-left:0px;
		margin-right: 2px;
		padding-bottom: 0;
		text-align:left;

		}
	

DIV#crestwrapper1	{

		border: 0px #000 solid;
		height: 300px;
		width: 258px;
		background-image:url('images/1fitea.jpg');
		background-repeat: no-repeat;
		background-position: center center;
		text-align: center;	
		
		}
		
html>body #crestwrapper1{

		text-align: center;	
						
		}
.crestbox {
	
	margin:0px;
	padding:0px;
	vertical-align: middle;
	text-align: center;
}
html>body .crestbox {
padding-top: 10%;
}
		

DIV#crestwrapper{

		width: 130px;
		height: 151px;
		border: 0;
		text-align: center;
		background-repeat: no-repeat;

		
	
}

/*html>body #crestwrapper {

	position: relative;
		padding-left: 80%;
	background-repeat: no-repeat;


}*/

DIV#introbox{

width: 700px;
height: 790px;
border: 0;
text-align: center;
padding-top: 27px;
background-image:url("../images/pf_contents.gif");
background-repeat: no-repeat;
text-align: center;
font-size: 16pt ! Important;
}

html>body #introbox {
	position: relative;
		padding-left: 50%;

}

ul  {

list-style: inside url('blue_diamond.gif');
padding-left: 0px;
margin-left: 15px;
padding-top: 0px;
margin-top: 8px;
padding-bottom: 0px;
margin-bottom: 0px;
color: #8346FF;
font-size: .85em ! Important;

}

		
DIV#columnleft		{
		float: left;
		width: 200px;
		margin-left:50px;
		padding-top:1em;
		display:inline;
	}



DIV#columnright		{
		padding-top:1em;
		margin: 0 2em 0 200px;
		display:inline;
	}




DIV#adbox{
font-family: arial, Verdana, sans-serif;
font-size:12px;
color: black;
font-weight: normal;
line-height:17px;
background-color:#F5F5F5;
padding:4px;
padding-left: 8px;
letter-spacing:2px;
border-right:3px dotted #FB5005; 
border-left:2px solid #ADA56B; 
border-top:2px solid #0000a0; 
border-bottom:3px dotted #000; 
text-align:justify;
margin-right:8px;
margin-left:8px;
margin-bottom:15px;


 }

DIV#awardwrapper	{

		margin-bottom:.5em;
		margin-top: 0px;
		padding-top: .35em;
		padding-left: .25em;
		border: 1px solid #B3DBFF;
		background-color: #F2F2F2;
		text-align:center; 

		margin-left:1em; 
		margin-right:1em;
		

		}
DIV#exwrapper		{

		width: 600px;
		padding: .25em;
		padding-left: 3em;
		color: #0000a0;
		font-size: 1em;
		text-align: left;
		border: 1px dotted silver;

		}
		
DIV#poembox  {

	
	width: 410px;
	height: 185px;
	/*background-image: url(images/poem.png);
	background-repeat: no-repeat;*/
	border: 1px dashed gray;
	text-align:left;
	font-size:12pt;
	font-family:times new roman;
	color:#FF8000;
	padding-top: 16px;
	padding-left: 20px;
	border-collapse: collapse;
	margin-bottom: 8px;
}		

html>body #poembox	{

	
	padding-left: 50%;
	margin-left: -205px;
	/*background-image: url(images/poem.png);
	background-repeat: no-repeat;*/
}		

.welcome  {

	text-align: center; 
	font-family: arial, sans serif; 
	color:#0000a0; 
	font-size: 13px ! Important;
	
}		

.copyright {
	text-align:right;
	vertical-align:top;
	font-size: 8pt ! Important;
	color:#FFFFFF;
}


.dedicationtext {
	color:#FF9900; 
	font-family:Arial; 
	font-size:8pt;
	text-align:center;
}

DIV#bottomnav {

	padding: 4px;
	padding-left:6px;
	margin-top:4px;
	margin-bottom:4px;
	margin-right:2px;
	border: 1px solid #000;
	background-color: #b4bff5;
	font-size:8pt;
	font-family: tahoma, arial, "sans serif";
	color:#182b87;
}
html>body bottomnav{
		
		margin-left:0px;
		margin-right: 2px;
		margin-top: -3px;
		padding-bottom: 4px;
		margin-bottom: 4px;
		text-align:left;
		
		}
DIV#bottomnav a:link{

 color:#182b87;
 text-decoration:none
 }
 DIV#bottomnav a:visited{

 color:#182b87;
  text-decoration:none

 }
 DIV#bottomnav a:active{

 color:#182b87;
  text-decoration:none

 }
 DIV#bottomnav a:hover{

        color:#dce1f8;
		text-decoration:none;
		background-color:#182b87;


 }

DIV#bottomnav a#currentpage {
 
	 color:#182b87;
	 background-color:#182b87;
	 text-decoration:none;

 }

.breadcrumbs a:link {

	font-size: 12pt ! important;
    color:#182b87;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #3366FF;
}


.breadcrumbs a:visited {
	font-size: 12pt ! important;
    color:#182b87;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #3366FF;
}

.breadcrumbs a:active {
	font-size: 12pt ! important;
    color:#182b87;
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #182b87;
}

.breadcrumbs a:hover {
	font-size: 12pt ! Important;
	color: #dce1f8;
    font-weight: normal;
    text-decoration: none;
    border: none;
    background-color: #182b87;
}



/*form {
padding: 3px 3px 3px 3px;
}
input {
color: white;
background-color: #6A65BF;
}
select {
width: 146px;
color: white; 
background-color: #FF9900;


}
textarea	{
 width: 200px;
height: 40px;
color: white; 

}*/