body {
	margin: 20px 0;
	padding: 0;
	background: #EEEEEE url(http://www.trishbeltrami.com/images/Image1.gif); /*true background - negatives*/
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	color: #000000;
}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
}


br.clear {
	clear:both;
}

/* Used for Event Calendar */
#Content tr {
}

/* Used for Event Calendar */
#Content td {
}


/* Header */

#Header { /*ID used in <div> - KEEP this line */
	width: 850px;
	height: 125px;
	margin: 0 auto;
	background: #EEEEEE url(http://www.trishbeltrami.com/images/filmstrip.jpg);
	border-top: 10px solid #800000;
	border-right: 10px solid #800000;
	border-left: 10px solid #800000;
	border-bottom: none;
}


#Header h1 {
	padding: 30px 0 0 0;
	text-align: center;
}


#Header h2 {
	padding: 10px 0 0 0;
	text-align: center;
}


#Header .img_left {
	border: none;
	position: relative;
	float:left;
	margin:22px 2px 0px 0px;
	padding:0px;
}


#Header .img_right {
	border: none;
	position: relative;
	float:right;
	margin:22px 0px 0px 2px;
	padding:0px;
}


#Header a {
	text-decoration: underline;
	color: #000000;
}


/* Menu */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
#Menu {
width:850px; 
font-size:0.85em;
/*padding-bottom:200px;*/

background:#CCCCCC;

	/*width: 850px;*/
	height: 30px;
	margin: 0 auto;
	/*background: #EEEEEE;*/
	border-top: 5px solid #800000;
	border-right: 10px solid #800000;
	border-left: 10px solid #800000;
	border-bottom: 5px solid #800000;


}
/* remove all the bullets, borders and padding from the default list styling */
#Menu ul {
padding:0;
margin:0;
list-style-type:none;
}
#Menu ul ul {
width:150px;
}
#Menu ul ul ul {
width:150px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#Menu li {
z-index:99;
float:left;
width:150px;
position:relative;

	display: inline;

}
/* style the links for the top level */
#Menu a, .menu a:visited {
display:block;
font-size:16px;
text-decoration:none; 
color:#000; 
width:139px; 
height:30px; 
/*border: 1px solid #800000;*/ 
border-right: 1px solid #800000; 
border-left: 1px solid #800000; 
/*border-bottom: 1px solid #800000;*/ 
/*border-width:1px 1px 0 0;*/ 
background:#CCCCCC; 
padding-left:10px; 
line-height:29px;

	/*display: block;*/
	/*float: left;*/
	/*height: 35px;*/
	/*padding: 8px 20px 0 20px;*/
	/*padding: 0px 15px 0px 15px;*/
	/*border-right: 1px solid #235324;*/
	/*border-right: 1px solid #800000;*/
	/*text-decoration: none;*/
	/*font-weight: bold;*/
	/*color: #000000;*/

}
/* a hack so that IE5.5 faulty box model is corrected */
* html #Menu a, * html .menu a:visited {
width:150px;
w\idth:139px;
}

/* style the second level background */
#Menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#CCCCCC;
}
/* style the second level hover */
#Menu ul ul a.drop:hover{
background:#800000;
}
#Menu ul ul :hover > a.drop {
background:#800000;
}
/* style the third level background */
#Menu ul ul ul a, .menu ul ul ul a:visited {
background:#CCCCCC;
}
/* style the third level hover */
#Menu ul ul ul a:hover {
background:#800000;
}
#Menu ul ul ul :hover > a {
background:#800000;
}
/* style the fourth level background */
#Menu ul ul ul ul a, .menu ul ul ul ul a:visited {
background:#CCCCCC;
}
/* style the fourth level hover */
#Menu ul ul ul ul a:hover {
background:#800000;
}
#Menu ul ul ul ul :hover > a {
background:#800000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#Menu ul ul {
visibility:hidden;
position:absolute;
height:0;
top:31px;
left:0; 
width:150px;
}
/* another hack for IE5.5 */
* html #Menu ul ul {
top:30px;
t\op:31px;
}


/* position the third level flyout menu */
#Menu ul ul ul{
left:150px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
#Menu ul ul ul.left {
left:-150px;
}

/* position the fourth level flyout menu */
#Menu ul ul ul ul {
left:150px; 
top:0;
width:150px;
}
/* position the fourth level flyout menu for a left flyout */
#Menu ul ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
#Menu table {position:absolute; top:0; left:0;}

/* style the second level links */
#Menu ul ul a, .menu ul ul a:visited {
background:#CCCCCC; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 10px; 
width:129px
/* yet another hack for IE5.5 */
}
* html #Menu ul ul a{
width:150px;
w\idth:129px;
}


/* style the top level hover */
#Menu a:hover, .menu ul ul a:hover{
color:#fff; 
background:#800000;
}
#Menu :hover > a, .menu ul ul :hover > a {
color:#fff;
background:#800000;
}
#Menu :hover > a, .menu ul ul ul :hover > a {
color:#fff;
background:#800000;
}

/* make the second level visible when hover on first level list OR link */
#Menu ul li:hover ul,
#Menu ul a:hover ul{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#Menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#Menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on second level list OR link */
#Menu ul :hover ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#Menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#Menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level list OR link */
#Menu ul :hover ul :hover ul :hover ul :hover ul { 
visibility:visible;
}


/* Content */

#Content {
	/*width: 700px;*/
	width: 850px;
	margin: 0 auto;
	/*background: #EFFCF0 url(http://www.trishbeltrami.com/images/img04.gif) repeat-y;*/
	background: #EEEEEE;
	/*border: 10px solid #235324;*/
	border-right: 10px solid #800000;
	border-left: 10px solid #800000;
	border-top: none;
	border-bottom: 10px solid #800000;

}

/* Used for Event Calendar */
#Content tr {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: #EEEEEE;
}

/* Used for Event Calendar */
#Content td {
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
	background-color: #EEEEEE;
	/* font-size: .7em;*/
}


/* Used for page numbering in photo albums */
#Content .p_right {
	margin: 0px;
	text-align: right;
}

#Content hr {
	border: 0; /*Necessary for Firefox*/
	height: 2px;
	width: 400px;
	color: #800000;
	background-color: #800000; /*Necessary for Firefox*/
}

/* Used for "Return to top" */
#Content .p_smalltext {
	margin: 0px;
	font-size: .7em;
	text-align: right;
}

/* Used in signature image on head of index page */
#Content .img_signature_index {
	border: none;
	margin:auto;
	padding:0px;
}

/* Used in signature image */
#Content .img_signature {
	border: none;
	margin:0px 0px 0px 225px;
	padding:0px;
}

/* Used in story images */
#Content .img_left {
	border: 2px solid #000000;
	position: relative;
	float:left;
	margin:0px 2px 0px 0px;
	padding:0px;
}

/* Used in story images */
#Content .img_right {
	border: 2px solid #000000;
	position: relative;
	float:right;
	margin:0px 0px 0px 2px;
	padding:0px;
}

/* Used for 92/97 reunion images */
#Content .reunionimg_left {
	border: none;
	position: relative;
	float:left;
	margin:0px 2px 0px 0px;
	padding:0px;
}

/* Used for 92/97 reunion images */
#Content .reunionimg_right {
	border: none;
	position: relative;
	float:right;
	margin:0px 0px 0px 2px;
	padding:0px;
}

/* Used for 92/97 reunion pages */
#Content .p_center {
	margin: 0px;
	text-align: center;
}

/* Used for genealogy pages */
#Content .table_genealogy {
	border-width: 2px;
	border-spacing: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: separate;
	background-color: #EEEEEE;
	width: 300px;	
	
}

/* Used for genealogy pages */
#Content .th_genealogy {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: #EEEEEE;
}

/* Used for genealogy pages */
#Content .tr_genealogy {
/*	border-width: 1px;*/
	padding: 5px;
	border-style: none;
/*	border-color: gray;*/
	background-color: #EEEEEE;
}

/* Used for genealogy pages */
#Content .td_genealogy {   
/*	border-width: 1px;*/
	padding: 3px;
	border-style: none;
/*	border-color: gray;*/
	background-color: #EEEEEE;
	font-size: .7em;
	width: 150px;
	text-align: center;
}

/* Used in "footer" */
#Content .p_navigation {
	text-align: center;
	font-size: .9em;
	color: #000000; /*Black*/
}

/* Used in "footer" for Google searchbox */
#Content .p_search {
	text-align: right;
	padding: 0 100px 0 0;
	font-size: .9em;
	color: #000000; /*Black*/
}

/* Used in "footer" */
#Content .p_copyright {
	text-align: center;
	font-size: .7em;
	color: #000000; /*Black*/
}

/* Used for "footer" images */
#Content .validationimg_right {
	border: none;
	position: relative;
	float:right;
	margin:0px 2px 0px 0px;
	padding:0px;
}

/* div classes*/

.title {
	float: left;
	/*width: 230px;*/
	width: 125px;
	padding: 0 20px;
	text-align: left;
	/*line-height: 1.2em;*/
	/*font-size: 2.2em;*/
	border-right: 1px solid #800000;
}

.story {
	float: left;
	/*width: 389px;*/
	width: 625px; /*Necessary for Firefox*/
	padding: 0 20px;
	/*border-left: 1px solid #999999;*/
}


/* div id's */
/* Blurb1 */

#Blurb1 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb2 */

#Blurb2 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb3 */

#Blurb3 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb4 */

#Blurb4 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb5 */

#Blurb5 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb6 */

#Blurb6 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb7 */

#Blurb7 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb8 */

#Blurb8 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb9 */

#Blurb9 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb10 */

#Blurb10 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb11 */

#Blurb11 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb12 */

#Blurb12 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb13 */

#Blurb13 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb14 */

#Blurb14 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}

/* Blurb15 */

#Blurb15 {
	/*padding: 20px 0;*/
	padding: 10px 0;
	/*background: #EFFCF0;*/
	background: #EEEEEE;
	/*border-bottom: 10px solid #235324;*/
}


p {
margin-top: 0;
}


/* table {
	border-width: 2px;
	border-spacing: 1px;
	border-style: solid;
	border-color: black;
	border-collapse: separate;
	background-color: #EEEEEE;
	width: 600px;	
	
} */

/* th {
	border-width: 1px;

	border-style: inset;
	border-color: gray;
	background-color: #EEEEEE;
} */

/* tr {
	border-width: 1px;

	border-style: inset;
	border-color: gray;
	background-color: #EEEEEE;
} */

/* td {    
	border-width: 1px;
	padding: 3px;
	border-style: inset;
	border-color: gray;
	background-color: #EEEEEE;
	font-size: .7em;
} */


/* a {	
	text-decoration: underline;
	color: #000000; 
} */

/* a:link {
	text-decoration: underline;	
	color: #000000; 
} */

/* a:hover {
	text-decoration: underline;
	color: #FF0000; 
} */

/* a:visited {
	text-decoration: underline;
	color: #2B60DE; 
} */