/* a:link & body styles */

a:link, a:visited, a:active {
color: #CCC;  
}
 
a:hover {color: #FFFF00; }


body {
font-size: small; 
margin-top: 0px; 
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #000;
}

/* End of a:link & Body Styles */


/* header styles */

#topone {
height: 13px;
font-family: verdana;
font-size: 125%;
line-height: 0.8;
font-weight: bold;
text-align: center;
padding-top: 3px;
padding-bottom: 2px;
color: #CCC;
background-color: #000000;
}

#toptwo {

font-family: "Times New Roman";
font-size: 500%;

text-align: center;
border-top: 2px solid #000;
color: #000;
background-color: #990000;
}
   a.top_name:link, a.top_name:visited, a.top_name:active {
   color: #FF3300; 
   background-color: #000;
   
   }
   a.top_name:hover { 
   color: #000;
   background-color: #FF0000;
   }

#topthree {
height: 8px;
background-color: #000000;
border-right: 10px solid #FF0000;
border-left: 10px solid #FF0000;
}
   .blackcell {
   background-color: #330000;
   }
   
/* Horizontal Nav Listings */

#topfour {
font-family: chicago;
font-size: 100%;
line-height: 1.0;
text-align: center;
color: #FF6600;
background-color: #990000;
text-align: center;
}

   #topnav {
   width: 97%;
   margin: 0;
   font-family: verdana;
   font-size: 100%;
   font-weight: bold;
   color: #000;
   background-color: #990000;
   padding: 0px;
   }

      #topnav li {
      display: inline;
      list-style-type: none;
      padding-left: 25px;
      }
      
      #topnav a:link, #topnav a:visited, 
      #topnav a:active {
      text-decoration: none;
	color: #000;
	}
      #topnav a:hover {
	color: #000;
	background-color: #FF0000;
}


/* xxx End of Horizontal Nav Listings xxx */

#topfive {
height: 3px;
color: #000;
background-color: #FF0000;
}


/* End of header styles */


/* Left_&_Main_Float_Styles */

#main_stretch {
width: 80%;
height: 4000px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
position: relative;
border-top: 0px solid #000000;
background-color: #000;
float: left;
}
   #main_left {
   width: 100%;
   height: 4000px;
   position: relative;
   background-color: #333;
   float: left;
   }
      #col_1 {
      width: 2%;
      height: 4008px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      position: relative;
      background-color: #000000;
      float: left;
      }
      
      
      /* Left_Nav_Styles */

      #col_2 {
      width: 23%;
      height: 4000px;
      position: relative;
      border-left: 3px solid #FF0000;
      background-color: #333;
      float: left;
      }
      
         .leftnav_wrapper {
         width: 95%;
         height: auto;
         margin-top: 0px;
         margin-right: 0px;
         margin-left: 2%;
         text-align: center;
         font-family: verdana;
         font-size: 100%;
         font-weight: bold;
         line-height: 1.0;
         color: #FC9;
         background-color: #333;
         }
         
            #daysdate {
            width: 88%;
            height: 16px;
            margin: 0 auto;
            font-family: verdana;
            font-size: 100%;
            font-weight: bold;
            text-align: center;
            line-height: 1.0;
            padding-top: 0px;
            padding-right: 0;
            padding-bottom: 0px;
            padding-left: 0px;
            color: #00FF00;
            background-color: #333;
            }
            
            .dogeyed {
            width: 88%;
            text-align: center;
            margin: 0 auto;
            background-color: #333;
            }
               
               .crazy_eyes {
               height: 84px;
               background-color: #000;
               }
               
                  #wide_eyes {
                  height: 82px;
                  margin: 0 auto;
                  text-align: center;
                  background: transparent;
                  }

                     .cross_eyed {
                     width: auto;
                     height: 82px;
                     margin: 0 auto;
                     text-align: center;
                     background: transparent;
                     }
                     a.image {
                     display: block;
                     width: auto;
                     height: 82px;
                     background: url(index_images/new_doggie_01.gif) no-repeat;
                     background-position: 50% 50%;
                     border: 0;
                     }
                     a.image:hover {
                     background: url(index_images/new_doggie_01-over.gif) no-repeat;
                     background-position: 50% 50%;
               } 

                  
               .new_info {
               width: 88%;
               margin: 0 auto;
               padding-top: 10px;
               padding-bottom: 10px;
               text-align: center;
               font-family: verdana;
               font-size: 100%;
               font-weight: bold;
               line-height: 0.878;
               color: #FFF;
               border: 0px solid #FFFFFF;
               background-color: #000000;
               }
               
               #grey_bar {
               width: 100%;
               height: 10px;
               background-color: #333;
               }

                  
            .title_name {
            width: 88%;
            height: auto;
            margin: 0 auto;
            text-align: center;
            font-family: verdana;
            font-size: 100%;
            font-weight: bold;
            line-height: 1.0;
            color: #00FF00;
            border: 0px solid #FFFFFF;
            background-color: #333;
            }

            .copyrights {
            width: 88%;
            height: auto;
            margin: 0 auto;
            padding-top: 1.5em;
            padding-bottom: 1.5em;
            background-color: #000;
            }
            
               address {
               width: 100%;
               vertical-align: top;
               font-family: trebuchet ms;
               font-size: 125%;
               font-weight: normal;
               line-height: 0.9;
               }

            #css_trix {
            width: 88%;
            height: auto;
            margin: 0 auto;
            padding: 0px;
            text-align: center;
            font-family: verdana;
            font-size: 100%;
            font-weight: bold;
            line-height: 1.0; 
            border: 0px solid #FFFFFF;
            background-color: #000000;
            }
            a.hilight:link, a.hilight:visited, 
            a.hilight:active {
            font-weight: bold;
            color: #000;
            background-color: #CCC;
            } 
            a.hilight:hover { 
            color: #000;
            background-color: #FFFF00;
            }
            
            .book_slots {
            width: 88%;
            height: auto;
            margin: 0 auto;
            text-align: center;
            font-family: verdana;
            font-size: 100%;
            font-weight: bold;
            line-height: 1.0; 
            border: 0px solid #FFFFFF;
            background-color: #000000;
            }
            
            .textboox {
            width: auto;
            height: auto;
            padding-top: 0px;
            background-color: #000;
            }
            
            .edit_space {
            height: 25px;
            }
            
            .booktexts {
            width: auto;
            height: auto;
            padding-top: 16px;
            border-bottom: solid 12px #000;
            font-family: verdana, geneva;
            font-size: 98%;
            font-weight: bold;
            text-align: center;
            color: #CFC;
            background-color: #000;
            }
            
               div.booktexts img {
               border-color: #000;
               }

               div.booktexts a img {
               border-color: #000;
               }

            /* End of Left_Nav_Styles */   

      
      #col_3 {
      width: 1%;
      height: 4008px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      position: relative;
      background-color: #000;
      float: left;
      }
      
      #col_4 {
      width: 2%;
      height: 4000px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      position: relative;
      background-color: #000;
      float: left;
      }
      
      #col_5 {
      width: 1%;
      height: 4008px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      position: relative;
      background-color: #000;
      float: left;
      }
      
      /* Center Column & col_6 */
      
      #col_6 {
      width: 65%;
      height: 4000px;
      position: relative;
      background-color: #000;
      float: left;
      }
      
         /* Grey Surrounds */
               
         #main_gasket {
         width: 100%;
         padding-top: 15px;
         padding-bottom: 0px;
         background-color: #333;
         }
      
            /* _(Controls_Width) */ 

            div.mainlists {
            width: 89.5%;
            height: auto;
            margin-left: 5%;
            border: 2px solid #333;
            }
            
             /* _(Font Sizes for Index_Labels) */
            
             .big_top {
             vertical-align: sub;
             text-align: center;
             margin-top: -15px;
             margin-bottom: 2px;
             font-family: verdana;
             font-size: 1.1em;
             line-height: 0.7;
             color: #000;
             background-color: #333;
             }
             
                /* _(Colours for Index_Labels) */ 
                
                #topcat_span span {
                vertical-align: bottom;
                text-align: center;
                padding-top: 0px;
                padding-bottom: 0px;
                font-weight: bold;
                font-size: 100%;
                color: #FFFF00;
                background-color: #333;
                }
                
                #dogtagr_span span {
                vertical-align: bottom;
                text-align: center;
                padding-top: 0px;
                padding-bottom: 0px;
                font-weight: bold;
                font-size: 110%;
                color: #FFFF00;
                background-color: #000;
                } 
                
                #dogtags_span span {
                vertical-align: bottom;
                text-align: center;
                padding-top: 0px;
                padding-bottom: 0px;
                font-weight: bold;
                font-size: 110%;
                color: #FFFF00;
                background-color: #000;
                }
                
                #dogtagh_span span {
                vertical-align: bottom;
                text-align: center;
                padding-top: 0px;
                padding-bottom: 0px;
                font-weight: bold;
                font-size: 110%;
                color: #FFFF00;
                background-color: #000;
                }  
                
         
                /* __(Controls_background) */
   
                div.wrap {
                width: 100%;
                font-family: verdana;
                margin: 0px;
                padding-bottom: 0px;
                color: #000;
                background: #000;
                } 
                
                /* _(Eric Meyer's clever ch.10 L & R images Technique) */
   
                div#p1, div#p2, div#p3, 
                div#p4, div#p5, div#p6, 
                div#p7, div#p8, div#p9,
                div#p10 {
                margin-top: 0em;
                margin-right: 0em;
                margin-bottom: 0em;
                margin-left: 0em;
                padding-bottom: 5px;
                }
                
                   div#p1end, div#p2end, div#p3end,
                   div#p4end, div#p5end, div#p6end, 
                   div#p7end, div#p8end, div#p9end,
                   div#p10end {
                   text-align: left;
                   margin-top: 0px;
                   margin-right: 0px;
                   margin-bottom: 0px;
                   margin-left: 0px;
                   padding-top: 0px;
                   padding-right: 0px;
                   padding-bottom: 0px;
                   padding-left: 0px;
                   font-family: verdana;
                   font-size: 12px;
                   background: #000 url(index_images/gry_blk2.gif) top right no-repeat;
                   }
                
                /* _(Controls picture widths to 325px & bullet positions) */
                
                .itsa_wrap {
                width: 325px;
                margin: 0 auto;
                }
                       
/*

   I couldn't get this mutha to work in anything other than Mozilla, but i 
   found a way to adapt Eric Meyer's double image technique by simply 
   creating room for another image. 

*/
                
                   .wside_1 {
                   text-align: left;
                   margin-top: 0px;
                   margin-right: 0px;
                   margin-bottom: 0px;
                   margin-left: 0px;
                   padding-top: 0px;
                   padding-right: 0px;
                   padding-bottom: 0px;
                   padding-left: 0px;
                   font-family: verdana;
                   font-size: 12px;
                   }
                   
                   #wside_2yl, #wside_2bl, #wside_2gn,
                   #wside_2pk, #wside_2rd, #wside_2pp {
                   text-align: left;
                   margin-top: 0px;
                   margin-right: 0px;
                   margin-bottom: 0px;
                   margin-left: 0px;
                   padding-top: 0px;
                   padding-right: 0px;
                   padding-bottom: 0px;
                   padding-left: 0px;
                   font-family: verdana;
                   font-size: 12px;
                   background: #FFF url(index_images/wright.gif) top right no-repeat;
                   }
                   
                
                   .wide_pict {
                   margin-top: 0px;
                   width: 100%;
                   padding: 0; /* Added for update info */
                   height: 256px;
                   font-family: verdana, geneva;
                   font-size: 100%;
                   font-weight: bold;
                   text-align: center; /* Altered for update info */
                   color: #FF7300;
                   background-color: #fff;
                   }
                   
                      div.wide_pict img {
                      width: 320px;
                      height: 256px;
                      margin: 0 auto;
                      text-align: center;
                      border: 0;
                      border-color: #fff;
                      }

                      div.wide_pict a img {
                      width: 320px;
                      height: 256px;
                      margin: 0 auto;
                      text-align: center;
                      border: 0;
                      border-color: #fff;
                      }
                   
                   .toppers {
                   vertical-align: sub;
                   text-align: left;
                   margin-top: 5px;
                   margin-left: 0px;
                   margin-bottom: -19px;
                   font-family: verdana;
                   font-size: 100%;
                   font-weight: bold;
                   line-height: 0.8em;
                   color: #FFF;
                   background-color: #000;
                   }
                      
                      /* Bullet colours */
                      
                      .no_bull {
                      color: #FFF;
                      }
                      
                      .yl_bull {
                      color: #FFFF00;
                      }
                      
                      
                      
                   .pict_dex {
                   margin-left: 2.2px;
                   width: 325px; 
                   height: 21px;
                   font-family: verdana, geneva;
                   font-size: 100%;
                   font-weight: bold;
                   text-align: left;
                   color: #fff;
                   background: url(index_images/shortcut_2.gif) top right no-repeat;
                   }
                   
/* 

   shortstock_1 - 6 irons out text doing a disappearing act 
   amongst other things as well that i had with I E for the Mac.

*/
                   
                      #shortstock_1, #shortstock_2, #shortstock_3,
                      #shortstock_4, #shortstock_5, #shortstock_6  {
                      margin-left: 0px;
                      width: 325px;
                      text-align: right;
                      color: #fff;
                      background-color: transparent;
                      } 
               
                      div.equal_lists {
                      margin: 0 auto;
                      width: 325px;
                      height: auto;
                      background-color: #000;
                      }
                   
                         dl {
                         width: 325px;
                         height: auto;
                         margin-top: 0px;
                         padding: 0px 0px 0px 0px;
                         }
                         
                            dt.left  {
                            float: left;
                            width: 255px;
                            height: auto;
                            margin: 0px 0px 0px 0px;
                            font-family: verdana;
                            font-size: 105%;
                            font-weight: bold;
                            color: #FFF;
                            background-color: #000;
                            text-align: left; 
                            }
                            
                            /* Price tags */

                            dt.right_1 {
                            width: 70px;
                            height: 31px;
                            margin: -1px 0px 0px 0px;
                            padding-top: 3px;
                            padding-bottom: 0px;
                            text-align: center;
                            font-family: verdana;
                            font-size: 90%;
                            font-weight: bold;
                            line-height: 1.25em;
                            color: #000;
                            background-image: url(hope_imgs/yl_base_01.gif);
                            float: right;
                            }
                      
                     
                            
/* 

   The span below controls text alignment for both 
   Internet Explorer Mac & PC
                                 
   Note: this span does not control those index labels
   that contain big_top classes, as each id is able to 
   take care of this  

*/
                               
                               span {
                               vertical-align: bottom;
                               text-align: center;
                               padding-top: 0px;
                               padding-bottom: 0px;
                               font-weight: bold;
                               font-size: 90%;
                               color: #000;
                               background-color: transparent;
                               }
                
                            
                            /* End of dt price tag span colours */

                            
/* 

   Originally created to colour each set of texts with a 
   separate coloured highlight. Now all are in yellow.  

*/
                            
                            dd#yl_one, dd#bl_two,
                            dd#gn_three, dd#pk_four,
                            dd#rd_five, dd#pp_six {
                            margin: 0px 0px 0px 0px;
                            height: auto;
                            font-family: verdana;
                            font-size: 100%;
                            font-weight: bold;
                            color: #FFFF99;
                            background-color: #000;
                            }
                            
                       
                            
/*

Just a small note to thank Alexander Clauss of iCab for 
his help with solving a problem I only recently noticed 
regarding my use of unnecessary code when styling links.

For some reason, and this may have been some code left
over from some other previous tinkering that I had failed
to spot, and which had unnecessarily created these special
issues to arise. So, thanks again there Alexander. :)

*/


                            /* Extra (external_Info) */
                            
                            dd a.extry {
                            margin: 0px 0px 0px 0px;
                            height: auto;
                            vertical-align: middle;
                            font-family: verdana;
                            font-size: 100%;
                            font-weight: bold;
                            color: #CCC;
                            background-color: #000;
                            }
                            dd a:focus, dd a:hover, dd a:active {
                            
                            text-align: left;
                            text-decoration: none;
                            color: #FFFF00;
                            background-color: #000;
                            }
                            
                            /* Uses .wrap classes here */
                            
                            /* #p11/20 goes here */
                              
                            div#p11, div#p12, div#p13, 
                            div#p14, div#p15, div#p16, 
                            div#p17, div#p18, div#p19,
                            div#p20 {
                            margin-top: 0em;
                            margin-right: 0em;
                            margin-bottom: 0em;
                            margin-left: 0em;
                            padding-top: 5px;
                            background-color: #000;
                            }
                            
                               div#p11 img, div#p12 img, div#p13 img, 
                               div#p14 img, div#p15 img, div#p16 img, 
                               div#p17 img, div#p18 img, div#p19 img,
                               div#p20 img {
                               margin-bottom: -3px;
                               }
                            
                            
                            
                            /* _(Controls_Text) */
   
                            p {
                            margin: 0px;
                            padding: 0em 0em;
                            text-align: center;
                            font-family: verdana, geneva;
                            font-size: 100%;
                            font-weight: bold;
                            color: #FF7300;
                            background-color: #000000;
                            line-height: 1.2; 
                            }
                            
                             /* More Info (Internal_Info) */
                             
                               dd a.more_info {
                               margin: 0px 0px 0px 0px;
                               height: auto;
                               font-family: verdana;
                               font-size: 100%;
                               font-weight: bold;
                               color: #FFF;
                               background-color: #000;
                               }
                               dd a:focus, dd a:hover, dd a:active {
                               
                               text-align: left;
                               text-decoration: none;
                               color: #FFFF00;
                               background-color: #000;
                               }
                            
                            div#p11end, div#p12end,
                            div#p13end, div#p14end, 
                            div#p15end, div#p16end, 
                            div#p17end, div#p18end,
                            div#p19end, div#p20end {
                            text-align: left;
                            margin-top: 0px;
                            margin-right: 0px;
                            margin-bottom: 0px;
                            margin-left: 0px;
                            padding-top: 0px;
                            padding-right: 0px;
                            padding-bottom: 0px;
                            padding-left: 0px;
                            font-family: verdana;
                            font-size: 12px;
                            background: #000 url(index_images/botright_g.gif) bottom right no-repeat;
                            }
                            
                            /* _(Creates divisions or spaces between main_lists) */

                            .spacerlists {
                            width: 89%;
                            margin-top: 24px;
                            margin-bottom: 24px;
                            margin-left: 5.5%;
                            margin-right: 5%;
                            border: 0px solid #FFF;
                            height: 30px;
                            }
                            
            /* Page content last updated */               
            
            #last_update {
            height: 15px;
            text-align: center;
            width: 100%;
            padding-top: 14px;
            padding-bottom: 0px;
            font-family: helvetica, sans-serif;
            font-size: 160%;
            font-weight: bold;
            color: #666666;
            background-color: #333;
            }
            
            #more_space {
            height: 20px;
            border: 5px solid #333;
            color: #FFF;
            background-color: #333;
            }

            #table_stand {
            width: 100.3%;
            height: 120px;
            margin-left: 0px;
            background-color: #000;
            }
               #grey_center {
               height: 130px;
               margin-right: 33%;
               margin-left: 33%;
               background-color: #333;
               }
               
                  #top_image {
                  width: 100%;
                  height: 40px;
                  text-align: center;
                  }
                  
                     div#top_image img {
                     border-color: #000;
                     }

                     div#top_image a img {
                     border-color: #000;
                     }
            
                  #smeter {
                  width: 100%;
                  height: 15px;
                  padding: 0px 0px 0px 0px;
                  text-align: center;
                  color: #333;
                  background-color: #333;
                  }
           
                  #macpicks {
                  text-align: center;
                  width: 100%;
                  height: 33px;
                  }
                  
                     div#macpicks img {
                     border-color: #000;
                     }

                     div#macpicks a img {
                     border-color: #000;
                     }
            
                  #mt_spacer {
                  width: 10%;
                  text-align: center;
                  font-family: verdana;
                  font-size: 170%;
                  color: #333;
                  background-color: #333;
                  }
            
                  #zenith {
                  width: 100%;
                  font-family: verdana;
                  font-size: 100%;
                  text-align: center;
                  margin-top: 15px;
                  background-color: #333333;
                  }
                  a.topup:link, a.topup:visited, a.topup:active {
                  font-family: verdana;
                  font-size: 120%;
                  line-height: 1.0;
                  color: #CCC;
                  background-color: #000;
                  }
                  a.topup:hover { color: #00FF00; }

      
      .col_6_tableplinth {
      width: 100%;
      height: 18px;
      color: #333;
      background-color: #333;
      }
      
      /* End of col_6 & main_gasket */ 
      
            
      .col_7 {
      width: 1%;
      height: 4008px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      position: relative;
      background-color: #000;
      float: left;
      }
      
      .col_8 {
      width: 2%;
      height: 4000px;
      position: relative;
      background-color: #000;
      float: left;
      }
      
      .col_9 {
      width: 1%;
      height: 4008px;
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;
      position: relative;
      background-color: #000;
      float: left;
      }
      
/* xxx End of Main_Stretch xxx */
      
/* RightNav (10th)_Column
    Lines up alongside Main_Stretch */

      .col_10 {
      width: 18%;
      height: 4000px;
      border-right: 3px solid #FF0000;
      background-color: #333;
      position: relative;
      float: left;
      }
      
         .rhtcolhold {
         width: 94%;
         height: 3984px;
         margin-top: 0px;
         margin-right: 0px;
         margin-left: -6px;
         border-left: 5px solid #333;
         text-align: center;
         font-family: verdana;
         font-size: 100%;
         font-weight: bold;
         line-height: 1.0;
         }
         
   
            /* _(New_Top_Linx Nav_Title) */
      
            .top_linx {
            width: 89.5%;
            height: 16px;
            margin-left: -1px;
            border-left: 4px solid #333;
            border-right: 3px solid #333;
            text-align: center;
            font-family: verdana;
            font-size: 100%;
            font-weight: bold;
            line-height: 1.0;
            color: #00FF00;
            background-color: #333;
            }
            #yl_bullet {
            color: #FFFF00;
            }
               .top_sign {
               width: 100%;
               text-align: center;
               font-family: verdana;
               font-size: 100%;
               font-weight: bold;
               line-height: 0.878;
               background-color: #000;
               }
         
            .caption {
            width: 100%;
            height: 18px; 
            text-align: center;
            font-family: verdana;
            font-size: 100%;
            font-weight: bold;
            line-height: 1.0;
            color: #00FF00;
            background-color: #000;
            }
               .sign_posts {
               width: 100%;
               text-align: center;
               font-family: verdana;
               font-size: 100%;
               font-weight: bold;
               line-height: 0.878;
               color: #FF7300;
               background-color: #000;
               }
                  .col_boxing {
                  height: 30px;
                  text-align: center;
                  background-color: #333;
                  background-image: url(index_images/grclpst.gif);
                  background-repeat: repeat-x;
                  background-position: 50% 0%;
                  }
      
      
               .validate_this {
               
               text-align: center;
               padding-top: 0px;
               padding-right: 0px;
               padding-bottom: 0px;
               padding-left: 8%;
               background-color: #000000;
               }
               
                  div.validate_this img {
                  border-color: #000;
                  }

                  div.validate_this a img {
                  border-color: #000;
                  }
                  
                     .col_bloxed {
                     height: 158px;
                     text-align: center;
                     background-color: #333;
                     }
   
                     /* End of RightNav (10th)_Column */


.col_11 {
width: 1%;
height: 4008px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
position: relative;
background-color: #000000;
float: left;
}

/* End of Body_Wrapping_Styles */