﻿/* Birthday bash graphic */

#Table_01 {
position:relative;
left:0px;
top:0px;
width:300px;
height:449px;
}

#id85birthday-01_ {
position:absolute;
left:0px;
top:0px;
width:150px;
height:226px;
}

#id85birthday-02_ {
position:absolute;
left:150px;
top:0px;
width:150px;
height:226px;
}

#id85birthday-03_ {
position:absolute;
left:0px;
top:226px;
width:150px;
height:223px;
}

#id85birthday-04_ {
position:absolute;
left:150px;
top:226px;
width:150px;
height:223px;
}

a {	font-weight:bold;
	color: #5B778C;	
	text-decoration: underline;
}

a:hover {	text-decoration: underline;}

body {	
	background-color: #ebeae8;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10pt;	
	color: #000000;
}
	
h1 {font-family: Arial, Helvetica, sans-serif;	
	font-size: 16pt; margin:0;	
	/* background-color: #FCC4A9; */ 	
	color: #5B778C;	padding: 0px 10px 0px 0px;	text-align: right;}
	
h2 {color: #B9A664;	font-size: 14pt; padding: 8px;margin:0;}
	
h3 {font-family: Arial, Helvetica, sans-serif;	margin:0;
	font-size: 12pt;color:#23398F; 	padding: 0px 8px 0px 0px;}
	
h4 {font-family: Arial, Helvetica, sans-serif;margin:0;	
	font-size: 12pt;color: #A69E11;padding: 0px 2px 0px 2px;}
	
h5 {font-family: Arial, Helvetica, sans-serif;margin:0;	
	font-size: 12pt;color: #A69E11;padding: 0px 2px 0px 2px;}

h6{
	margin:2px 0 2px 0;
}

ul {font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10pt;list-style-type: square;list-style-position: outside;}

hr {width: 100%;clear: both;border: 0px;color: #0140A9;
	background-color: #0140A9;	height: 1px;}

h1 span {color: #C94165;font-family: "Century Schoolbook";	font-weight: normal;}
.fright {float:right}
.fleft {float:left}
.center {text-align:center;}
.rose {color:#C94165;}
.blue{ color: #3366CC;	}	
.brown {color: #9F9F9F;}
.tight {padding-top:0px; padding-bottom:0px;;	top: 0;	background-color: #ebea}
.middle {	vertical-align:middle;}
.indent15 {padding-left:15px;}

#page-container {
	width: 100%;position: absolute;	top: 0;	background-color: #ebeae8;}

#content {
	width: 900px;
	height: 100%;
	background-color: #EBEAE8;
	margin: 0px auto 0px auto;
/*	padding: 30px 0px 10px 0px; */
	position: relative;
	border: solid #d8d8d8 thin;
 }

p {	padding: 3px 8px 3px 8px;font-size: 10pt;margin:0;	color: #000000;}

.style1 {	text-align:center;margin:2px 0 2px 0;
	color: #ffffff !important; 
	background-color: #7F7F7F;
	font-weight: bold;
}

.emph {
	font-family: Arial, Helvetica, sans-serif;	
	font-weight: bold;
	font-size: 12pt;	
	color: #A39D3D;
}

.clear {
  clear: both;
}

.emph2 {
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.boxed {margin: 10px 10px 10px 10px;
	padding: 10px 10px 10px 10px;border: #999900 thin solid; font-weight: 700; }

.backtotop {text-align:right;float:right;padding:0 10px 10px 0 ; font-weight:normal; font-size: small;}
.backtotop a {font:normal small;}
/* begin nav */
#navbar {
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 10px 0px;
	width: 900px;
	position: relative;
	height: 25px;
	border-top: #C94165 thin solid;
	border-bottom: #C94165 thin solid;
}

#navbar ul {
	margin: 0px 0px 0px 0px;
	position: relative; text-align:center;
	padding: 1px 1px 1px 1px;
	border-color: #D7D7D7;
}

#navbar li { display:inline;	border-color: #D7D7D7;	color: #9F9F9F; }

#navbar a, #navbar h2 {
	font-size: 11pt;
	line-height: 20px;
	font-family:  Arial, Helvetica, sans-serif;
	color: #9F9F9F;
	display: inline; 
	padding: 1px 10px 1px 1px; 	
	margin: 0px 0px 0px 0px;
	text-align: center;
}

#navbar ul li a {font: bold 11pt arial, helvetica, sans-serif; 	color: #9F9F9F;}

#navbar a {	color: #353036;	text-decoration: none;}

#navbar a:hover, #navbar li:hover, #navbar h2:hover {
	color: #000000;	background-color: #e2e2e2;}


#active a:link, #active a:visited, #active a:hover {
	text-decoration: underline;	color: #669900;}


/* end nav */


#colwideh {
	width: 600px;
	float: left;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
}

#colnarrowh {
	width: 300px;
	float: right;
	height: 100%;
	position: relative;
	top: 0;
	right: 0;
	text-align: left;
}

#content-body {width:100%;height:100%; }


#colwide {
	width: 600px;
	float: right;
	height: 100%;
	position: relative;
	top: 0;
	left: 0; 
	background-color: #FFFFFF;
}

#colnarrow {
	width: 300px;
	float: left;
	height: 100%;
	position: relative;
	top: 0;
	right: 0;
	background-color: #FCC4A9;
	overflow:hidden;
}

#homeleft {
	width: 445px;
	position: relative;
	top: 0;
	left: 0;
	background-color: #FFF;
}

#homeright {
	width: 445px;
	float: right;
	position: relative;
	top: 0;
	left: 450;
	background-color: #EBEAE8;
}

#title {
/*	position: absolute;
	top: 50px;
	left: 48px; */
	position: relative;
	top: 0px;
	left: 0px; padding:0 10px 0 10px;
	font-size: 25pt; line-height:1.2em;
	color: #EBEAE8; 
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #C94165;
}

#title2 {
/*	position: absolute;
	top: 50px;
	left: 48px; */
	position: relative;
	top: 0px; padding:0 10px 0 10px;
	left: 0px;
	font-size: 18pt;
	color: #EBEAE8; 
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #C94165;
}

#footer { 
	width: 900px;
	padding: 10px 0 0 0;
	margin: auto;
	font-size: 10pt;
	clear: both;
	text-align: center;
	border-top: #C94165 thin solid;
}

#footer h3 {padding: 2px 8px 2px 8px; color:#5B778C;font-size:medium; margin:0; }
#footer p, #footer a {	padding: 2px 8px 2px 8px;font:normal small Arial; color:#000000; margin:0;}

.footer-column {width:200px;float:left;vertical-align:top;text-align:left;padding-right:15px;
	font:normal x-small Arial;}
