@charset "utf-8";
/* CSS Document */


body{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 color:#9A7284;
 background-color:#FFFFFF;
 font-size:12px;
 line-height: 1.5em;
 margin: 0px;
padding: 0px;
}

#header{
position:relative;
width:100%;
background-image:url(../images/layout/headerfill.jpg);
background-repeat:repeat-x;
margin: 0;
padding: 0; 
height:177px;
}

#white{
position:relative;
width:100%;
background-color:#ffffff;
margin: 0;
padding: 0; 
height:30px;
}

#middle{
position:relative;
width:100%;
background-color:#ffffff;
margin: 0;
padding: 0; 
}

#content{
background-color:#ffffff;
margin: 0;
padding: 0; 
margin-left:250px;
text-align:left;
}


#pinkcontent{
background-color:#FF99CC;
margin: 0;
padding: 0; 
width:100%;
height:1000px;}


#faerieshop{/***contains "the faerie shop" logo at base of page****/
	padding-top:420px;
	text-align:center;
	   }

#text{/***updatable -contains Moonbeams message - pink text on white background****/
	position:absolute;
	top:64px;
	left: 390px;
	width:300px;
	height: 380px;
	background-image:url(../images/layout/text_background.jpg);
	background-repeat:no-repeat;
	}
	
#textcontent{/***updatable -contains Moonbeams message - pink text on white background****/
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#CC0099;
	font-weight:400;
	padding:40px;
	font-size:12px;
	}
	
	
#footer{
clear:both;
background-color:#ffccf0;
width:100%;
margin:0px;
padding:10px 0px 10px 0px;
text-align:center;
color:#be1386;
font-size:10px;
height:20px;
}

table.layout{
width:100%;
border-collapse:collapse;
}
td.lefttop{
background-color:#ffffff;
width:230px;
vertical-align:top;
height:280px;/*this will need to be increased if more additions are made to the menu length*/
}
td.leftbottom{
background-image:url(../images/layout/left.jpg);
background-repeat:repeat-y;
width:230px;
vertical-align:top;
}
td.center{
vertical-align:top;
padding-right:20px;
padding-left:20px;
text-align:justify;
}
td.right{
background-image:url(../images/layout/right.jpg);
background-repeat:repeat-y;
vertical-align:top;
width:250px;
}

th{padding-top:20px;}

#rightcontent{
width:200px;
padding-left:30px;
color:#ffffff;
}
/*------------header placements-------------*/
#moonbeam{
padding:0px;
margin:0px;
width:200px;
height:212px;
z-index:1;
position:absolute;
top:-180px;
left:80px;
}

/* mountain nav bar styles and layout*/
/*---------------------------------------*/
#hnavBar{
margin:0px;
padding:0px;
	position:absolute;
	right:20px;
	top:111px;
	height:56px;
	width:336px;
	background-image:url(../images/layout/mountain.gif);
	background-repeat:no-repeat;
	z-index:0;
	}	

#hnavBar ul {
	margin:0px;
	padding: 0px;
	padding-top:25px;
	padding-left:5px;
	}


#hnavBar li {
	margin:0px;
	display: inline;
	list-style: none;
	padding-left:3px;
	font-size:11px;
	}

/* fix for browsers that don't need the hack */
html>body #hnavBar li {
	border-bottom: none;
	}
/* link styles */
#hnavBar a {
	color:#ffffff;
	text-decoration:none;
	}

#hnavBar a:visited{
	color:#ffffff;
	text-decoration:none;
	}

#hnavBar a:hover{
	color:#6600cc;
	text-decoration:none;
	}
	
	#hnavBar_home{
	position:absolute;
	left:580px;
	margin:0px;
	padding:0px;
	height:56px;
	width:336px;
	background-image:url(../images/layout/mountain.gif);
	background-repeat:no-repeat;
	}	

#hnavBar_home ul {
	margin:0px;
	padding: 0px;
	padding-top:25px;
	padding-left:5px;
	}


#hnavBar_home li {
	margin:0px;
	display: inline;
	list-style: none;
	padding-left:3px;
	font-size:11px;
	}

/* fix for browsers that don't need the hack */
html>body #hnavBar_home li {
	border-bottom: none;
	}
/* link styles */
#hnavBar_home a {
	color:#ffffff;
	text-decoration:none;
	}

#hnavBar_home a:visited{
	color:#ffffff;
	text-decoration:none;
	}

#hnavBar_home a:hover{
	color:#6600cc;
	text-decoration:none;
	}
	/* =======navigation styles and layout================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* common styling */
#menu2{
width:250px; 
font-size:11px; 
z-index:100;
}
#menu2 ul {
padding:0;
margin:0;
list-style-type: none;
width:150px;
height:320px;
background-color:#ffffff;
}

/*2nd level ul*/
#menu2 ul li ul {
visibility:hidden;
position:absolute;
height:0;
overflow:hidden;
top:0;
left:150px;

}
#menu2 ul li {
float:left;
border-top:0.5px solid #ffccf0;
}
/*first level mouseover*/
/*link formats*/
#menu2 ul li a, #menu2 ul li a:visited {
display:block;
float:left;
color:#be1386;
width:140px;
line-height:30px;
font-size:12px;
background:transparent;
padding-left:10px;
text-decoration:none;
}

* html #menu2 ul li a, * html #menu2 ul li a:visited {width:140px; w\idth:130px;}

#menu2 table {
border-collapse:collapse;
border:0;
margin:0;
padding:0;
font-size:1em;
position:absolute;
left:0;
top:0;
}

/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */

/* hover state 1st level */
#menu2 ul li:hover a,
#menu2 ul li a:hover{
background-color:#ffccf0;
background-image:url(../images/layout/navstar.jpg);
background-position:right;
background-repeat:no-repeat;
color:#6600CC;
}

#menu2 ul li:hover {position:relative;  z-index:90; }
* html #menu2 ul li a:hover {position:relative; z-index:100; }

#menu2 ul li:hover ul,
#menu2 ul li a:hover ul {
visibility:visible;
position:absolute;
height:auto;
overflow:visible;
}
/*mouseover on sublevel*/
#menu2 ul li:hover ul li a,
#menu2 ul li a:hover ul li a{
display:block;
background:transparent;
line-height:30px;
height:auto;
width:150px;
background-color:#ffccf0;
color:#be1386;
}

#menu2 ul li:hover ul li:hover a,
#menu2 ul li a:hover ul li a:hover {

color:#6600CC;
background-color:#FF99CC;
}


#moonbeam_home{position: absolute; top: 70px; left: 700px; width:254px; height:360px; z-index:0;
}



.fr{
float:right;
padding-left:20px;
}

.fl{
float:left;
padding-right:20px;
}

.flnopad{
float:left;
}

/***********************************************/
/* standard link styles                             */
/***********************************************/ 	
a{
	color:#6600CC;
	text-decoration: none;
}

a:link{
	color: #6600CC;
	text-decoration: none;
}

a:visited{
	color:#6600CC;
	text-decoration: none;
}


h1{
margin:0px; padding:10px 0px 8px 0px; font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; font-size:18px; color:#BE1386; font-weight:bold; text-align:left;}

td.right h1{font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; font-size:16px;color:#FFFFFF; font-weight:bold; text-align:left;}

td.center h1{font-family:Georgia,"Times New Roman",Times,serif; font-style:italic; font-size:18px; color:#BE1386; font-weight:bold; text-align:left;}

td.right h3{
 color:#BB92DC;
 font-weight:bold;
 text-align:center;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
}

h2{
 margin: 0px;
 padding: 20px 0px 10px 0px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
 font-size:16px;
 color: #6600cc;
 font-weight:bold;
 text-align:left;
}

#rightcontent h2{
 margin: 0px;
 padding: 20px 0px 10px 0px;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
 font-size:16px;
 color:#99FFFF;
 font-weight:bold;
 text-align:left;
}


h3{
 font-family: Arial,sans-serif;
 font-size: 14px;
 color: #BE1386; /**Bens dark maroon*/
 margin: 0px;
 padding: 5px 0px 5px 0px;
 font-weight: normal;
 text-align:left;
}


h4{
 font-family: Arial,sans-serif;
 font-size: 14px;
 font-weight: normal;
 color: #6600cc;
 margin: 0px;
 padding: 5px 0px 5px 0px;
 text-align:left;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 12px;
 color: #996633;
 margin: 0px;
 padding: 5px 0px 5px 0px;
 text-align:left;
 
}
p{
margin: 0px;
 padding: 0px;
 padding-bottom:10px;
 text-align:justify;
 }
 


td.right a{
 
	color:#91E8E6;
	text-decoration: underline;
 
}
td.right a:link{
 
	color:#91E8E6;
	text-decoration: underline;
 
}


td.right a:visited{
	color:#91E8E6;
	text-decoration: underline;
}

td.right a:hover{
	color:#B37AF1;
	text-decoration: underline;
}
#pinkcol{
padding:0px;
margin:0px;
width: 200px;
background-color:#f497c4;
background-image:url(images/layout/navbase_left.jpg);
background-repeat:repeat-y;
background-position:right;
}


table.pink {
	border: 1px solid #996633;
	border-collapse: collapse;
	width: 600px;
	margin-left:auto; margin-right:auto;
}

table.pink th {
	border-collapse: collapse;
	background-color:#FF99FF;
	color:#be1386;
	padding:5px 10px 5px 10px;
	border: 1px solid #996633;
}

table.pink td {
	border-collapse: collapse;
	background-color:#FFFFFF;
	color:#A07A8B;
	padding:5px 10px 5px 10px;
	border: 1px solid #996633;
}

#pagetitle{
float:right;
color:#996633;
padding-right:20px;
}	

.limage{
clear:both;
float:left;
width:300px;
border:0px solid #996633;
padding:10px;
margin:0px 20px 10px 0px;
}

.limage p{
padding-top:10px;
padding-bottom:5px;
color:#996633;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
}

.frm{
float:right;
margin-right:20px;
margin-top:20px;
}

p.white{
color:#ffffff;}

p.whitecent{
color:#ffffff;
text-align:center;}