/* CSS Document - stylesheet for Meet Our Friends */

#main_mf {
	width: 370px;
        height: 400px;
        top: 220px;
	margin-right: 800px;
	margin-left: 155px;
	padding: 0px;
	position: absolute;
}


.khk {
	position: absolute;
        top: 470px;
	margin-left: 410px;
}

.butterfly {
	position: absolute;
        top: 0px;
	margin-left: 370px;
}

#quote_mf {
        width: 270px;
        position: absolute;
        top: 490px;
        margin-left: 570px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666633;
}

#author_mf {
        width: 200px;
        position: absolute;
        top: 535px;
        margin-left: 710px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #666633;
}

.hr {
        position: absolute;
        top: -20px;
        left: -30px;
        padding-bottom: 10px;
}

#footer {
        position: absolute;
        top: 570px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 75px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

*html .hr {
        position: absolute;
        top: -16px;
        left: -30px;
        padding-bottom: 10px;
}

.subtitle {
	position: absolute;
        top: 180px;
	margin-left: 390px;
        font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
	color: #ff33cc;
}

#main_khk {
	width: 850px;
        height: 400;
        top: 220px;
	margin-right: 800px;
	margin-left: 155px;
	padding: 0px;
	position: absolute;
}

#main1 {
	width: 350px;
        height: 100%;
        top: 20px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}
#main2 {
	width: 290px;
        height: 100%;
        top: 10px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}

.lower {
	width: 590px;
        height: 300;
        top: 275px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
	
}


.hr1 { /* ------ birthday page ------- */
        position: absolute;
        top: -25px;
        left: -38px;
        padding-bottom: 10px;
}

#footer1 {
        position: absolute;
        top: 620px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 75px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

*html .hr1 {
        position: absolute;
        top: -17px;
        left: -38px;
        padding-bottom: 10px;
}

*html #footer1 {
        position: absolute;
        top: 617px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 75px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

.butterfly2 {
	position: absolute;
        top: -28px;
	margin-left: 365px;
}

.birthday1 {
	position: absolute;
        top: -151px;
	margin-left: 457px;
	border-left: 1px solid #ff33cc;
	border-bottom: 1px solid #ff33cc;
}

.birthday2 {
	position: absolute;
        top: 54px;
	margin-left: 305px;
	border: 1px solid #ff33cc;
}

.sam_teddy_joey {
	position: relative;
        top: 65px;
	margin-left: 495px;
        color: #ff33cc;
        font-size: 13px;
}

.hr2 { /* ------ garage sale page ------- */
        position: absolute;
        top: -25px;
        left: -38px;
        padding-bottom: 10px;
}

#footer2 {
        position: absolute;
        top: 653px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 285px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

*html .hr2 {
        position: absolute;
        top: -17px;
        left: -38px;
        padding-bottom: 10px;
}

*html #footer2 {
        position: absolute;
        top: 650px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: -350px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

.butterfly3 {
	position: absolute;
        top: 242px;
	margin-left: 590px;
}

.garage1 {
	position: absolute;
        top: 69px;
	margin-left: 611px;
	border-left: 1px solid #ff33cc;
	border-bottom: 1px solid #ff33cc;
}

.garage2 {
	position: absolute;
        top: 242px;
	margin-left: 678px;
	border-left: 1px solid #ff33cc;
	border-bottom: 1px solid #ff33cc;
}

*html .presenting {
	position: relative;
	width: 150px;
    top: 365px;
	margin-left: 690px;
    color: #ff33cc;
    font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
}

.presenting {
	position: absolute;
	height: 50px;
	width: 150px;
    top: 465px;
	margin-left: 690px;
    color: #ff33cc;
    font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
}

#main3 {
	width: 420px;
        height: 100%;
        top: 10px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}

*html .lower2 {
	width: 590px;
        height: 300;
        top: 310px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}

.lower2 {
	width: 590px;
        height: 300;
        top: 290px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}

.hr3 { /* ------ mitzvah page ------- */
        position: absolute;
        top: -25px;
        left: -38px;
        padding-bottom: 10px;
}

#footer3 {
        position: absolute;
        top: 653px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: 285px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

*html .hr3 {
        position: absolute;
        top: -17px;
        left: -38px;
        padding-bottom: 10px;
}

*html #footer3 {
        position: absolute;
        top: 650px;
        width: 700px;
        text-align: center;
        line-height: 80%;
        margin-left: -350px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #999966;
        padding-bottom: 10px;
}

.butterfly4 {
	position: absolute;
    top: 190px;
	margin-left: 540px;
}

.mitzvah1 {
	position: absolute;
    top: 69px;
	margin-left: 629px;
	border-left: 1px solid #ff33cc;
	border-bottom: 1px solid #ff33cc;
}

.mitzvah2 {
	position: absolute;
    top: 273px;
	margin-left: 565px;
	border: 1px solid #ff33cc;
}

.liza {
	position: absolute;
	width: 200px;
    top: 452px;
	margin-left: 580px;
    color: #ff33cc;
    font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
}

#main4 {
	width: 390px;
        height: 100%;
        top: 10px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}

*html .lower3 {
	width: 590px;
        height: 300;
        top: 310px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}

.lower3 {
	width: 590px;
        height: 300;
        top: 290px;
	margin-left: 0px;
	padding: 0px;
	position: absolute;
}