/* firststyle for ralston genealogy domain */

	/* tag selectors begin with name of HTML Tag and apply to every occurance of that tag */

/* body padding, font, and background declarations */
body {  padding-left: 10em;
				padding-top: 1em;
				padding-bottom: 1em;
				padding-right: 4em;
				font-family: Arial, Helvetica,	Swiss, sans-serif ; 
				color: black;
				background-image: url("thistlefleur.jpg") ;
				background-attachment: fixed ; 	
				border:10px double silver ;
		}
		
h1 {font-family: Helvetica, Geneva, Arial,SunSans-Regular, sans-serif;
			}
		
			/* make horizontal rule 60% wide and 3 pixel thick and blue */				
hr { color: #0000ff ; 
			width: 60% ;
			height: 3px ; 
			background-color: inherit ;
			}
/* form location */
form {
float: right;
}	
		/* make table border 0 wide and blue */			
table { border-width: 0 ;
		border-color: #0000ff ; 
		padding: 2px;
        empty-cells: show;
			}
		/* table data */
td {padding-top: 10px;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
}
/* table header */
th {
background-color: silver;
color: white;
text-align: left;
padding: 10px;
}
			
			/* address */
address {
    		margin-top: 1em;
    		padding-top: 1em;
    		border-top: thin dotted;
			}
					/* Image border */
img {
				border-top: 0.3em solid  silver;
				border-left: 0.3em solid silver;
				border-bottom: 0.3em solid gray;
    		border-right: 0.3em solid gray; 
				}
		
					/*figure and caption float right 1st used for breckenridge diary */
	div.figure {
					  float: right;
					  margin: 0.5em;
  					padding: 0.5em;
									}
 div.figure p {
 						text-align: center;
					  font-style: italic;
						font-weight: bold;
					  font-size: smaller;
					  text-indent: 0;
							}
											
			/* make link red during hover */		
a:link {color:  navy;
			}
a:visited {color: purple;
			}
a:hover {color: red; 
			}
					
			/* Class Selectors must begin with dot . and may be used numerous times */
			
			/* class for fixed in place navbar */
ul.fxdnavbar {
			position: fixed;  top: 10px;
   			list-style-type: none;
    		width: 6.5em;
    		padding: 0.0em;
    		top: 2em;
    		left: 1em;
    	}
	
ul.fxdnavbar li {
    		background: white;
    		margin: 0.2em;
    		padding: 0.1em;
				border-bottom: 0.2em solid black;
    		border-right: 0.1em solid black; 
				font-size: .7em;
			}
		
ul.fxdnavbar a {
    		text-decoration: none;
			}

			/* class for moving navbar */
ul.navbar {
				position: absolute;
   			list-style-type: none;
    		width: 6.5em;
    		padding: 0;
    		top: 2em;
    		left: 1em;
    	}
			
ul.navbar li {
    		background: white;
    		margin: 0.2em 0;
    		padding: 0.1em;
				border-bottom: 0.2em solid black;
    		border-right: 0.1em solid black; 
				font-size: .7em;
			}
		
ul.navbar a {
    		text-decoration: none;
			}
				
div.button {
text-decoration: none;
background: #ccffff;
color: #fff;
font-weight: bold;
border-width: .2em;
border-style: solid;
border-top-color: #DFDFDF;
border-right-color: #333;
border-bottom-color: #333;
border-left-color: #DFDFDF;
max-width: 120px;
margin: 0.2em 0;
padding: 0.1em;
}

 p.c6 {font-style: italic; font-weight: bold}
 
 p.c3 {text-align: center}

  div.c1 {text-align: center; font-weight: bold;}
 
      /* make aqua background with double line border and padding */	
			
div.c2 {color: black; background-color: aqua; border: medium double black; 		 margin: 0.4em; padding: .2cm;}

div.c5 {color:#008000; background-color:#ccff99; border: medium double black; 		 margin: 0.4em; padding: .2cm;}
			
div.frame {border: 1px solid #aaa; background-color:#f9efef; height: 300px; overflow:auto; color:#135;}


			/* ID Selectors must begin with # and are used only once on a page */
			
 	/* id Selector for footer, added box-shadow 2-1-12  */
#page-footer  {
  color: #000000;
  font-style: italic ;
  font-weight: bold;
  background:   yellow ;
  font-size: .85em;
  padding: .3em;
  clear:both;
  border-width: 5px;
  border: 2px solid black;
  margin: 5px;
	-moz-border-radius: 10px;
  box-shadow: 5px 5px 3px #888888;
  }

 	/* id Selector for footer image */	
	#ship-footer  img {	  float: left; 
 	 margin: .1em;
	  }
	
	/* Class Selectors must begin with dot . and may be used numerous times */
	
		/* class for  image to float right */
.thumbnail 
{
float: right;
margin:5px;
}

   /* sidebar fixed location, left */
  .sidebar {  position: fixed;
  left: 0;
  top: 10px;
  list-style-type: none;
 			 }

	/* class for header */
	.header {
				color: #000FFF;
				font-style: italic;
				font-size: 2em;
				font-weight: bold;
  			}		
h1
 				{
				color: #000FFF;
				font-style: italic;
				font-size: 2em;
				font-weight: bold;
				text-shadow:2px 2px 0px #00008B;
					}	
								
h2
				 { 
        color: #000FFF;
				font-style: italic;
				font-weight: bold;
				text-shadow:2px 2px 0px #00008B;
			}
	
	
	
		/* CLASS selector for notes */
	
	.notes {
	font-size: .85em;
	font-family: "Courier New", Courier, monospace;
	color: #294E56;
	margin: 10px 200px 10px 50px;
	padding: 10px;
	border: 1px solid #73afb7; 
	background-color: #fbef99;
		-moz-border-radius: 10px;
		box-shadow: 5px 5px 3px #FF3C00;
	} 
 
	.items {
	text-align: left;
	}

	.alphainx {
	text-align: center;
	}

	.newsitem {
	padding: .4em;
	margin: .5em;
	font-style: italic;
	width: 150px;
	float: right;
	border: 1px solid #C0C0C0; 
	clear: both;
	background: #f0ffff;FOFFFF;
	font-size: .85em;
	-moz-border-radius: 5px;
	box-shadow: 5px 5px 3px #005FFF;
	  }

	#maglist {
	padding: .4em;
	margin: .5em;
	font-style: italic;
	width: 100px;
	float: left;
	border: 1px solid #C0C0C0; 
	clear: both;
	background: #f0ffff;
	font-size: .85em;
  }

	.letter {
	padding: 2em;
	}

	.wrapper
	{
	width:680px;
	margin: 0px auto;
	padding: 10px 10px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
  }

	.appendix {
	font-size: .85em;
	font-family: "Courier New", Courier, monospace;
	color: #294E56;
	margin: 1px 1px 1px 1px;
	padding: 10px;
	border: 1px solid #73afb7; 
	background-color: #fbef99;
	-moz-border-radius: 10px;
	box-shadow: 5px 5px 3px #005FFF;
	} 

	.article
	{
	padding: 10px;
	margin: 2px ;
	border: 2px double #666666;
  }
	
	/*  places a small pdf icon to right of "file.pdf"  */
	
	a[href $='.pdf'] 
	{ 
   padding-right: 18px;
   background: transparent url(pdficon_small.gif) no-repeat center right;
  }