#pageContainer
{
   width: 100%; 
   top: 0px;
}

#container
{
   width: 880px;
   height: auto;  
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;  
   text-align: left;
   background-image: url('../images/home_header_bkg.gif');
   background-repeat: repeat-y;
}      

body
{
   background-color: #ccccb3;
   background-image: url('../images/background.gif');
   background-repeat: repeat-x;
   text-align: center; 
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12pt;
}      

#mainContent
{
   margin-left: 10px;
   margin-right: 10px; 
    
}              

#leftColumn
{
   width: 283px;
   float: left; 
   margin-top: 10px;
   margin-bottom: 10px;
}       

#colBox
{
   width: 98%;
   margin-left: auto;
   margin-right: auto;
   background-color: #666633;
   border-width: 1px;
   border-style: solid;
   border-color: #939362;
   padding: 5px;
}   

#colBoxOrange
{
   width: 281px; 
   height: 155px;
   margin-left: auto;
   margin-right: auto;
   background-color: #666633;
   border-width: 1px;
   border-style: solid;
   border-color: #939362;
   padding: 5px; 
   background-image: url('../images/col_orange.gif');
}

#colBoxPurple
{
   width: 281px; 
   height: 155px;
   margin-left: auto;
   margin-right: auto;
   background-color: #666633;
   border-width: 1px;
   border-style: solid;
   border-color: #939362;
   padding: 5px;
   background-image: url('../images/col_purple.gif');
}

#colBoxRed
{
   width: 281px; 
   height: 155px;
   margin-left: auto;
   margin-right: auto;
   background-color: #666633;
   border-width: 1px;
   border-style: solid;
   border-color: #939362;
   padding: 5px;
   background-image: url('../images/col_red.gif');
} 

.head
{
   font-weight: bold;
   font-style: italic;
}

.headWhite
{  
   margin-top: 3px;
   font-weight: bold;
   font-style: italic;
   color: #ffffff;
   display: block; 
   clear: both;
   height: 102px;
   line-height: 24px;
}   

.author
{
   display: block;
   width: 260px;
   clear: both; 
   color: #ffffff;
   font-weight: normal;
   height: 15px; 
   margin-bottom: 10px;
   
}  

.authorCred
{   
   display: block;
   width: 95%;
   color: #ffffff;
   font-style: italic;
   font-size: 10pt; 
   font-weight: normal;
   height: 15px;
}   

#footer
{
   width: 850px;
   height: 40px;
   background-image: url('../images/footer_bkg.gif');
   background-repeat: repeat-x;
   margin-top: 10px;
   margin-right: 0px;
   margin-bottom: 0px;
   margin-left: 15px;
   text-align: center;
   clear: both; 
}

#footer .footerContent
{
   margin-left: auto; 
   margin-right: auto;
   color: #999999;
   width: 80%; 
   padding-top: 15px;
   font-size: 10pt;
   clear: none;  
   
}

#rightColumn
{
   width: 520px;
   margin: 10px;  
   float: right;
}  

h1 
{
   font-weight: bold;
   font-size: 24pt;
}      

.imgRight
{  
   margin-left: 4px;
   margin-right: 4px;
   margin-bottom: 4px;
   margin-top: 4px;
   border-width: 2px;
   border-style: solid;
   border-color: #993300;
   
   width: 254px; 
   float: right;
}

.boldItalic
{
   font-weight: bold;
   font-style: italic;
   text-align: center;
}     
  
.centerButton a
{
   display: block; 
   /*margin-left: auto;
   margin-right: auto; */
   margin-top: 3px;
   margin-bottom: 3px;
   clear: both; 
   width: 100%;
}  
  

#buyNow a
{
   display: block;
   width: 120px;
   height: 24px;
   margin-left: auto;
   margin-right: auto;
   background: url('../images/btn_buy_now.jpg') no-repeat 0 0;   
   overflow: hidden;
}

#buyNow a:hover
{ 
  background-position: 0px -24px;
} 

#emailBobby a
{
   display: block;
   width: 120px;
   height: 24px;
   margin-left: auto;
   margin-right: auto;
   background: url('../images/btn_email_bobby.jpg') no-repeat 0 0;   
   overflow: hidden;
}

#emailBobby a:hover
{ 
  background-position: 0px -24px;
} 

#subscribe .button
{
   display: block;
   width: 120px;
   height: 24px;
   margin-left: auto;
   margin-right: auto; 
   border: none;
   background: url('../images/btn_subscribe.jpg') no-repeat 0 0;   
   overflow: hidden;
}

#subscribe .button:hover
{ 
  background-position: 0px -24px;
}

.boldRed
{
   font-size: 18px;
   text-align: center; 
   font-weight: bold;
   color: red;
} 

#indent
{
  margin-top: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
  margin-right: 0px; 
} 

p.center
{
   text-align: center;
}