﻿/*Birthday template*/
#masthead {
					background-image: url('../images/purpleheader.gif');
					width: 235px;
					height: 85px;
					margin-right: auto;
					margin-left: auto;
					background-repeat: no-repeat;
}
#masthead h1 {
					font-family: "comic Sans MS";
					font-size: 18pt;
					font-weight: bold;
					color: #000;
					text-align: center;
					margin-top: 25px;
}
#top_nav {
					margin-top: 2px;

}
#top_nav ul {
					padding: 0px;
					margin: 0px;
					list-style-type: none;
					text-align: center;
					width: 19%;
}
#top_nav li {
					padding-right: 3px;
					padding-left: 3px;
					float:left;
}
#top_nav a {
					color: #000000;
					text-decoration: none;
					display: block;
					padding-right: 1px;
					padding-left: 1px;
					background-repeat: no-repeat;
					margin-right: 1px;
					font-family: arial;
					font-size: 80%;
					font-weight: bold;
					width: 75px;
					height: 25px;
					background-image: url('../images/ltpurplebtn.jpg');
					margin-top: 2px;
					padding-top: 4px;
}
#top_nav a:hover {
					background-image: url('../images/ltpurplebtnhover.jpg');
					background-repeat: no-repeat;
					width: 75px;
					height: 25px;
					padding-right: 1px;
					padding-left: 1px;
					margin-top: 1px;
					margin-right: 1px;
}
#page_content {
					width: 900px;
					margin-left: 150px;
					font-family: Arial;
					font-size: 100%;
					color: #000000;
					margin-top: 15px;
}
#footer {
					font-family: Arial;
					font-size: 60%;
					font-weight: bold;
					color: #000000;
					text-align: center;
					background-image: url('../images/ltpurplebtn.jpg');
					background-repeat: repeat-x;
					margin-top: 30px;
					width: 900px;
}
#container {
					width: 900px;
}
#left_col {
					border: 1px solid #AC8FAC;
					width: 150px;
					position: absolute;
					left: 0px;
					top: 0px;
					background-color: #E1B0EC;
					padding-top: 10px;
					padding-left: 10px;
					font-size: 90%;
					margin-top: 10px;
					font-family: arial;
}
.td1 ul {
					list-style-type: none;
					margin-left: 25px;
					margin-top: 20px;
					margin-bottom: 25px;
}
.td1 li {
					display: block;
					vertical-align: middle;
					float: none;
					padding-top: 0px;
					margin: 0px 10px 5px 0px;
}
.td1 a {
					background-repeat: no-repeat;
					width: 100px;
					height: 20px;
					padding-top: 2px;
					text-decoration: none;
					font-weight: bold;
					font-family: arial;
					font-size: 90%;
					font-style: italic;
					color: #000000;
					background-color: #FFFFFF;
}
#right_col {
					border: 1px solid #AC8FAC;
					width: 150px;
					position: relative;
					left: 0px;
					top: 0px;
					background-color: #E1B0EC;
					padding-top: 10px;
					padding-left: 10px;
					font-size: 90%;
					margin-top: 10px;
					font-family: arial;
					float: right;
}
.td3 ul {
					list-style-type: none;
					margin-left: 25px;
					margin-top: 20px;
					margin-bottom: 25px;
}
.td3 li {
					display: block;
					vertical-align: middle;
					float: none;
					padding-top: 0px;
					margin: 0px 10px 5px 0px;
}
.td3 a {
					background-repeat: no-repeat;
					width: 100px;
					height: 20px;
					padding-top: 2px;
					text-decoration: none;
					font-weight: bold;
					font-family: arial;
					font-size: 90%;
					font-style: italic;
					color: #000000;
					background-color: #FFFFFF;
}
.td1 a:hover {
					background-color: #800080;
					font-family: arial;
					font-style: italic;
					font-weight: bold;
					color: #FFFFFF;
}
.td3 a:hover {
					font-family: arial;
					font-weight: bold;
					font-style: italic;
					color: #FFFFFF;
					background-color: #800080;
}

body {
					background-image: url('../birthdays/birthdaybkg.jpg');
					background-attachment: fixed;
					scrollbar-arrow-color: #ffffff;
					scrollbar-base-color: #800080;
					text-align: center;
}
p {
	background-color: transparent;
	font-family: Arial;
	font-size: small;
}
a {
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
td {
					background-color: #f3e7e4;
}
.style2 {
	font-family: Arial;
	font-size: xx-small;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.style3 {
	font-family:"Comic Sans MS";
	font-size:18pt;
	font-weight:bold;
	color:#000000;
	text-align:center
}
.style10 {
	font-family: Arial;
	font-size: small;
	color: #000000;
	background-color: #F3E7E4;
}
.tabs {
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	color: #c00000;
	text-align: center;
	background-image: url('../images/smpurplebutton.jpg');
	background-repeat: no-repeat;
	width: 50px;
	height: 25px;
}
.style1 {
	font-family: "comic Sans MS";
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	text-align: center;
}
.tabs {
					font-family: Arial;
					font-size: 12px;
					font-weight: bold;
					color: #c00000;
					background-image: url('../images/smpurplebutton.jpg');
					background-repeat: no-repeat;
					width: 75px;
					height: 25px;
					text-align: left;
					padding-left: 10px;
}
.table60 {
					width: 60%;
					text-align: left;
}
.table50 {
					text-align: left;
					width: 50%;
}
.table70 {
					text-align: left;
					width: 70%;
}
.td1 {
					background-color: #E1B0EC;
					width: 150px;
					vertical-align: top;
					margin-top: 20px;
}
.td3 {
					background-color: #E1B0EC;
					vertical-align: top;
					margin-top: 20px;
					width: 150px;
}
.td2 {
					background-color: #F3E7E4;
					padding: 10px;
					width: 600px;
}
h3 {
					font-family: arial;
					font-size: 9pt;
					font-style: italic;
					color: #000000;
					text-align: left;
					margin-top: 10px;
					margin-right: 30px;
					float: right;
}

