/*default settings based on shelfimage topic 09/12/07 - 08/06/08 Killersites.com old CSS forum, initial css settings and sticky 08/06/08*/

/*----------Resets---------- */
/*html { overflow: -moz-scrollbars-vertical; } does not valdate*/
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, a { margin: 0; padding: 0; text-align: justify; }
fieldset, table { border: none; }
table { border-collapse: collapse; border-spacing: 0; overflow: hidden; }
caption, th, td { text-align: left; }

/* ----------Defaults--------- */
html { font-size: 100.01%; height: 101%; } /* 100.01% and 101% forces scrollbar on short length pages in Firefox and IE8 to stop side shift when moving to another page; moz html style above is for Firefox only*/
body, pre { height: 100%; font: 62.5%/1.3 "Times New Roman", Times, serif; } /*62.5% makes 1em = 10px as normal browser default is 16px * 62.5% = 10px; 1.3 is line-height*/

/* ----------Typography---------- */
h1 { font-size: 3em; text-align: center; margin: 8px 0; color: #008080; }
h2 { font-size: 2.5em; text-align: center; margin: 4px 0; color: #008080; }
h3 { font-size: 2em; color: #008080; }
h4 { font-size: 1.6em; color: #008080; }
h5, h6 { font-size: 1.6em; color: #008080; }
p, li, address, pre { font-size: 1.6em; color: #008080; font-weight: 600; } /*pre doesn't obey ems unless also in Defaults with body*/
h3, h4, h5, h6, p, li, address, pre { margin: 3px; }
/*0.3em if used causes different side margin or padding indent for headings with different size text so px preferred*/
li li { font-size: 100%; }
strong {  } /* just default bold, under 600 all normal, 600 or above all the same bold weight */ 
.large { font-size: 2em; }
.small { font-size: 1.2em; font-weight: normal; }
.xsmall { font-size: 1.0em; font-weight: normal; }
.textcenter { text-align: center; }
.highlight { font-weight: 700; color: #ff4500; }
.subtitle { font-size: 1.2em; text-align: center; font-weight: normal; }
.toph1 { padding-top: 0px; }
.padding20 { padding: 0 20px; }

/* ----------Template---------- */
#wrap { margin: 0 auto; }
#header {}
#content {}
#footer { clear: both; }
div { margin: 0; padding: 0; }
/*If div has padding it will double up with a nested div or other element with padding*/
ul { margin-left: 17px; }

/* ----------Global Classes----------- */

.clear { clear: both; width: 100%; height: 0px; visibility: hidden; margin: 0; padding: 0; border: none; line-height: 0px; font-size: 0px; }
.center { margin: auto; }
.hidden { display: none; }
.inline { display: inline; }
.border { border: 1px solid #000000; }

/* ----------Pages---------- *//* specific page rules */

body { background-color: #eeeeee; }
#background { position: fixed; width: 100%; top: 0; left: 0; right: 0; z-index: -1; } /*Index page; not for IE6*/
#wrap { width: 730px; padding: 0 20px; }
.anchor { height: 0; visibility: hidden; }
.photoframecenter { background-color: #eeeeee; margin: 0 auto; border-color: #999999; border-style: double; border-width: 5px; padding: 5px; margin-top: 30px; }
.photocenter { margin: 30px auto 0 auto; }
.left49 { float: left; width: 49%; }
.right49 { float: right; width: 49%; }
#clearfooter { width: 100%; height: 30px; }
#footer { position: fixed; width: 100%; bottom: 0; left: 0; height: 30px; background-color: #dddddd; padding: 0px; }
.leftlinks { float: left; width: 450px; }
.rightlinks { float: right; width: 170px; text-align: right; }



/* ---------Links--------- */
img { border-style: none; }



a, a:link, a:visited, a:hover, a:active, a:focus { outline: none; }
a:link { color: #2e8b57; }       /*unvisited links SeaGreen*/
a:visited { color: #20b2aa; }    /* visited link LightSeaGreen*/
a:hover { color: #800080; }      /* hover links Purple*/
a:active { color: #000000; }     /* active links black*/
a:focus { color: #000000; }      /* focus links black*/

.button { }
.button a { width: 30px; height: 30px; display: block;
background-image: url(hitchingsimages/p08a041785churchhistoryf35110030x30.jpg);  border: 2px solid #bbbbbb;}
.button a:hover { border: 2px solid #800080; }
.button a:active, .button a:focus { border: 2px solid #00ff00; }
.hidden { display: none; }

#footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:focus { text-decoration: none; }

/* ----------Navigation---------- */	
/* ----------Main Menu--------- */	
#menu {	}
#menu ul { list-style-type: none; margin: 0; }
#menu li {	}	
#menu li a {	}
#menu li a:visited {}	
#menu li a:hover {}	
#menu li a:active, #menu li a:focus {	}
		
/*----------Footer Menu--------- */	
#footer ul { list-style-type: none; margin: 0; }	
#footer li {	}	
#footer li a {	}
#footer li a:visited {}
#footer li a:hover {}	
#footer li a:active, #footer li a:focus {	}
	
/* ----------Forms---------- */
label { cursor: pointer; }
input, label, select, textarea { vertical-align: middle; font-size: inherit; font-family: inherit; }
input, textarea { padding: .2em; }
textarea { overflow: auto; }

/*----------Shadows----------*/
/*See http://www.visibilityinherit.com/code/drop-shadow.php*/
.shadow1 {
	background: url(hitchingsimages/rightcorner.png) top right no-repeat;
	/*float: left; ? not needed*/
} 
.shadow2 {
	background: url(hitchingsimages/leftcorner.png) bottom left no-repeat;
	padding: 8px 0 0 8px;
} 
.shadow3 {
	background: url(hitchingsimages/shadow.png) bottom right;
}
.shadow4 {
	position: relative; left: -8px; top: -8px;
	/*height: 214px; width: 150px; ? not needed and will vary*/
	/*background: url(hitchingsimages/family-photo.jpg) 0 0 no-repeat;*/
}
.shadow1 img {
	vertical-align: bottom;
}

/*----------for IE6---------*/
* html .shadow1 {
	float: left; width: auto;
	background: none;
	margin: -4px 0 0 -4px;
} 
* html .shadow2 {
	background: none;
} 
* html .shadow3 {
	margin: 0 -4px -4px 0;
	padding: 4px 0 0 4px;
}