/* CSS Document - a work in progress while I learn about CSS; contains changes, notes & questions encountered during the building of this site */

/* Universally remove padding and margin */
* 
    {
    margin: 0;
    padding: 0;
    border: 0;
} 


/* major boxes basic styling */

html {
background-color: #96797c; /* color shows as the 5px margin set in the body */
}

body {
	text-align: left; /* all text in the body is left-aligned unless specifcally changed. */
	margin: 5px;  /* sets a 5px margin all around the body; the color of this margin is set by the background color of the html value */
	padding: 1em; /* brings everything in the body in by 1 em from the edges */
	background-color: #fff; /* sets the background color of the body */
	color: #57292B; /* sets the color of all text in the body unless specifically changed. */
	border-top: 2px solid #baa7a9;
border-left: 2px solid #baa7a9;
border-right: 3px solid #7c6164;
border-bottom: 3px solid #7c6164;  /* set a beveled-looking border */
font-family:"Trebuchet MS", sans-serif;
	}

#header {
float:left;
margin:1em 0em .5em 1em;
}

#main {
clear:left;
background-image:url(images/squarescroll.gif);
background-position:0.8em 163px;
background-repeat:repeat-y;
} 

#pmmcrumb {
float:right;
}

#navcontainer {  
float:left;  
margin:0em 2em 2em 0em;
font:0.8em "Trebuchet MS", sans-serif;
}

#bodytextcontainer {
border-top:thin solid #57292b;
margin-left:190px;
padding-top:2em;
}

#footer {
	clear:both;
	text-align: center;
	margin: 0;
	border-top: thin solid #660000;
	border-bottom: thin solid #660000; 
	color: #660033;
	font-size: 80%;
	}

/* basic elements styling */

p {
margin-bottom:2em;  /* sets a 2em bottom margin to all paragraphs on the page */
}

#main p {
		font:100%/130% "Trebuchet MS", sans-serif;  /* sets the font for all paragraphs in the #main div */
}

.rosepic {
float:left;
padding:.5em 0em .5em 0em;
margin:0em .5em 0em -.5em;
}
/* image from http://karenswhimsy.com/public-domain-images/copyright-free-pictures/copyright-free-pictures-3.htm */

h1 {
float:left;
padding-top:0.5em;
width:10em;
font:bold 2em/100% "Trebuchet MS",sans-serif;
color:#57292B;
}

h2 {
font:normal 1.25em/120% "Trebuchet MS",sans-serif;
}

h3 {
font:normal 1.2em/120% "Trebuchet MS",sans-serif;
margin-bottom:1em;
}

h4 {
font:normal 1.15em/120% "Trebuchet MS",sans-serif;
margin-bottom:1em;
}

/* touch-up styling */


.border-bottom {
	border-bottom: thin solid #660000;
}

.floatleft {
float:left;
margin: 1em;
}

.floatright {
float:right;
}

.clearboth {
clear:both;
}

.clearright {
clear:right;
}

.clearleft {
clear:left;
}

.marginleft {
margin-left:2em;
}

.marginright {
margin-right:2em;
}

.margintop {
margin-top:2em;
}

h4.lesstopmargin p {
margin-top:0em;
}

.sup {
    font-size: 70%;
	vertical-align: baseline;
    position: relative;
	 bottom: 0.5em;
}

.suppull {
    font-size: 60%;
	vertical-align: baseline;
    position: relative;
    bottom: .5em;
}

#main p.note {
	margin:2em 0em 2em 15em;
	padding: 1em;
	font:italic 90%/130% "Trebuchet MS", sans-serif;
	border:1px solid;
}

.nextlast {
text-align:center;
margin-bottom:1em;
font:90%/130% "Trebuchet MS", sans-serif; 
}

.swirl {
margin:0em 2em -0.5em 2em;
}

.rightpull {
float: right;
width:15em;
margin:0em 1em 1.5em 1.5em;
padding:0.5em;
border:0.5em solid #545239;
font: 80%/105% "Trebuchet MS", sans-serif;
background-color:#B98790;
color:#57292b;
}

.smallit {
margin:1em 0em;
font:italic .8em/1.2em "Trebuchet MS", sans-serif;
}

.italic {
font-style:italic;
}

.ticklist {
	list-style: none;
}


.leftpos {
float:left;
margin-right:2em;
}

.rightpos {
float:right;
margin-left:2em;
}

.paddingtb {
padding-top:.5em;
padding-bottom:2em;
}

.center {
text-align:center;
}

/* tables */

caption h2 {  /*styling of table captions */
text-align:left;
margin-top:2em;
margin-bottom:1em;
}

td {
font: 1em/1em "Trebuchet MS", sans-serif;
}

.censustable {
margin-bottom:2em;
font:90%/130% "Trebuchet MS", sans-serif;
list-style-type:none;
text-indent:2em;
}

.censustable2 {
margin-bottom:2em;
font:90%/130% "Trebuchet MS", sans-serif;
list-style-type:none;
text-indent:4em;
}

/* Pictures & Captions */

#flashmapcontainer {
width:400px;
height:315px;
position:relative;
}
#flashmapcontainer object, #flashmapcontainer img { 
width:400px; /* Give them a width */ 
height:315px; /* Give them a height */ 
position:absolute; /* Position them absolutely... */ 
top:0; /* 0px from top of container... */ 
left:0; /* 0px from left of container */ 
} 

div#flashmapcontainer object { 
z-index:100; /* Give it a large z-index to make sure it appears on top */ 
} 

div#flashmapcontainer img { 
z-index:1; /* Give it a low z-index to make sure it doesn't appear on top */ 
} 

/*thanks to "bedlam's" post on how to style alternate Flash content for print stylesheets here: http://www.webmasterworld.com/forum83/6918.htm */

.mapcaption {
margin-top:3em;
font:italic .8em/100% "Trebuchet MS", sans-serif;
}

.tree {
margin-top: 1em;
margin-left: 0em;
padding: 1em;
}  

.treepic {
margin-top:2em;
margin-bottom:2em;
float:left;
}

#cesfampic p.courtesy, #mapbox p.courtesy {
	font-style:italic;
	margin:1em 0 0.5em;
}


.picaptionbox {
background-color:#cab5b9;
padding:5px;
margin-bottom:2em;
border: thin solid #57292B;
font:70%/110% "Trebuchet MS", sans-serif; 
}

.picaptionboxw {
background-color:#fff;
padding:5px;
margin-bottom:2em;
border: thin solid #57292B;
font:70%/110% "Trebuchet MS", sans-serif; 
}

/*
.toppicaptionbox {
background-color:#cab5b9;
padding:5px;
margin-bottom:2em;
border: thin solid #57292B;
width:auto;
font:70%/110% "Trebuchet MS", sans-serif; 
}
*/

.piccaptionwords {
padding-top:.5em;   /* for all picture captions, regardless of width */
padding-bottom:0em;
margin-bottom:0em;
}

.border {
border: thin solid #57292B;  /* sets the inside border around the picture itself */
}

.centermargin {
margin-left: 10px; /* sets the margin between 2 adjacent pics in one box; applied to the right-hand pic */
}


.w320 {
width:320px;
} 

.w343 {
width:343px;
}

.w350 {
width:350px;
}

.w395 {
width:395px;
}

.w400 {
width:400px;
}

.w485 {
width:485px;  
}

.w525 {
width:525px;
}

/*
.censuspic {
width:320px;  
}
.flashmappic {
width:395px;
}
.biblepic {
width:485px;  
}
.elijahpic {
width:400px;
}
*/

.whoswho {
font:90%/130% "Trebuchet MS", sans-serif;
list-style-type:none;
}

/* styling for the update box on Susan Smoot page */
#update {
border: thin solid #57292B;
background-color:#cab5b9;
margin: 0em 3em 2em 3em;
padding: 1em;
}

#update p {
margin-bottom: 1em;
}

/* Sitemap styling */

#sitemap {
	font:1em/120% "Trebuchet MS", sans-serif;
 	padding:2em 0;
}

.sitehome {
font-weight:bold;
}

#sitemap p {
font:90%/110% "Trebuchet MS", sans-serif;
}

#sitemap li {
list-style:none;
}

.tier1 {
font:1em/120% "Trebuchet MS", sans-serif;
font-weight:bold;
margin:1em 0;
padding-bottom:0.5em;
}

.tier2 {
font:1em/120% "Trebuchet MS", sans-serif;
list-style:none;
margin:0 0 0.1em 2em;
padding:0.5em 0em;
}

.tier1para {
list-style:none;
margin:0.5em 0em 0.5em;
}

.tier2para {
list-style:none;
margin:0 0 0.5em 0em;
padding-top:0.3em;
}

.current {
font-style:oblique;
}

/*styling for ERB Descendants Sources */

#erbkidssources {
	margin-top:2em;
}

#erbkidssources ul {
margin-top:-1em;
}

#erbkidssources li {
	list-style: none;
	margin:0 0 1em 2em;
}

#mainandrew li {
	list-style: none;
	margin:0 0 1em 2em;
}

/* print styling */

p.printrefs {
visibility:hidden;
}

/* form styling */

fieldset {  
margin: 1.5em 0 0 0;  
padding: 0; 
} 
legend {  
margin-left: 1em;  
color: #000000;  
font-weight: bold; 
} 
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none; 
} 
fieldset li {  
padding-bottom: 1em; 
} 
fieldset.submit {  
border-style: none; 
}

.contacttable {
margin-top:1em;
padding-top:2em;
}

.typearea {
border:thin solid #57292B;
}

.forminput {
line-height:1em;
margin-top:1em;
}