﻿/*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;
					width: 100%;
}
#top_nav ul {
					padding: 0px;
					margin: 0px;
					list-style-type: none;
					text-align: center;
					width: 100%;
}
#top_nav li {
					float: right;
					padding-right: 3px;
					padding-left: 3px;
					width: 25%;
}
#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: 80%;
					margin-right: auto;
					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: 50px;
					width: 50%;
					margin-right: auto;
					margin-left: auto;
}

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;
}
.header {
	font-family: "comic Sans MS";
	font-size: 18pt;
	font-weight: bold;
	color: #000000;
	text-align: center;
	background-image: url('../images/purpleheader.gif');
	background-repeat: no-repeat;
	width: 235px;
	height: 85px;
}
.backbutton {
					font-family: arial;
					font-size: 12pt;
					font-weight: bold;
					color: #000000;
					text-align: center;
					background-image: url('../birthdays/purpleglass.jpg');
					border-style: solid;
					border-width: 3px;
					border-color: #be99a9;
					width: 65px;
					height: 25px;
}
.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;
}
.td1 {
					font-family: arial;
					font-size: 12pt;
					font-weight: bold;
					color: #000000;
					text-align: center;
					background-image: url('../birthdays/purpleglass.jpg');
					border: medium solid #AC8FAC;
					width: 175px;
					height: 25px;
}
.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%;
}
#container {
					position: relative;
					width: 100%;
					height: 325px;
					margin-top: 20px;
}
#left_col {
					border: 1px solid #AC8FAC;
					width: 100px;
					position: absolute;
					left: 0px;
					top: 0px;
					background-color: #E1B0EC;
					padding-top: 10px;
					padding-left: 10px;
					font-size: 90%;
					margin-top: 10px;
					margin-left: 100px;
					font-family: arial;
					height: 300px;
}
#left_col ul {
					list-style-type: none;
					margin-left: 5px;
					margin-top: 75px;
}
#left_col li {
					display: block;
					vertical-align: middle;
					float: none;
					padding-top: 0px;
					margin: 0px 10px 5px 0px;
}
#left_col 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: 100px;
					position: relative;
					left: 0px;
					top: 0px;
					background-color: #E1B0EC;
					padding-top: 10px;
					padding-left: 10px;
					font-size: 90%;
					margin-top: 10px;
					margin-right: 100px;
					font-family: arial;
					height: 300px;
					float: right;
}
#right_col ul {
					list-style-type: none;
					margin-left: 5px;
					margin-top: 75px;
}
#right_col li {
					display: block;
					vertical-align: middle;
					float: none;
					padding-top: 0px;
					margin: 0px 10px 5px 0px;
}
#right_col 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;
}
#left_col a:hover {
					background-color: #800080;
					font-family: arial;
					font-style: italic;
					font-weight: bold;
					color: #FFFFFF;
}
#right_col a:hover {
					font-family: arial;
					font-weight: bold;
					font-style: italic;
					color: #FFFFFF;
					background-color: #800080;
}
