/* CSS for Rascals Club
   Colors Red = #FF0000  Violet = #FE0FFF Blue = #6946D9 Grey = #cccccc Light blue 997FEF */  
 

body {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #cccccc;
 background: url(images/bgTile1.jpg) repeat top black;

 }
 
 .bodyHP {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #cccccc;
 background: url(images/bgTile1.jpg) repeat top black;

 }


/*======================================================*/
  
td {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #cccccc;

 }
p {
 text-align: left;
 margin: 0px 0px 20px 0px;
 padding: 0px;
 }

a:link, a:active {
 font-family:  Arial, Helvetica, sans-serif;
 color: #997FEF;
 font-weight: bold;
 text-decoration: none;
 }
 
 a:visited {
 font-family:  Arial, Helvetica, sans-serif;
 color: #FF0000 ;
 font-weight: bold;
 text-decoration: none;
 }
a:hover {
 font-family:  Arial, Helvetica, sans-serif;
 color: #FE0FFF;
 font-weight: bold;
 text-decoration: none;
 }
 
 /*======================================================*/
 
#topBar {
color: #983667;
height: 105px;
vertical-align: top;
text-align: left;
padding:0 0 0 0 ;
background: url(images/TopBar.gif) no-repeat right top;

} 



#topBarCenter {
width: 455px;
text-align: left;
margin:0 0 0 0 ;
vertical-align: middle;
}
 
 
 /*======================================================*/

#nav {
margin: 0; 
padding: 3px 3px 3px 3px;
/*height:20px;*/
text-align: center;
/*background-color: #8F3D00;*/ 
}


/*======================================================*/

.HPphoto{
background:url(images/HPhoto.jpg) no-repeat;
background-position: top left;
text-align:right;
}

.photo {  
	border: 2px solid #A81724;
	margin: 0 0 0 10px;
}

.Stripe{
background:url(images/stripe.gif) repeat-X black;
background-position: top center;
text-align:left;
font-size: 2pt;
}


.HPtext{ color: #29166F;
text-align:center;
	
}
 
.maketight{
	 margin: 0 0 0 -3px;
	 padding: 0;
}
 

 #content {
 margin: 0px;
 padding: 0; 
 width: 100%;
 text-align: center;
 /*height: 400px;*/
 }
 
 #content img{margin: 10px;
 /*border: 1px solid #B28E2E;*/
	 }

 
ul {
 margin: 0px 0px 0px 15px;
 }
 
/*======================================================*/

 h1 {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color:  #ED1A34;
 text-decoration: none;
 text-align: left;
 padding: 0px;
 margin: 10px 0px 0px 0px;
 }
 
 
 h2 {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color:  #ED1A34;
 text-decoration: none;
 text-align: center;
 padding: 0px;
 margin: 0px 0px 4px 0px;
 }
 

  h3 {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
 color:  #FE0FFF;
 text-decoration: none;
 text-align: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 }
 

  h4 {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 15px;
 font-weight: bold;
 color:  #6946D9;
 text-decoration: none;
 text-align: left;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 }
 
  h5 {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color:  #ED1A34;
 text-decoration: none;
 text-align: center;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 
 }
 
   h6 {
 font-family:  Arial, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color:  #cccccc;
 text-decoration: none;
 text-align: center;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 
 }
  
 /*======================================================*/
hr {
 text-align: center;
 width: 100%;
 /*height: 1px;*/
 border: solid 1px #666666; 
 padding: 0;
 margin: 0;
 }
 
 .dottedLine {
 text-align: center;
 width: 100%;
 height: 1px;
 border: dashed 1px #cccccc;
 padding: 0;
 margin: 0;
 }
 /*======================================================*/

.maintable {background-color:black; 
 margin: 0; 
 padding: 0; 
 border-right: 1px solid #666666;
 border-bottom: 1px solid #666666;
 border-left: 1px solid #666666;
	 }
	 
.innertable { 
font-size: 10pt;
padding: 0px 30px 0px 0px;
margin: 0px 0px 0px 10px;
text-align: left;

}

 /*======================================================*/



.bottombar{
	background-color:black;
	/*color: black;*/
}



#footer {
 text-align:center;
 font-size: 6pt;
 /*background-color:#000000;*/
 color: #ED1A34;
 height: 10px;
 padding: 4px 0 0 0;
 }
 

#footer a {
	/*color: #000000;*/
	text-decoration : underline;
	font-weight		: bold;
	font-size       : 7pt;
	margin: 0 0 0 0; 

}
#footer a:visited{
	color 			: #A81724;
}

#footer a:link{ 
	/*background-color : gray;*/
    color			: #ED1A34; 
	
	}

#footer a:hover{
	/*background-color : #FF9900;*/
	color 			: #FE0FFF;
}

/*======================================================*/
/* This is the Top Menu Bar*/


#menu {
position: static;
/*background-color:#8F3D00;*/ 
z-index:100;
/*width:785px;*/
font-family: Arial, Helvetica, sans-serif;
color: white;
font-size:12px;
margin:0px 3px 0 3px;
/*border: 1px solid yellow;*/
/*float:left;*/
padding:0 0 3px 0px;
}

#menu dl {
margin: 0 5px 0 0;
float:left;
padding:0 0 0 0;

}

#menu dt {
cursor: pointer;
text-align: left;
font-size:12pt;
font-weight: bold;
/*background: #000000;*/
z-index:100;
color: #B28E2E;
margin: 0 5px 0 0;
padding: 0 2px 0 0;

}

#menu dt a {
color: #cccccc;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border: 0 none;
font-size:12px;
padding:0;
margin:0;
}

#menu dt a:visited {
/*background: #000000;*/
color: #999999;
}

#menu dt a:hover {
/*background: #000000;*/
color: #FE0FFF;
}
/*======================================================*/


.copyright{
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: normal;
color: #cccccc; 
/*background: #000000;*/
padding:2px 0 2px 0;

}

.HPwarning{
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size: 7pt;
font-weight: normal;
color: #FFCC00; 
/*background: #000000;*/
padding:2px 0 8px 0;

}

#page {
width:1000px;
text-align:center;	
margin: 0;
padding: 0;	
}

#window {
margin: 0;
padding: 0;	
}

.TM{
margin: 0;
padding: 0;	
}

 .borderTD {
color: white; 
font-size: 9pt;
font-weight: normal;
width: 190px;
vertical-align: top;
text-align: center;
/*border: 1px solid #BA1C2A;*/
margin: 0;
padding:5px 5px 5px 5px ;
/*background: red;*/
} 


 .sidebar {
color: #cccccc; 
font-size: 9pt;
font-weight: normal;
width: 180px;
height:486px;
vertical-align: top;
text-align: center;
border: 1px solid #666666;
/*margin: 20px  20px  0 20px;*/
padding:5px;
/*background: yellow;*/
} 

 .sidebarHP {
color: #cccccc; 
font-size: 9pt;
font-weight: normal;
width: 180px;HP
vertical-align: top;
text-align: center;
border: 1px solid #666666;
/*margin: 20px  20px  0 20px;*/
padding:5px;
/*background: yellow;*/
}

.sidebar2 {
color: #cccccc; 
font-size: 9pt;
font-weight: normal;
width: 180px;
vertical-align: top;
text-align: center;
/*border: 1px solid #666666;*/
margin: 10px  0px  0px 0;
padding:5px;

/margin: 10px 0px 0px 10px;*/ 

/*background: yellow;*/
} 

  .sidebar2 img {padding: 5px;
border: 1px solid #666666;
margin: 10px 0px 0px 10px; 

}

a.sidebar  {
color: #cccccc;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border: 0 none;
font-size:9pt;
font-weight: bold;
text-align: center;
padding:0;
margin:5px 5px 0 5px;
 }
 
 a:hover.sidebar  {
color: #BA1C2A;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
border: 0 none;
font-size:9pt;
font-weight: bold;
text-align: center;
padding:0;
margin:0;
 }
 
   .displayTable {padding: 5px;
text-align: center;

}
 
  .displayTable img {padding: 5px;
border: 1px solid #666666;
margin: 10px 0px 0px 10px; 
text-align: center;

}

  .posterTable img {padding: 0px;
border: 1px solid #666666;
margin: 0px; 

}