body {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
        background: repeat 50% 50% url(/images/sidebar_ptp.jpg) #000; 
	text-align:center; 
	margin-left: auto;
        margin-right: auto;
        margin-top:0;
        cursor: default;}

        a:link {color: #ff9900; text-decoration: underline;}
        a:visited {color: #ff9900; text-decoration: underline;}
        a:hover {color: #ff0000; text-decoration: underline;}
        a:active {color: #ff0000; text-decoration: underline;} 


#container { 
        
        left:50%;
        right:50%;
	width:768px; 
	margin-left: auto;
        margin-right: auto;
        margin-top:0; 
	text-align:center; 
	} 


#map  {
       background:url(/images/banner_ptp.jpg);
       background-repeat:no-repeat;
       height:185px;
       width:768px;
       position:relative;
       margin-top:0;
       display:block;
       }
       #map a#title:hover {
       background-position: 0 0; 
       z-index: 10;
       } 

       #map dd {
       position: absolute; 
       padding: 0; 
       margin: 0;
       } 

       #map #link1 {
       left: 402px; 
       top: 152px; 
       z-index: 20;
       } 
       #map #link2 {
       left: 581px; 
       top: 142px; 
       z-index: 20;
       } 

       #map a#sect {
       display: block; 
       width: 162px; 
       height: 22px; 
       text-decoration: none; 
       z-index: 20;
       } 
       #map a#home {
       display: block; 
       width: 103px; 
       height: 28px; 
       text-decoration: none; 
       z-index: 20;
       } 


#nav    {
	float:left;
	width:188px; 
        margin-left: auto;
        margin-right: auto;   
	border:none;
        text-align:left;
        line-height:16px;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
        color: #FF0;  
        } 
 

#content { 
        float:right;
	width:560px;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
        line-height:18px;
        color: #FF0;   
	} 


#list   { 
        float:right;
	width:560px;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
        line-height:18px;
        color: #FF0; 
        text-align:left;
        }


#break  {
        background:url(/images/lights.jpg);
        background-repeat:no-repeat;
        background-position:center; 
        float:right;
	width:550px;
        height:50px;
        }
 

#footer { 
        float:right;
	clear:content; 
	width:550px; 
	height:70px; 
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; 
        color: #FF0;
	} 

.navheader {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;}

.header1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#ffcc00;}

.header2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#fff; line-height:26px;}

.submitter {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; color:#ff0000;}

.extrainfo {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; color:#ffffff;}

#index-main { 
        background:url(/ptp/bg_main.jpg);
        background-repeat:no-repeat;
        float:right;
	width:560px;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
        line-height:18px;
        color: #FF0; 
        text-align:left;
        }
		
#indexblock {float:right; clear:right; width:280px; height:393px; } 
		
#index-stage { 
        background:url(/ptp/stages/bg_index.jpg);
        background-repeat:no-repeat;
        float:right;
	width:560px;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
        line-height:18px;
        color: #FF0; 
        text-align:left;
        }

#sr1, #sr2, #sr3, #sr4 {float:right; clear:right;} 
#sl1, #sl2, #sl3, #sl4 {float:left; clear:left;}  

#sl1 { width:300px; height:25px; }
#sl2 { width:300px; height:180px; }
#sl3 { width:300px; height:35px; }
#sl4 { width:300px; height:100px; }

#sr1 { width:260px; height:30px; }
#sr2 { width:1px; height:180px; }
#sr3 { width:260px; height:35px; }
#sr4 { width:1px; height:95px; }

#indexharmony  { 
        background:url(/ptp/characters/bg_harmony.jpg);
        background-repeat:no-repeat;
        float:right;
	width:560px;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
        line-height:18px;
        color: #FF0; 
        text-align:left;
        }

#harr1, #harr2, #harr3, #harr4  {float:right; clear:right;} 
#harl1, #harl2, #harl3, #harl4  {float:left; clear:left;}  
 
#harr1 { width:260px; height:191px; }
#harr2 { width:232px; height:33px; }
#harr3 { width:279px; height:183px; }
#harr4 { width:1px; height:100px; }

#harl1 { width:1px; height:191px; }
#harl2 { width:1px; height:33px; }
#harl3 { width:1px; height:183px; }
#harl4 { width:1px; height:100px; }

#indexsally  { 
        background:url(/ptp/characters/bg_sally.jpg);
        background-repeat:no-repeat;
        float:right;
	width:560px;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
        line-height:18px;
        color: #FF0; 
        text-align:left;
        }

#salr1, #salr2, #salr3, #salr4  {float:right; clear:right;} 
#sall1, #sall2, #sall3, #sall4  {float:left; clear:left;}  
 
#salr1 { width:240px; height:220px; }
#salr2 { width:277px; height:110px; }
#salr3 { width:220px; height:32px; }
#salr4 { width:1px; height:15px; }

#sall1 { width:1px; height:220px; }
#sall2 { width:1px; height:110px; }
#sall3 { width:1px; height:32px; }
#sall4 { width:1px; height:15px; }

#indexartie  { 
        background:url(/ptp/characters/bg_artie.jpg);
        background-repeat:no-repeat;
        float:right;
	width:560px;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
        line-height:18px;
        color: #FF0; 
        text-align:left;
        }

#artr1, #artr2, #artr3, #artr4, #artr5, #artr6  {float:right; clear:right;} 
#artl1, #artl2, #artl3, #artl4, #artl5, #artr6  {float:left; clear:left;}  
 
#artr1 { width:336px; height:82px; }
#artr2 { width:294px; height:60px; }
#artr3 { width:247px; height:74px; }
#artr4 { width:289px; height:64px; }
#artr5 { width:321px; height:24px; }
#artr6 { width:355px; height:110px; }

#artl1 { width:1px; height:82px; }
#artl2 { width:1px; height:60px; }
#artl3 { width:1px; height:74px; }
#artl4 { width:1px; height:64px; }
#artl5 { width:1px; height:24px; }
#artl6 { width:1px; height:110px; }

#indexshavers  { 
        background:url(/ptp/characters/bg_shavers.jpg);
        background-repeat:no-repeat;
        float:right;
	width:560px;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
        line-height:18px;
        color: #FF0; 
        text-align:left;
        }

#shvr1, #shvr2, #shvr3  {float:right; clear:right;} 
#shvl1, #shvl2, #shvl3  {float:left; clear:left;}  
 
#shvr1 { width:275px; height:71px; }
#shvr2 { width:300px; height:184px; }
#shvr3 { width:1px; height:100px; }

#shvl1 { width:1px; height:71px; }
#shvl2 { width:1px; height:184px; }
#shvl3 { width:1px; height:100px; }


#indexcrusty  { 
        background:url(/ptp/characters/bg_crusty.jpg);
        background-repeat:no-repeat;
        float:right;
	width:560px;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
        line-height:18px;
        color: #FF0; 
        text-align:left;
        }

#libr1, #libr2, #libr3, #libr4, #libr5  {float:right; clear:right;} 
#libl1, #libl2, #libl3, #libl4, #libl5  {float:left; clear:left;}  
 
#libr1 { width:247px; height:187px; }
#libr2 { width:272px; height:124px; }
#libr3 { width:247px; height:52px; }
#libr4 { width:108px; height:50px; }
#libr5 { width:1px; height:25px; }

#libl1 { width:1px; height:187px; }
#libl2 { width:1px; height:124px; }
#libl3 { width:1px; height:52px; }
#libl4 { width:1px; height:50px; }
#libl5 { width:1px; height:25px; }

#index-char { 
        background:url(/ptp/characters/bg_index.jpg);
        background-repeat:no-repeat;
        float:right;
	width:560px;
        font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; 
        line-height:18px;
        color: #FF0; 
        text-align:left;
        }

#ir1, #ir2, #ir3 {float:right; clear:right;} 
#il1, #il2, #il3, #il4 {float:left; clear:left;}  

#ir1 { width:310px; height:50px; }
#ir2 { width:310px; height:140px; }
#ir3 { width:310px; height:150px; }
#il1 { width:250px; height:30px; }
#il2 { width:1px; height:130px; }
#il3 { width:250px; height:70px; }
#il4 { width:1px; height:110px; }