*{margin:0; padding:0}
html{
height:100%;
margin:0px;
padding:0px;
}

 body {
	background-color: #000;
	text-align: center;
	margin:0px;
	padding:0px;
	height:100%;

}


#container {
position: relative;
background: #9cf;
margin:0 auto;
padding: 0px;
width: 650px;
min-height:100%;
height:auto;
border:1px solid;
}

/* hide from Mac IE5 \*/
        * html #container {
        height: 1%;
        }
       /* END hide from Mac IE5 */



#pageheader {
background: url(banner.JPG) top no-repeat;
height: 150px;
margin: 0;
}
#image{
float:left;
padding-right:15px;

}
.menu{
border-top:1px solid #CCFFFF;
}

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
margin-right:1px;
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:33px;
}
/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:1em;
font-style:Verdana, Arial, Helvetica, sans-serif;
width:125px;
background:#7BB0E1;
color:#000;
padding:7px 0;
text-decoration:none;
text-align:center;
}
.menu li li a, .menu li li :visited{

background:url(menuback.gif) no-repeat;
display:block;
font-size:1em;
font-style:Verdana, Arial, Helvetica, sans-serif;
width:125px;
color:#000;
padding:7px 0;
text-decoration:none;
text-align:center;
}


/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:120px;

}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

/* style the links hover */
.menu :hover{
color:#846BB3;
background:#000;
}
/*end menu*/

.menu li li :hover{
color:#846BB3;
background:#000;
}
#clear{
clear:both;
}

#content{
margin: 0 auto;
width:600px;
margin-top:50px;
margin-bottom:20px;
border:1px solid #CCFFFF;
overflow:auto;
}

/*Family*/
#contentfamily{
background:url(familyback.jpg) no-repeat;
margin: 0 auto;
margin-top:50px;
margin-bottom:20px;
width:600px;
height:800px;
overflow:auto;
}
#familytext{
position:relative;
top:200px;
margin-left:26px;

}

#familytext h1 {
	position: absolute;
	right: 50px;
	top:45px;
	width:187px;
	height:205px;
	background:url(levitation.jpg) no-repeat;
	
}

#familytext h2 {
	position: absolute;
	width:450px;
	height:150px;
	right:60px;
	top:380px;
	background:url(showing.gif) no-repeat;
}


/*Tudor section*/


#tudormenu{
width:600px;
background-image: url(tudortitle.gif);
background-repeat: no-repeat;
background-position:top center;
height:200px;
margin: 0 auto;
margin-top:50px;

}
#contenttudor{
background:url(scroll.jpg) no-repeat;
width:600px;
height:800px;
margin: 0 auto;
margin-top:20px;
margin-bottom:20px;
}
#tudortext{
position:relative;
width:520px;
padding:0;
display:inline;
float:left;
margin-left:65px;
margin-top:60px;
}
p.tudor{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.8em;
letter-spacing: 0.15pt;
text-align:left;
font-weight:bold;
padding:0;
margin:0;
padding-bottom:3px;
}

h1.tudorimg{
float:left;
border:dashed 1px black;
background:url(tudor1.jpg) no-repeat;
width: 115px;
height: 224px;
margin-right:5px;
text-indent: -9000px;
}


h2.tudorimg{
float:left;
border:dashed 1px black;
background:url(tudor2.jpg) no-repeat;
width: 170px;
height: 236px;
margin-right:5px;
text-indent: -9000px;
}

/* End of Tudor Section*/
/*Merlin section*/

#contentmerlin{
margin: 0 auto;
border:1px solid #CCFFFF;
width:600px;
margin-top:50px;
margin-bottom:20px;
background-color: #19120C;
}

#contentmerlin h1{
background:url(merlin.jpg) no-repeat;
width: 258px;
height: 358px;
float:left;
margin-right:5px;
text-indent:-9000px;
}
#contentmerlin h2{
background:url(merlintext.gif) no-repeat;
width:176px;
height: 132px;
position:relative;
margin: 0 auto;
margin-left:350px;
margin-top:40px;
text-indent:-9000px;

}

p.merlin{
color:white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.8em;
letter-spacing: 0.1pt;
text-align:left;
padding-left:10px;
padding-right:10px;
margin-left:40px;
margin-top:10px;
margin-bottom:10px;

}
p.minititle{
color:white;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
letter-spacing: 0.1pt;
padding-left:30px;
padding-right:30px;
text-align:center;
font-weight:bold;
}

/*merlin end*/

/*victorian*/

#contentvictorian{
margin: 0 auto;
width:610px;
margin-top:50px;
margin-bottom:20px;
overflow:auto;
background:url(newspaper.jpg) repeat;
}
#contentvictorian h1{
background:url(victorian.jpg) no-repeat;
height:200px;
width:500px;
text-indent:-9000px;
margin: 0 auto;
}

#vicleft{
float:left;
border:1px solid black;
width:60%;
}

#vicright{
border:1px solid black;
float:right;
width:39%;
padding-top:20px;
}
#vicbottomleft{
float:left;
border-bottom:1px solid black;
border-right:1px solid black;
border-left:1px solid black;
width:60%;

}

p.victorian{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.8em;
letter-spacing: 0.2pt;
text-align:left;
padding:10px;
line-height:14pt;
margin-left:10px;

}
/*victorian end*/
/*Georgian*/

#contentgeorgian{
background:url(georgianback.jpg) no-repeat;
height:1100px;
margin: 0 auto;
width:600px;
margin-top:50px;
margin-bottom:20px;
}

#gtextarea{
position:relative;
top:345px;
margin-right:26px;

}

#gtextarea h1{
position:relative;
float:left;
display:inline;
margin-left:40px;
text-indent:-9000px;
height:178px;
width:167px;
background:url(regency.jpg) no-repeat;
}
#gtextarea h2{
position:relative;
display:inline;
float:right;
margin-right:25px;
height:224px;
width:218px;
background:url(georgianhover.jpg) no-repeat;
text-indent:-9000px;
}

p.mainpage{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.8em;
letter-spacing: 0.1pt;
text-align:left;
padding-left:10px;
padding-right:10px;
margin-left:40px;
padding-bottom:20px;
}
/*end georgian*/
/*kids*/

#kids{
margin: 0 auto;
width:600px;
margin-top:50px;
margin-bottom:20px;
border:1px solid #CCFFFF;
overflow:auto;
}


#kidsbottom{
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
padding-top:20px;
clear:left;
}
#kidsbottom p{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
letter-spacing: 0.1pt;
text-align:center;
font-weight:bold;

}
/*end kids*/


h1.title{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1em;
line-height:1.4em;
letter-spacing: 0.8pt;
text-align:center;
padding-top:20px;
margin-bottom:10px;
text-decoration: underline;
}

#footer{
position: relative;
background: #9cf;
margin: 20px auto;
border:1px dashed #CCFFFF;
padding: 5px;
width: 650px;
}

a.periodlink {
color:blue;
}

a.periodlink:hover
{
border-top:1px solid #846BB3;
color:#846BB3;
}


/* Email Form */

div#form{
	position:relative;
	voice-family: "\"}\"";
	voice-family: inherit;
   	margin:50px;
  }
  
.submit{
width: 100px;
border: 1px solid #000;
background-color: #CC6666;
color: #000;
font-weight:bold;
font-family: verdana, arial, helvetica, sans-serif;
}

input:focus, input.sffocus { background:#C0C0C0; } 

label{
float: left;
text-align: left;
width: 65px;
font-weight: bold;
display: block;
margin-right: 2px;
font-family: verdana, arial, helvetica, sans-serif;
}

input{
margin-top:3px;
width: 200px;
margin-bottom: 5px;
color: #781351;

}

textarea{
width:250px;
margin-bottom: 5px;
border:1px solid #846BB3;

}

fieldset
{
border: 1px solid #846BB3;
padding:5px;

}

legend
{
margin:5px;
color: #000;
border: 1px solid #846BB3;
padding: 2px 6px
font-family: verdana, arial, helvetica, sans-serif;
}