html, body{ 
 margin:0px; 
 padding:0; 
 background: silver;
 text-align:center; 

} 
 
#pagewidth{ 
 
background-image: url(images/bg1.jpg);  
layer-background-image: url(images/bg1.jpg);
background: white;
width: 800px;
text-align:left;  
margin-left:auto; 
margin-right:auto; 
border: 1pt solid black; 


} 

#pagewidth a{
font-family: arial, arial narrow, verdana;
font-size: 90%;
line-height: 22px;
color: blue;
font-weight: bold;
text-decoration: underline;
}

#pagewidth a:hover { 
font-family: Arial, Verdana, Arial Narrow;
color: brown; 
font-weight: bold;
text-decoration: underline;

}

#title {
top: 5px;
left: 510px;
width: 270px;
height: 176px;
text-align: center;
position: absolute;
z-index: 7;
line-height: 1em;

}


#title h1 {

color:black;
font-family: Georgia, Times New Roman;
font-size: 95%;

}


#title p {

font-family: Arial, Helvetica, serif;
font-size: 8pt;

}

#title a {

background-color: #ED8723;
color: black;
font-weight: bold;
font-family: arial, Verdana, Arial Narrow;
font-size: 65%;

}

.click1 {

background-color: #ED8723;
color: black;
font-weight: bold;
font-family: arial, Verdana, Arial Narrow;
font-size: 65%;

}

#header{
 
position:relative;
background-image: url(images/mccoy-mast.jpg);  
layer-background-image: url(images/mccoy-mast.jpg);
width: 100%;
height: 181px;
 
 

} 

.tiger{
font-family: Times New Roman, Roman, serif;
font-size: 9pt;


}

.cast {

font-family: Comic San MS, Arial, Helvetica;
color: #ED8723;
font-size: 8pt;
}


#header p{
 

font-weight:bold;
line-height: .05pt;
} 


#header2{
 
position: relative;
display:inline;
background-image: url(images/bg2.jpg);  
layer-background-image: url(images/bg2.jpg);
width: 291px;
height: 182px;

} 


#navigation{
position:relative; 
background-image: url(images/bgnav.jpg);  
layer-background-image: url(images/bgnav.jpg);
width: 100%;
height: 42px;


}

#navigationp {
position: relative;
left: 0px;
top: 20px;
width: 98%;
text-align: right;
font-family: arial narrow, arial, helvetica;
font-size: 10pt;
word-spacing: 15px;
color: white;
font-weight: bold;
}
 

#navigationp a{
font-family: arial, arial narrow, verdana;
color: white;
text-decoration: underline;
}

#navigationp a:hover { 
color: gold; 
text-decoration: underline;

}

#leftcol{

width: 350px;
float:left; 
position:relative; 
text-align:left;
margin-top: 12px;
/*border-right:1px solid silver;*/

}

#leftcol2{

width: 150px;
float:left; 
position:relative; 
text-align:left;
margin-top: 12px;
line-height:20px;
text-align: right;
font-family: arial, arial narrow, helvetica;
font-size: 80%;
}

#leftcol2 p {



}

#welcome{

position:relative; 
background-image: url(images/welcome-bg.jpg);  
layer-background-image: url(images/welcome-bg.jpg);
width: 350px;
height: 171px;

}

#welcometxt{

position:absolute; 
text-align:left;
width:200px;
height: 169px;
left: 142px;
font-size: 95%; 
font-family: Arial Narrow, Arial, Helvetica;
/*z-index: 11;*/
line-height: 12pt;
top: 15px;

}


#hotlist {

width: 206;
height: 34;
text-align: center;
margin-top: 20px;

}



#maincol {

float: left;
display:inline;
position: relative; 
width: 52%;
margin-top: 12px;
margin-left: 12px;
border-left: 1px solid silver;
padding-left: 10px;

}


#maincol2 {

float: left;
display:inline;
position: relative; 
width: 78%;
margin-top: 12px;
margin-left: 12px;
border-left: 1px solid silver;
padding-left: 10px;


}

#maincol2 p {

font-family: arial, arial narrow, verdana;
font-size: 90%;
line-height: 22px;
}


.lightbox img 
{
border: 1px solid #000000;
}

.lightbox p
{
text-align: center;
font-weight: bold;
font-size: 100%;
line-height: .02em;
}


#maincol p {

font-family: arial, arial narrow, verdana;
font-size: 90%;
line-height: 22px;
}

#maincol h1 {

font-family: "Georgia, Times New Roman, serif";
font-size: 100%;
line-height: 22px;

}

.list1 {
font-family: Arial, Verdana, Arial Narrow;
font-size: 90%;
}
 
.bold {

font-weight: bold;
}


.important {

font-family: "Helvetica, Arial, Arial narrow";
color: #FF0000;
font-weight: bolder;

}

.label {

font-family: "Georgia, Times, serif";
font-weight: bold;
font-style: italic;
text-decoration: underline;

}

#footer{
 
border-top:1px dashed silver;
clear: both;
text-align: center;
font-size: 75%;
font-family: arial, arial narrow, verdana;
 
}


#cdetails {

width: 95%;
border: 1px groove #000000;
background: #C9ECFE;
padding: 15px;

}

#cdetails h2 {

font-family: "Georgia, Times, serif";
font-size: 100%;
border-bottom: 1px dotted #000000;

}
 
.block {
border-color: #666666;
border: 1px solid black;
float: left;
text-indent: 0;
margin: 0.9em;
clear:top;

}

.ttext {
  
font-weight:bold;
text-decoration:underline
}

.caption {

  text-align: left;
  font-family: "times new roman, times, serif";
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}


#formk {

width: 520px;
margin-left: 20px;
border:1px dashed silver;
padding-left: 10px;

}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
