/* 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;
			
	}

#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: #182b87;
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: #ffffff;
border: 1px solid #000;
}

.submenus li{
width: 100%;
line-height: 1.70em ;


}

.submenus li a{
display: block;
width: 100%;
color: #182b87;
font-family: Arial, sans-serif; 
padding-left:25px;

}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
color: white;
	background-color: #44458D;

	background-image: url('arrow_right.gif');
	background-repeat: no-repeat;
	background-position: left;
	text-decoration:underline;

}


.submenus li a#current {

	background-color: #44458D;
	color: white;
	text-align:left;

	background-repeat: no-repeat;
	background-position: left;
	padding-left:35px;
	text-decoration:underline;
	
}



#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: #c4cbf1;
	font-size:8pt;
	font-family: tahoma, arial, "sans serif";
	color:#000;
}
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:#525252;
 text-decoration:none
 }
 DIV#bottomnav a:visited{

 color:#525252;
  text-decoration:none

 }
 DIV#bottomnav a:active{

 color:#525252;
  text-decoration:none

 }
 DIV#bottomnav a:hover{

 color:#525252;
		text-decoration:underline overline;
 }

DIV#bottomnav a#currentpage {
 
	 color:#383838;
	 background-color:#DEDEDE;
		text-decoration:underline overline;

 }


 .ulbold {

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



}

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:Cranity; 
font-weight: normal; 
font-size: 20pt ! Important; 
text-decoration: none; 
letter-spacing: 1pt;
font-weight: normal; 
color: #182b87; 
text-align:justify;

}


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: left; 
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: #dce1f8 ;
 }
  
.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;

}



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: left;
    border-collapse: collapse;
    margin-bottom:0px;
    
	}
	
html>body #mainboxb{
		
		height: 86%;
		margin-left:0px;
		margin-right: 2px;
		margin-top: -3px;
		padding-bottom: 0;
		}
			

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;


}*/


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;

}