hr			{
			 height: 0px;
			 border: solid #D1D7DC 0px;
			 border-top-width: 1px;
			}



body 			{background-color: #DEE3E7;}


table			{padding:0;
				 margin: 0;
				 border-width: 0;
				 border: 0;
               	 text-align: left; 
              	 vertical-align: top;
				 border-style: none;
				 border-collapse: collapse;
				}





th, td.heading	{
			 	color: #FFFFFF; font-size: 11px; font-weight : bold;
			 	background-color: #aaaacc; height: 25px;
				}


font,th,td,p,tbody,img	{
			 	font-family: Verdana, Arial, Helvetica, sans-serif 
				}

a:link,a:active,a:visited { color : #006699; }
a:hover			{ text-decoration: underline; color : #DD6900; }


tr, p, td, img		{
			 padding: 0;
			 margin: 0;
			 border-width: 0;
			 border-style: none;
			 vertical-align: top; 
			 font-size : 11; 
			 color : #000000;              
 			}


table form 		{
			 background-color: #cccccc	
			}



th.menu, th.submenu 	{font-size: 13px; 
                    	 text-align: left; 
                    	 vertical-align: top;
 	                 height: 18PT;
                    	 background-color: #aaaacc
                   	}

td.rank, th.rank 	{
			 width: 60PT;
                text-align: center
			}
	
td.text, th.text 	{
 			 width: 600PT;
            text-align: left
			} 


p.hint, td.hint 	{
			 font-size: xx-small
			}




table.menu 		{
			 padding: 0; 
			 background-color:#FFFFFF;
			}



tfoot.form 		{
			 background-color: #ccccee
			}




h1			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 24px; font-weight : bold; text-decoration : none; line-height : 120%; color : #000000;}

h2			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 18px; font-weight : bold; text-decoration : none; line-height : 120%; color : #000000;}


td.row1,tr.light	{ background-color: #D1D7DC; }
td.row2,tr.dark		{ background-color: #EFEFEF; }
td.row3,tr.vdark	{ background-color: #DEE3E7; }
td.row4			{ background-color: #E5E5E5; }
td.function		{ background-color: #E5E5E5; }


div.logo    { position: inline; height: 100px; min-width: 600px; width: 100%; background-color: #D1D7DC;}
div.menubar { position: inline; 
              height: 24px;                  
              width: 100%; 
			  border-top-width: 0px;
			  border-bottom-width: 0px;
			  border-left-width: 0px;
			  border-right-width: 0px;
			  border-color: #ccccee;
              border-style: solid;
}
div.content { position: inline;                    width: 100%; }

div.left   { position: absolute; top:142 px;   left:  8px;                       width: 150px;  margin: 0 0 4px 0; background-color: #DEE3E7;}
div.middle { position: absolute; top:142 px;   left:  170px; min-width: 500px; width: 60%;    margin: 0 0 0 0; background-color: #DEE3E7;}
div.right  { position: absolute; top:142 px;   right: 8px;                     width: 150px;  margin: 0 0 0 0; background-color: #DEE3E7;}


table.cartoon {
		border: 3px solid;
		border-color: pink;
}

table.cartoon td {
		background-color: blue;
		width: 300px;
		height: 225px;
		background-image: url('/images/background/P1090544.JPG')
        font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
        font-size : 14px; text-decoration : none; line-height : 100%; color : black; 
}


img.frontcharacter {
		width: 300px;
		z-index: 2;
        position: absolute;
		top: 0;
		left:0;
}

img.backcharacter {
			width: 300px;
			z-index: 1;
            position: absolute;
			top: 0;
			left:0;
}

img.frontbubble {
			width: 300px;
			z-index: 4;
            position: absolute;
			top: 0;
			left:0;
}

img.backbubble {
			width: 300px;
			z-index: 3;
            position: absolute;
			top: 0;
			left:0;
}

img.background {
			width: 300px;
			height: 225px;
			z-index: 1;
            position: absolute;
			top: 0;
			left:0;
}




th.cartoon{     width: 328px;
				margin-left: 20px;
				margin-right: 20px;
				text-align: right;
				margin-top: 0px;
                padding-top: 0px;
                margin-bottom: 10px;
                vertical-align: top;
}

div.background {
      		z-index: 5;
      		top: 0; 
      		left: 0; 
			position: relative; 
      		visibility: show;
      		text-align: left;
      		margin: auto;
      		margin-bottom: 0px;
}


div.characters {
      z-index: 10;
      top: 0; 
      left: 0; 
      position: relative; 
      visibility: show;
      text-align: left;
      margin: auto;
      margin-bottom: 0px;
}

div.bubbles {
      z-index: 20;
      top: 0; 
      left: 0; 
      position: relative; 
      visibility: show;
      text-align: left;
      margin: auto;
      margin-bottom: 0px;
}

div.dialogue {
      font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
      z-index: 30;
      top: 0; 
      left: 0; 
      position: relative; 
      visibility: show;
      text-align: left;
      margin: auto;
      margin-bottom: 0px;
}

div.test {
		position: absolute;
}


p.leftbubble {
      	top: 20;  left: 10; 
      	position: absolute; 
		text-align: center;
      	z-index: 99; 
      	visibility: show;
		padding-top: 20px;
		padding: 6px;
		width:100px;
		margin-left: 8px;
		margin-right: 5px;
		margin-bottom: 0px;
}

p.rightbubble {
      	top: 20;  left: 160; 
      	position: absolute; 
		text-align: center;
      	z-index: 99; 
      	visibility: show;
		padding: 6px;
		width:100px;
		margin-left: 8px;
		margin-right: 5px;
		margin-bottom: 0px;
}




/*
BODY { background: #CCC; }
DIV { background: #FFF; }
*/





\