body	{
	margin-top:0; 
	margin-right:0; 
	margin-left:0;
}

.date	{
	text-align:right;
	font-family:verdana,sans-serif; 
	font-size:7pt; 
	font-weight:bold;
	color:#666666;
}

/* Page - Left Column */

.storyintro	{
	font-family:verdana,sans-serif; 
	font-size:7pt; 
	color:#666666;	
}

.introheading {
	font-weight:bold;
	text-align:left;
}

.list {
	font-family:verdana,sans-serif; 
	font-size:7pt; 
	color:#666666;
}

.list a {
	text-decoration: none;
	color:#666666;
}

.list a:hover {
	color:#666666;
	text-decoration:underline;
}

.linkletter {
	text-decoration:underline;
}

.introdropcap {
	font-family:times new roman,serif; 
	font-size:22pt; 
	color:#666666;
}	

/* Page - Content excluding menus */

.pagecontent {
	display:block;
}

.pagedropcap {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
}

.inlinehead {
	font-style:italic;
	font-weight:bold;	
}

.arrowtag {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10pt; 
	color:#666666;
	text-align:center;
}

/* Index page elements*/

.welcome {
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	color:#000000;
	text-align:left;
	padding-top:0px;
	margin-top:0px;
}

.welcome h1 {
	font-family:Times New Roman, Times, serif;
	font-size:28px;
	font-weight:normal;
	color:#666666;
	text-align:center;
}

.feature {
	font-family:Times New Roman; 
	font-size:22pt;
	font-style:none;
	color:#666666;
	text-align:center;
	}

.feature a	{
	text-decoration:none;	
	color:#666666;
}

.feature a:hover {
	color:#999999;
}

.index {
	font-family:verdana,sans-serif; 
	font-size:7pt; 
	color:#666666;
	text-align:left;
}

.index ul {
	list-style:none;
	margin-right:0px;
	margin-left:0px;
	padding-left:0px;
}

.index a {
	text-decoration:none;	
	color:#666666;
}

.index a:hover {
	color:#999999;
}

.comingsoon {
	font-family:verdana,sans-serif; 
	font-size:13pt; 
	color:#666666;
	text-align:center;
}

.meanwhile	{
	font-family: Verdana;
	font-size: 11px;
	color:#666666;	
}

.meanwhile a {
	text-decoration:none;	
	color:#666666;
	font-weight:bold;
}

.meanwhile a:hover {
	color:#999999;	
}

/* Poetry page elements */

.poembox {
	display: block;
	font-family:times new roman,serif; 
	font-size:12pt; 
	color:#000000;
	vertical-align:top;
}

.poemdropcapvp {
	font-size:22pt; 
	font-style:italic;
	color:#FF3300;
}

.poemdropcapet {
	font-size:28pt; 
	font-style:italic;
	color:#666666;
}

.ethead {
	font-family:times new roman,serif; 
	font-size:32pt; 
	color:#cccccc;
	padding:0px;
	margin:0px;
}

/* Unclassified elements */

.darkdoorHead	{
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
}
.darkdoorDropcap {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:24px;
}
.darkdoorBody {
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
}

.synopsish      {font-family:verdana,sans-serif; font-size:7.5pt; color:#000000; font-weight:bold;}
.synopsisb      {font-family:verdana,sans-serif; font-size:7pt; color:#000000;}
.synopsisb2     {font-family:times new roman,serif; font-size:11pt; color:#000000;}
.synopsisb3     {font-family:verdana,sans-serif; font-size:7.5pt; color:#ffffff;}
.synopsisb4     {font-family:times new roman,serif; font-size:10.5pt; color:#000000;}
.synopsisb5     {font-family:times new roman,serif; font-size:11pt; color:#000000; font-style:italic;}
.synopsisb6     {font-family:times new roman,serif; font-size:9.5pt; color:#000000;}
.event          {font-family:verdana,sans-serif; font-size:7pt; color:#000000;}
.eventh         {font-family:verdana,sans-serif; font-size:8pt; color:#006633; font-weight:bold;}        
.poem           {font-family:verdana,sans-serif; font-size:7pt; color:#000000;}
.poemtitles     {font-family:verdana,sans-serif; font-size:7pt; color:#666666;}
.poemtitle      {font-family:verdana,sans-serif; font-size:8pt; color:#ffffff;}



.storytext	{font-family:verdana,sans-serif; font-size:7.5pt; color:#000000;}
.storytext2     {font-family:times new roman,serif; font-size:11pt; color:#000000;}
.storytext3	{font-family:verdana,sans-serif; font-size:8pt; color:#000000;}
.storytext4	{font-family:times new roman,serif; font-size:12pt; color:#000000;}
.big		{font-family:times new roman,serif; font-size:40pt; color:#666666;}
.poemcontent    {font-family:Courier New; font-size:8.5pt; color:#000000;}
.poemcontent2   {font-family:Times New Roman; font-size:9pt; color:#000000;}
.poemheader	{font-family:Times New Roman; font-size:11pt; color:#000000;font-weight:bold;}
.poembody       {font-family:times new roman; serif; font-size:11pt; color:#000000;}
.poempoptitle   {font-family:times new roman; serif; font-size:14pt; color:#000000; font-weight:bold;}
.puzzle		{font-family:times new roman; serif; font-size:30pt; color:#000000;}
.cocktailb	{font-family:arial,sans-serif; font-size:9pt; color:#000000;}
.cocktailh	{font-family:arial narrow,sans-serif; font-size:10pt; color:#000000;}
.greytext	{font-family:Times New Roman; font-size:11pt; color:#666666;}

.copyright	{
	font-family:verdana,sans-serif; 
	font-size:7.5pt; 
	color:#000000;
	text-align:center;
	}



	
.intro 	{
	font-family: Verdana;
	font-size: 12px
	text-align: center;
}



.synopsis	{
	border: 1px hidden;
	padding: 10px;
}

.synopsistext {
	background: #ccccff;
	font-family: Verdana;
	font-size: 12px;
}



.rosedate	{
	font-family: courier, sans-serif;
	font-size: 14px;
}

.rose01 {
	font-size: 13px;
	font-family: Times New Roman, serif;
	text-align: center;
	color: #666699;
	padding-top: 55px;
	width: 220px;
	height: 238px;
	border: 0px dotted;
}

.drag a:hover .rose01 {
	background: url(images/ani_face_03.gif) no-repeat bottom right;
	text-decoration: none;
	width: 220px;
	height: 238px;
	border: 0px solid;
}

.drag a, a .rose01 {
	text-decoration: none;
	width: 220px;
	height: 238px;

}


.leaf01 {
	font-size: 11px;
	font-family: Times New Roman, serif;
	text-align: center;
	color: #333333;
	padding-top: 80px;
	width: 216px;
	height: 400px;
	border: 0px solid;
}

.pansy01 {
	padding-top: 90px;
	width: 350px;
	height: 400px;
}

.pansy01 p {
	font-size: 12px;
	font-family: Times New Roman, serif;
	text-align: center;
	color: #666666;
	border: 0px solid;
}

.secret {
	position: absolute;
	top:500px;
	left: 500px;
}

.leaf02 {
	font-size: 14px;
	font-family: Times New Roman, serif;
	text-align: center;
	color: #FFCCCC;
	margin-top: 130px;
	width: 216px;
	border: 0px solid;
}

.leaf03 {
	background: url(images/leaf_autumn_sol.gif);
	font-size: 14px;
	font-family: Times New Roman, serif;
	text-align: center;
	color: #5F68AC;
	margin-top: 130px;
	width:291px;
	height:600px;
}

a .leaf03 {
	margin-top: 50px;
	margin-bottom: 50px;
	width:291px;
	height:600px;
}

a:hover .leaf03 {
	background: url(images/leaf_autumn_green.gif);
	width:291px;
	height:600px;
}

.leafspan {
	margin-top: -500px;
	width: 180px;
	height: 340px;
	font-size:15px;
	color: #000000;
	text-decoration: none;
}

.cosmos01 {
	font-size: 13px;
	font-family: Times New Roman, serif;
	text-align: center;
	color: #000000;
	width: 260px;
	height: 300px;
	margin-top:60px;
	border: 0px solid;
}

#tablist{
padding: 3px 0;
margin-left: 0;
margin-right: 100px;
margin-bottom: 0;
margin-top: 0.1em;
font: 12px Verdana;
text-align: center;
border: 0px dotted;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
text-decoration: none;
}

#tablist li a:link, #tablist li a:visited{
color: #666666;
}

#tablist li a.current{
background: lightyellow;
}

#tabcontentcontainer{
	width: 650px;
	height: 700px;
	padding: 5px;
	border: 1px solid #666666;
	text-align: center;
}

.tabcontent{
	display:none;
}

/* For the Rose Book menu of entries */

#rosemenu {
	position:relative;
	float:right;
	width:auto;
	height:auto;
	padding:0px;
	border:1px hidden #CCCCCC;
}

#rosemenu ul {
	position:relative;
	vertical-align:top;
	list-style:none;
	width:120px;
	height:auto;
	padding:0px;
	margin:0px;
	border:1px hidden;
}

#rosemenu li, #rosemenu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	text-align:right;
	text-decoration:none;
	padding:3px;
}

#rosemenu li a:hover {
	color:#666666;
}

/* Rose book menu version 2, hopefully will apply across more than one section */


.rosemenu2 {
	position:relative;
	float:right;
	width:auto;
	height:auto;
	padding:0px;
	border:1px hidden #CCCCCC;
}

.rosemenu2 ul {
	position:relative;
	vertical-align:top;
	list-style:none;
	width:120px;
	height:auto;
	padding:0px;
	margin:0px;
	border:1px hidden;
}

.rosemenu2 li, .rosemenu2 li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	text-align:right;
	text-decoration:none;
	padding:3px;
}

.rosemenu2 li a:hover {
	color:#666666;
}

/* for cigarette / hand-rolled deception story */

#container {
	height: 500px; margin-top: 5px; min-width: 960px; width: 960px; 
}

#bar {
	color:#FFFFFF; background:#305769; height: 20px; margin-bottom: 10px; text-align: right; width: 960px;
}

.bar {
	color:#FFFFFF; background:#305769; height: 20px; margin-bottom: 10px; text-align: right; width: 960px;
}

#bar span, .bar span {
	color:#ef0a2b; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-right: 280px;
}

.parts {
	color:#305769; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align: center;
}

.parts a {
	color:#305769; text-decoration: none;
}

.parts a:hover {
	color:#000000;
}

#story {
	background:#ffffff; float:left; height: 500px; width:230px;
}

#head {
	color: #305769; font-family: "Times New Roman", Times, serif; font-size: 20px; 
}

#text {
	height: 490px; width: 220px;
}

.text {
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; 
}

.text span { 
	color:#80a5a4; font-family: "Times New Roman", Times, serif; font-size:26px;        /* drop cap */
}

#lines {
	height: 400px; margin-top: 10px; width: 210px;
}

#menuframe {
	background:#305769; height: 500px; margin: 0px; padding:0px; width:auto;
}

#menuf {
	background:#305769; height: 470px; margin: 0px; padding:0px; width:124px;
}

.menuframe {
	background:#305769; height: 500px; margin: 0px; padding:0px; width:auto;
}

.menuf {
	background:#305769; height: 470px; margin: 0px; padding:0px; width:124px;
}

#intro {
	background:url(images/sto_cig01.jpg); float:left; height: 500px; width: 600px;
}

.intro {
	background:url(images/sto_cig01.jpg); float:left; height: 500px; width: 600px;
}

.part2pic  {
	background:url(images/sto_cig2.jpg);
}

.part3pic  {
	background:url(images/sto_cig3.jpg);
}

.part4pic  {
	background:url(images/sto_cig4.jpg);
}

#menu {
	color:#ffffff; float: left; font-family:"Times New Roman", Times, serif; font-size:12px; 
	height: 450px; position: relative; width: 110px;
}

.all {
	width: 100%;
}

#menu h4 {
	font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:normal;
}

#menu ul {
	width: 100%;
	margin:0px;
	padding:10px 0px 0px 0px;
	list-style-type:none;
}
#menu a {
	color:#ffffff; text-decoration:none;
}

#sc1, #sc2, #sc3, #sc4 {
	padding-left: 3px;
}

#sc1 ul li a:hover, #sc2 ul li a:hover, #sc3 ul li a:hover, #sc4 ul li a:hover {
	text-decoration:underline;
}

#sc1 ul li span, #sc2 ul li span, #sc3 ul li span, #sc4 ul li span {
	font-weight:bold;
}

.part2 {		/* bar id and class differences for part 2 */
	background:#823f3f;
}

.part2 span {	/* span differences for part 2 */
	color:#660033;
}

.part3 {
	background: #a13613;
}

.part4 {
	background:#6f5252;
}