/* common styling */
/* set up the overall width of the menu div and the margins with a relative position*/
/* body area */
#special {
width:740px;
height:505px;
margin:1em auto; 
position:relative;
font-family: verdana, arial, sans-serif; 
}
/* title area */
#title {
  background:#ffc0cb;
  border:1px solid #910;
  width:620px;
  height:30px;
  padding:0;
  margin-left: auto;
  margin-right: auto;
}
/*  backgrounds*/
#birthbkgrnd, #kidbkgrnd, #corpbkgrnd  {
width:525px;
border:3px solid #910;
padding:0px;
background-color:#888;
position:absolute;
filter:alpha(opacity=25);
  opacity:0.25;
  -moz-opacity:0.25;
}
#birthbkgrnd {
top:159px;
left:150px;
height:70px;
}
#kidbkgrnd {
top:300px;
left:150px;
height:120px;
}
#corpbkgrnd {
top:495px;
left:150px;
height:60px;
}
/*style for IE*/
#lowtitle {
  clear:both;
	color: rgb(111,5,9);
	font-size: 18px;
	text-align:center;
	margin-bottom:30px;	
	margin-top:80px;	
}

/* ============URL list begins================ */
#speclist {
	margin: 30px 0px 0px 55px;
	overflow: hidden;
	text-decoration: none;
	float:left;
	width:600px;
}
#speclist p {
	color:rgb(111,5,9); 
	margin-bottom:25px;
	margin-left:10px;
	font-size:1.3em;
	letter-spacing:.5px;
}
#speclist dl dd {
font-size:1.0em; 
padding:0;
}
#speclist dl dd span {
font-size:1.7em;
font-family:times;
font-weight:bold;
}

#birthtext, #kidtext, #corptext {
color:rgb(111,5,9);
margin-left:105px;
margin-top:-35px;
line-height:1.7em;
}

#birthtext {
margin-bottom:2em;
}
#kidtext   {
margin-bottom:1.7em;
}
#corptext   {
margin-bottom:1.5em;
}


/* ============hover images begin================ */
/* image hover rollover change */
/* from alsacecreations.com*/
#birthlist {
	text-decoration: none;
	width: 352px;
  height: 88px;
  background: url(../images/bday2.gif) top left no-repeat;	/* place second image in the background */
}
#birthlist a {
	text-decoration: none;
	display: block;
	color: #000;
	width: 100%;
  height:100%;
  background: url(../images/bday1.gif) top left no-repeat;	/* place first image in the background */
}
#birthlist a:hover {	/* first image being masked when hovered onto */
background: transparent none;
}
#kidlist {
	text-decoration: none;
	width: 228px;
  height: 88px;
  background: url(../images/kids2.gif) top left no-repeat;	/* place second image in the background */
}
#kidlist a {
	text-decoration: none;
	display: block;
	color: #000;
	width: 100%;
  height:100%;
  background: url(../images/kids1.gif) top left no-repeat;	/* place first image in the background */
}
#kidlist a:hover {	/* first image being masked when hovered onto */
background: transparent none;
color:red;
}
#corplist {
	text-decoration: none;
	width: 232px;
  height: 88px;
  background: url(../images/corp2.gif) top left no-repeat;	/* place second image in the background */
}
#corplist a {
	text-decoration: none;
	display: block;
	color: #000;
	width: 100%;
  height:100%;
  background: url(../images/corp1.gif) top left no-repeat;	/* place first image in the background */
}
#corplist a:hover {	/* first image being masked when hovered onto */
background: transparent none;
}
/* ============hover images end================ */
/* ============URL list ends================ */