/* 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 ; 	
		}
		
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.2em solid silver;
				border-bottom: 0.1em solid purple;
    		border-right: 0.2em solid purple; 
			}
		
		/* Class Selectors must begin with dot . and may be used numerous times */
					
			/* make link red during hover */		
a:link {color:  navy;
			}
a:visited {color: purple;
			}
a:hover {color: red; 
			}		
		
			/* class for fixed in place navbar */
ul.fxdnavbar {
			position: fixed;   left: 2;   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 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}

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


 div.c1 {text-align: center; font-weight: bold;}

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

 	/* id Selector for footer image */	
	#ship-footer  img {	  float: left; 
 	 margin: .1em;
	  }
	
	/* Class Selectors must begin with dot . and may be used numerous times */
	
   /* sidebar fixed location, left */
  .sidebar {  position: fixed;
  left: 0;
  top: 10px;
 			 }

	/* class for header */
	.header {
				color: #00F;
				font-style: italic;
				font-size: 2em;
				font-weight: bold;
  			}		
	
		/* 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;
	} 
 
	.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;
	font-size: .85em;
  }

	#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;
	} 

	.article
	{
	padding: 10px;
	margin: 2px ;
	border: 2px double #666666;
  }