﻿/* 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:#6A65BF;
	margin: 0px 15px 0px 15px;
	
	
}

html>body {
			margin: 0px 14px 2px 14px;
			
	}



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;
		}

#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
border: 0px solid black;
border-left-width: 0;
background-color: #6A65BF;
font-size: 11pt ! Important; 

}

html>body	{
	font-size: 11pt ! Important; 


}

.headerlinks a{
margin: auto 8px;
font-weight: normal;
color: white;
font-family: Arial, sans-serif; 

}

.headerlinks a:hover{
margin: auto 8px;
font-weight: normal;
color: white;
font-family: Arial, sans-serif; 

}


.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #6A65BF;
border: 1px solid #000;
}

.submenus li{
width: 100%;
line-height: 1.70em ;


}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
color: white;
font-family: Arial, sans-serif; 


}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: #44458D;
color: white;
border-right: 20px solid #96364E;
text-align:right;

}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;

}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}

DIV#bottomnav {

	padding: 4px;
	padding-left:6px;
	margin-top:4px;
	margin-bottom:4px;
	margin-right:2px;
	border: 1px solid #000;
	background-color: white;
	font-size:9pt;
	font-family: tahoma, arial, "sans serif";
	color:#000;
	text-decoration:none;
}
html>body bottomnav{
		
		margin-left:0px;
		margin-right: 4px;
		margin-top: -3px;
		padding-bottom: 4px;
		margin-bottom: 4px;
		text-align:left;
		
		}
DIV#bottomnav a:link{

 color:#525252;
 padding-left:2px;
 padding-right:2px;
 text-decoration:none;
 }
 
html>body #bottomnav a:link{

text-decoration:none;

} 
 
 DIV#bottomnav a:visited{

 color:#525252;
 padding-left:2px;
 padding-right:2px;

 }
 DIV#bottomnav a:active{

 color:#525252;
 padding-left:2px;
 padding-right:2px;

 }
 DIV#bottomnav a:hover{

 color:white;
 background-color: #6B6B6B;
 text-decoration:none;
 padding-left:2px;
 padding-right:2px;

 }
 
 DIV#bottomnav a#currentpage {
 
	 color:#000;
	 background-color:#C4C4C4;
		text-decoration:underline overline;
		padding-left:2px;
		padding-right:2px;

 }

html>DIV#bottomnav a:hover{

 color:white;
 background-color: #6B6B6B;
  text-decoration:none;
  padding-left:1px;
 padding-right:1px;

 }

.indent {
	padding-left:30px;
	text-align:justify;

}





.breadcrumbs a:link {

	font-size: 12pt ! important;
    color:red;
    font-family: Arial, sans-serif; 
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #3366FF;
}


.breadcrumbs a:visited {
	font-size: 12pt ! important;
    color:red;
    font-family: Arial, sans-serif; 
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #3366FF;
}

.breadcrumbs a:active {
	font-size: 12pt ! important;
    color:red;
    font-family: Arial, sans-serif; 
    font-weight: normal;
    text-decoration: none;
    border-bottom: 1px dotted #3366FF;
}

.breadcrumbs a:hover {
	font-size: 12pt ! Important;
	color: #0000a0;
    font-family: Arial, sans-serif; 
    font-weight: normal;
    text-decoration: none;
    border: none;
    background-color: #C1BEE4;
}

.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;



}


.breadcrumbstxt {

font-family: Verdana, Helvetica, Arial, sans-serif; 
color: #0000a0;
font-size: 13pt ! Important;
font-weight: normal;
text-decoration: none;
padding: 0px;
border-bottom: 1px dotted;

}

.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-family: Verdana, Helvetica, Arial, sans-serif; 
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-family: Verdana, Helvetica, Arial, sans-serif; 
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-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal; 
font-size: 12pt ! Important; 
 color: #00008c ;
 }
.BIGNAME     { 
 text-align: left;
 text-indent: 2px; 
 line-height: 100%; 
 text-decoration: none; 
 font-family: Verdana, Helvetica, Arial, sans-serif;
 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; 
 font-family: Verdana, Helvetica, Arial, sans-serif;
 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-family: Verdana, arial, sans-serif; 
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;
}


.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: 0;
		padding-bottom: 2px;
		}
	
DIV#mainboxb{
	border: 1px solid #000;
	padding: 6px;
	padding-bottom:3px;
    height: 91%;
    padding-top: 2%;
    background-color:white;
	text-align: center;
    border-collapse: collapse;
    margin-bottom:0px;
    
	}
	
html>body #mainboxb{
		
		height: 86%;
		margin-left:0px;
		margin-right: 2px;
		margin-top: -3px;
		padding-bottom: 0;
		}
	

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-family:arial black, sans-serif;
font-size: 16pt ! Important;
}

html>body #introbox {
	position: relative;
		padding-left: 50%;

}

ul  {

list-style: url(images/blue_diamond.gif) inside;
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#dedicontainer	{

			padding-top: 1px;
			height:57px; 
			width:487px;
			background-image:url(images/dedication_1.gif);
			background-repeat: no-repeat;
			text-align: center;
			margin:auto;
			}


DIV#linkcontainer	{	

			margin-top: .75em;
			margin-bottom: 1em;
			height: 228px;
			width: 150px ;
			border: 1px dotted #C0C0C0;
			padding: 2px;
			text-align: left;

			}

		
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-family: arial, sans serif;
	font-size: 8pt ! Important;
	color:#FFFFFF;
}


.dedicationtext {
	color:#FF9900; 
	font-family:Arial; 
	font-size:8pt;
	text-align:center;
}

/*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; 

}*/