body {
     margin: 10px 2px 5px 8px;
     background: #edb ;
/*     font: italic normal small/1.4em Verdana, Helvetica, sans-serif; */
     BACKGROUND-COLOR: #512;
}
div {
     margin: 10px 2px 5px 8px;
     background: #FDB ;
     font: normal normal small/1.4em Verdana, Helvetica, sans-serif;
}
H1 {
     font: normal normal 900 150%/1.4em Verdana, Helvetica, sans-serif;
     color:#402020;
     padding: 10 10;
     text-align:center
}
p	{
	padding:10 40;
    font: normal normal 600 100%/1.4em Verdana, Helvetica, sans-serif;
	color:#402020;
}
/*Parent box with background image */
.bg {
    POSITION: relative;  top: 15%; bottom: 99%;  left:18%; right: 0;
 	width:384px;
	height:676px;
	background: #FFC;
	background:url("http://nardozzi.riefamily.org/images/FrankCarmellaWedding.jpg");
	display: inline;
	}

div.homepage {
    POSITION: relative;  top: 15%; bottom: 99%;  left:37.5%; right: 0;
 	width:384px;
	height:576px;
	background: #FFC;
	background:url("http://nardozzi.riefamily.org/images/xxxFrankCarmellaWedding.jpg");
	display: block;
}

/*This is the white transparent area the text will be within */
div#transbox {
    CLEAR: none;
	position: static;
	width: 400px;
	margin: 5 5px;
	background-color: #fff;
/*
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.65;

    onmouseover="this.style.MozOpacity:0;this.filters.alpha.opacity:0"
    onmouseout="this.style.MozOpacity:0.5;this.filters.alpha.opacity:50"
*/
	}

/* '*' means 'every child' basically a wildcard for every chlid of #transbox  */
#transbox * {
	position: relative;
	display: none;
	}

/* Styles the text of the div  */
#transbox div {
	padding: 20px;
	font-weight: bold;
	color: #402020;
	display: none;
	}
* html div#transbox { /* This is the Tan hack */
position: relative; left: 0px;
left: 0px;
width: 550px;
width: 500px; }




BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #800;
    PADDING-TOP: 0px;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
DIV.H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 3em;
    FONT-WEIGHT: 900;
    FONT-SIZE: 24px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 15px;
    COLOR: #fff;
    LINE-HEIGHT: 28px;
    PADDING-TOP: 0px;
    LETTER-SPACING: 0.2em;
    BACKGROUND-COLOR: #a72
}
P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 16px;
    COLOR: #800;
    PADDING-TOP: 0px
}
DIV.Header
{
    BORDER-RIGHT: #c94 0px solid;
    PADDING-RIGHT: 44px;
    BORDER-TOP: #c94 1px solid;
    PADDING-LEFT: 44px;
    RIGHT: 0px;
    LEFT: 0%;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #c94 0px solid;
    COLOR: #fff;
    LINE-HEIGHT: 11px;
    PADDING-TOP: 15px;
    BORDER-BOTTOM: #c94 1px solid;
    POSITION: static;
    BACKGROUND-COLOR: #850;
    voice-family: inherit
}
H1.Header
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 3em;
    FONT-WEIGHT: normal;
    FONT-SIZE: 24px;
    PADDING-BOTTOM: 5px;
    MARGIN: 0px 0px 15px;
    COLOR: #ffffff;
    LINE-HEIGHT: 28px;
    PADDING-TOP: 5px;
    LETTER-SPACING: 0.2em;
    BACKGROUND-COLOR: #850
}
DIV.Header IMG
{
    MARGIN: 0px 0px 0px -20px
}
DIV.content
{
    CLEAR: none;
    BORDER-RIGHT: #edb 1px solid;
    BORDER-TOP: #edb 1px solid;
    BORDER-BOTTOM: #edb 1px solid;
    BORDER-LEFT: #edb 1px solid;
    FONT-SIZE: 0.95em;
    MARGIN-LEFT:35%;
    RIGHT: 80%;
    LEFT: 3%;
    PADDING-TOP: 10px;
    PADDING-RIGHT: 2em;
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 2em;
    WIDTH: 54%;
    COLOR: #402020;
    BOTTOM: 99%;
    POSITION: relative;
    TOP: 15%;
    BACKGROUND-COLOR: #fec;
    voice-family: inherit
}
.tablecontent
{
    CLEAR: none;
    PADDING-LEFT: 40px;
    RIGHT: 0px;
    LEFT: 0px;
    PADDING-BOTTOM: 40px;
    MARGIN: 0px 10px 10px;
    BACKGROUND-COLOR: #ffb
}
H2.Header
{
    MARGIN-LEFT: 2em;
    COLOR: white
}
DIV.MenuFR
{
    BORDER-TOP: #bb8 0px dashed;
    BORDER-RIGHT: #bb8 3px solid;
    BORDER-BOTTOM: #bb8 0px dashed;
    BORDER-LEFT: #bb8 0px solid;
    PADDING-TOP: 2em;
    PADDING-RIGHT: 10px;
    PADDING-BOTTOM: 100px;
    PADDING-LEFT: 15px;
    FONT-SIZE: 0.85em;
    RIGHT: 50%;
    LEFT: 0px;
    FLOAT: left;
    MARGIN-LEFT: 0px;
    WIDTH: 33%;
    COLOR: #933;
    BOTTOM: 1px;
    LINE-HEIGHT: 17px;
    MARGIN-RIGHT: 10px;
    PADDING-TOP: 1px;
    POSITION: static;
    TOP: auto;
    HEIGHT: 99%;
    BACKGROUND-COLOR: #dca;
    voice-family: inherit
}
A.MenuFR:link
{
    COLOR: #933;
    BACKGROUND-COLOR: #ddb
}
A.MenuFR:visited
{
    COLOR: #228;
    BACKGROUND-COLOR: #ddb
}
A.MenuFR:hover
{
    FONT-SIZE: 1.2em;
    COLOR: #55a;
    BACKGROUND-COLOR: #ddb
}
SPAN.MenuFR
{
    FONT-WEIGHT: 900;
    FONT-SIZE: 1em;
    COLOR: #933;
    FONT-STYLE: italic;
    BACKGROUND-COLOR: #ddb
}
P.MenuFR
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 16px;
    COLOR: #933;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #ddb
}
.errorbox
{
    BORDER-RIGHT: red 10px solid;
    PADDING-RIGHT: 3em;
    BORDER-TOP: red 10px solid;
    PADDING-LEFT: 3em;
    FONT-SIZE: 1.3em;
    BACKGROUND: white;
    PADDING-BOTTOM: 1em;
    MARGIN: 10px auto;
    VERTICAL-ALIGN: text-bottom;
    BORDER-LEFT: red 10px solid;
    WIDTH: 75%;
    COLOR: #af0000;
    PADDING-TOP: 1em;
    BORDER-BOTTOM: red 10px solid;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left
}
LI.errorbox
{
    MARGIN-LEFT: 1em;
    COLOR: blue;
    MARGIN-RIGHT: 1em
}
LI.dummy
{
    DISPLAY: none
}
A
{
    FONT-WEIGHT: 600;
    COLOR: #933;
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    BACKGROUND-COLOR: transparent;
    voice-family: inherit
}
A:link
{
    COLOR: #933;
    BACKGROUND-COLOR: transparent
}
A:visited
{
    COLOR: #228;
    BACKGROUND-COLOR: transparent
}
A:hover
{
    COLOR: #55a;
    BACKGROUND-COLOR: transparent
}
* html div.content { /* This is the Tan hack */
position: relative; left: 0px; top: 0px;
width: 99%;
left: 0px;
top: 0px;
}