.awards { font: bold 10pt/120% Verdana, Arial, Helvetica, sans-serif; color: #3300cc; background-color: transparent;}
.credit { font: normal 9pt/110% Verdana, Arial, Helvetica, Charcoal,sans-serif; color: #6666cc; background-color: transparent;}
.heading { font: bold 10pt/110% Verdana, Arial, Helvetica, sans-serif; color:#6600ff; text-align: center; background-color: transparent;}
.headingl { font: bold 8pt/1.4em Verdana, Arial, Helvetica, sans-serif; color:#6600ff; text-align: left; background-color: #ffffff;}
.heading2 { font: bold 9pt/1em Verdana, Arial, Helvetica, sans-serif; color:#6600ff; text-align: center; background-color: #ffffff;}
.last { font: bold 9pt/115% Verdana, Arial, Helvetica, sans-serif; color:#6600ff; text-align: center; background-color: #ffffff;}
.linkcolor { font: normal 10.5pt/121% Verdana, Arial, Helvetica, sans-serif; color: #6600ff; text-align: left; background-color: #ffffff;}
.name { font: bold 11.5pt/120% Verdana, Arial, Helvetica, sans-serif; color: #3300cc; background-color: #ffffff;}
.textitalic { font: italic 10.5pt/110% Verdana, Arial, Helvetica, sans-serif; color: #333366; text-align: left; background-color: #ffffff;}
.textleft { font: normal 10pt/121% Verdana, Arial, Helvetica, sans-serif; color: #333366; text-align: left; background-color: #ffffff;}
.titaliclist { font: italic 9.5pt/110% Verdana, Arial, Helvetica, sans-serif; color: #333366; text-align: left; background-color: #ffffff;}

h1 { font: bolder 13pt/123% Verdana, Arial, Helvetica, sans-serif; color:#6600ff; text-align: center; margin-top: 0px; background-color: transparent;}
h2 { font: bold 12pt/170% Verdana, Arial, Helvetica, sans-serif; color:#6600ff; text-align: center; background-color: #ffffff;}
h3 { font: bold 11pt/123% Verdana, Arial, Helvetica, sans-serif; color:#3300ff; text-align: left; background-color: #ffffff;}
h4 { font: normal 9pt/125% Verdana, Arial, Helvetica, sans-serif; color: #333366; text-align: left; background-color: #ffffff;}
h5 { font: bold italic 11pt/127% Verdana, Arial, Helvetica, sans-serif; color:#3300ff; text-align: center; background-color: #ffffff;}
h6 { font: bold italic 11pt/125% Verdana, Arial, Helvetica, sans-serif; color:#3300cc; text-align: left; background-color: #ffffff;}


a:link { color: #6600ff; font: normal 9pt/121% Verdana, Arial, Helvetica, sans-serif; text-align: left; text-decoration: none; background-color: #ffffff;}
a:visited { color: #6600ff; font: normal 9pt/121% Verdana, Arial, Helvetica, sans-serif; text-align: left; text-decoration: none; background-color: #ffffff;}
a:hover { color: #3300cc; font: bold 9pt/121% Verdana, Arial, Helvetica, sans-serif; text-align: left; text-decoration: none; background-color: #ffffff;}
a:active { color: #6600ff; font: bold 9pt/121% Verdana, Arial, Helvetica, sans-serif;  text-align: left; text-decoration: none; background-color: #ffffff;}

a:link.style1    { color: #6600ff; font: bold 8pt/120% Verdana, Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; background-color: #ffffff;}
a:visited.style1 { color: #6600ff; font: bold 8pt/120% Verdana, Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; background-color: #ffffff;}
a:hover.style1   { color: #9966ff; font: bold italic 9pt/125% Verdana, Arial, Helvetica, sans-serif; text-align: center; text-decoration: underline; background-color: #ffffff;}
a:active.style1  { color: #9900cc; font: bold 9pt/120% Verdana, Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; background-color: #ffffff;}

a:link.style2    { color: #6600ff; font: bold 10.5pt/121% Verdana, Arial, Helvetica, sans-serif;  text-align: left; text-decoration: underline; background-color: #ffffff;}
a:visited.style2 { color: #6600ff; font: bold 10.5pt/121% Verdana, Arial, Helvetica, sans-serif; text-align: left; text-decoration: underline; background-color: #ffffff;}
a:hover.style2   { color: #6600ff; font: bold italic 10.5pt/121% Verdana, Arial, Helvetica, sans-serif;  text-align: left; text-decoration: underline; background-color: #ffffff;}
a:active.style2  { color: #6600ff; font: bold  10.5pt/121% Verdana, Arial, Helvetica, sans-serif;  text-align: left; text-decoration: underline; background-color: #ffffff;}

a:link.style3    { color: #6600ff; font: normal 10pt/121% Verdana, Arial, Helvetica, sans-serif;  text-align: left; text-decoration: none;  background-color: #ffffff;}
a:visited.style3 { color: #6600ff; font: normal 10pt/121% Verdana, Arial, Helvetica, sans-serif; text-align: left; text-decoration: none;  background-color: #ffffff;}
a:hover.style3   { color: #6600ff; font: normal italic 10pt/121% Verdana, Arial, Helvetica, sans-serif;  text-align: left; text-decoration: underline; background-color: #ffffff;}
a:active.style3  { color: #6600ff; font: normal  10pt/121% Verdana, Arial, Helvetica, sans-serif;  text-align: left; text-decoration: underline;  background-color: #ffffff;}

a:link.textlink { color: #6600ff; font : normal 10pt/110%  Verdana, Charcoal, Arial, sans-serif; text-align: left; text-decoration:underline; background-color: #ffffff;}
a:visited.textlink { color: #6600ff; font : normal 10pt/110%  Verdana, Charcoal, Arial, sans-serif; text-align: left; text-decoration:underline; background-color: #ffffff;}
a:hover.textlink { color: #6600ff; font : bold 10pt/110%  Verdana, Charcoal, Arial, sans-serif;  text-align: left; text-decoration:underline; background-color: #ffffff;}
a:active.textlink { color: #6600ff; font : bold 10pt/110%  Verdana, Charcoal, Arial, sans-serif;  text-align: left; text-decoration:underline; background-color: #ffffff;}


html, body {
  margin: 0px; padding: 0px;
  }
  
* {
margin: 0; 
padding: 0;
}	
	
ul {
font: normal 9.5pt/112% Verdana, Arial, Helvetica, sans-serif; color: #333366; text-align: left; list-style-type: none;
padding-left:  3px;	clear: left; background-color: transparent;
}
  
img {
  margin: 9px 9px 5px 5px;	
  border: none; 
  }
  
 img style2 {
  float: right; 
  margin: 15px; 
  border: none; 
  }
    
p {
	margin: 0px 0px 0px 5px;
   font : normal 10.5pt/110%  Verdana, Charcoal, Arial, sans-serif;
	color: #333366; 
	background-color: transparent;
	padding: 9px 0px 0px 5px;
	float: left;
	width: 470px;
} 
p.synopsis {
	text-align: left;
   font : normal 10.5pt/110%  Verdana, Charcoal, Arial, sans-serif;
	margin-left: 4px;
	width: 530px; 
	}
	
#synopsis {
	margin: 0px 0px 0px 75px;
   font : normal 10.5pt/110%  Verdana, Charcoal, Arial, sans-serif;
	color: #333366; 
	background-color: transparent;
	padding: 9px 0px 0px 5px;
	float: left;
	width: 530px;
} 
hr {
	border: none;
	background-color: #003399;
	color: #3300cc;
	height: 2px;
	width: 750px;
	float: left;
	margin: 0px 0px 0px 9px;
	}
  
#containerbox {
	width: 1220px; height: 100%; background-color: transparent; margin-top: 3px; margin-left: auto; margin-right: auto; 
 }

#lefthead { 
	padding: 2px 0px 0px 0px;
	margin: 0;
	width: 170px; 
	text-align: left;
	float: left;
	}

#centerhead {
	float: left;
   margin-top: 0px; margin-left: -41px; 
	margin-right: auto;
	width: 720px; 
	text-align: center;
	}

.rightbox {
	padding: 18px 0px 0px 0px;
	margin: 0;
	width: 250px;
	text-align: left;
	float: right;
	}
	
.rightboxwide {
	padding: 0px;
	margin: 0px;
	width: 431px;
	height: 770px;
	text-align: left;
	float: right;
	background-image: url(hof_images/group1bg.gif);
	background-repeat: no-repeat;
	background-position: 50% 100%;
	}
	
.rightboxwide img2 {
  margin: -35px 0px 0px 0px;	
  }
	
#slideshow {
   margin-top: 0px; width: 304px; height: 560px;
	text-align: left;	
	float: left;
	padding: 0px 8px 12px 0px;
	}

.center1 {
	float: left;
	margin-top: 5px; 
	width: 165px; 
	height: auto;
   margin-right: 5px; 
	margin-left: 9px;
	text-align: left;	
}

.center2 {
	float: left;
	margin-top: 5px; 
	width: 183px; 
	height: auto;
	margin-left: 5px;
	text-align: left;	
}

#recognition {
	float: left;
	width: 430px; 
	height: auto;
	text-align: left;	
	margin: 15px 0px 0px 8px;	
	}
	
#info {
	float: left;
	width: 580px; 
	height: auto;
	text-align: left;	
	margin: 0px 0px 5px 48px;	
	}
	
#recognition2 {
	float: left;
	margin: 15px 0px 0px 45px; 
	width: 430px; 
	height: 120px;
	text-align: left;	
	}
.synopsis {
	float: left;
   margin-right: auto;
	margin-left: 75px;
	width: 525px; 
	text-align: left;
	}
			
.centerboxcenter {
	float: left;
   margin-right: auto; margin-left: auto;
	width: 650px; 
	text-align: center;
	}
	
.centerboxright {
	float: left;
   margin-right: auto; margin-left: auto;
	width: 650px; 
	text-align: right;
	}
	
.biosbox {
	float: left;
	margin: 0px; 
	padding: 0px 0px 0px 4px; 
	width: 1220px; 
	height: auto;
	text-align: left;
}
.recognitionbox {
	float: left;
	margin: 0px; 
	padding: 5px 0px 0px 140px; 
	width: 760px; 
	height: auto;
	text-align: center;
}
.backbox {
	float: right;
	margin: 0px; 
	padding: 2px 0px 0px 0px; 
	width: 240px; 
	height: auto;
	text-align: left;
}

.headshotbox {
	padding: 2px;
	margin: 0;
	width: 243px; height: auto;
	text-align: left;
	float: left;
				}
				
.headshotbox2 {
	padding: 2px;
	margin: 0px 0px 0px 10px;
	width: 241px; 
	height: auto;
	text-align: left;
	float: left;
}
.biostext {
	float: left;
	margin-top: 3px; 
	padding: 4px 0px 0px 3px; 
	width: 480px; 
	height: auto;
	text-align: left;
}

.biosawards {
	float: left;
	margin-top: 3px; 
	margin-left: 40px; 
	width: 688px; 
	height: auto;
	background-color: transparent;
	text-align: left;
}

.creditbox {
	float: right;
	width: 550px; height: auto;
	text-align: right;
	background-color: transparent;
	}
	
.creditbox img {
  float: right;
  margin: 7px 0px 0px 11px; 
  border: none; 
  }
	
.dancebox {
	width: 455px;
	height: auto;
	margin-top: -5px;
	float: right;
	text-align: left;
	}

.pgselector {
	width: 250px; 
	height: 18px;
	padding: 10px 10px 10px 10px;
	margin-left: 234px; 
	margin-right: auto;
	text-align: center;
	float: left;
	}
.pgselector img {
	margin: 0px; 
	border: none;
	}
				
.clearthefloats {
	clear: both;
} 

.clearthefloatsleft {
	clear: left;
} 
	
.footer {
   padding: 2px; text-align:right;
}