#cols{

display: inline;


}


#cols li{
 display: inline;
 width:30%;
 float:left;
 border-left: 1px dashed silver;
 border-bottom: 1px dashed silver;
 font-size:11px;
 text-align:left;  
 margin:1 1 1 1;
}

#cols li a:hover{
/* background:#eeee77;*/
   background:#af7f3a; 
   color:#ffff40;

}

#toptop{

   background:#af7f3a; 
   color:#ffff40;

}


#sitemap {
width:300px;
float:left;
border:1px dashed gray;
padding-left:10px;
padding-right:10px;
margin-right:10px;


}


#sitemap font{
font-size:8px;
}

#sitemap li{

}

#page {
height: 100%;
width:100%;
top:0px;


}

#block {
height: 100%;
width:550px;
position: absolute;
top:0px;
left:170px;
/*right:100px;*/
padding: 10 10 10 10;
font-family:tahoma,verdana;
/*overflow:hidden;*/
}


#left2 {
width: 140px;
position: absolute;
top:0px;
left:30px;
border-right: 1px dashed ;
font-size: 0.8em;
font-family:tahoma,verdana;
}

#left2 b {
color: silver;
font-weight:normal;
}

#pick {
    width:540px;
    border-bottom: 1px dashed silver;
    padding:5 5 5 5;
    margin:5 5 5 5;
    text-align:left;

     }

#best {
  background:#af7f3a;color:orange;
}

#best.a{
  background:#af7f3a;color:orange;
}


#cool {
 background:yellow;color:blue;
 
}

#new {
 background:white;color:red;letter-spacing:4px;
 
}

#new2 {
 background:#8af;color:pink;letter-spacing:2px;
 
}

#new3 {
 background:#aaa;color:#007;letter-spacing:1px;
 
}

#catnew {
 background:#eee;color:red;
 
}

#catnew2 {
 background:pink;color:green;
 
}

#catnew3 {
 background:#ddd;color:#00a;
 
}

#col {
 top:0px;
 width:600px;
float:left;
}

#col ul{
 display: inline;
border-left: 1px dashed silver;
 border-bottom: 1px dashed silver;
  
 
}

#col li{
  display: inline;
  width:33%;
float:left;
border-left: 1px dashed silver;
 border-bottom: 1px dashed silver;


}



#col2 {
 top:0px;
 width:600px;
float:left;
padding-left:10px;
font-family:arial,sans-serif;
font-size:14px;
}

#col2 ul{

display: inline;
padding-left:10px;

}

#col2 li{
  display: inline;
  width:45%;

float:left;
border-left: 1px dashed silver;
 border-bottom: 1px dashed silver;


}

#dynul
{
display:inline;

padding-bottom: 0px;
padding-top: 0px;
padding-left: 0px;                                                                                      
margin-top: 1px;
margin-bottom: 1px;
}

#dynul li
{
display:inline;
border-bottom: 1px dashed gray;
}

#thumb ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
/*background-color: #BAA99F;  */
/*color: #F2EEEC;*/
width: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#thumb ul li
{
display: inline;
width:33%;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;

}


#block_review {
width:750;
border: 1px solid gray;

height: 100%;
position: absolute;
top:0px;
left:100px;
right:100px;
background-color: #ffffff;
}

#block_review b{
color:#555      ;
/*font-weight:bold;*/
text-transform:normal;
font-family: sans-serif,courier,tahoma;
letter-spacing:-1px;
font-size:0.9em;  
/*font-style:italic;*/
background-color: #eef;
}

#block_review .my{
color:brown     ;
font-family: georgia,courier,tahoma;
letter-spacing:2px;
font-size:2.0em;  
/*font-style:italic;*/
background-color: #eef;
}


#block_1 {

width:600px;
position: absolute;
top:240px;
left:100px;
right:100px;
background: #eef;
padding: 15 0 5 5;


}

#link {
font-family:verdana,tahoma,georgia,tahoma;
}

#link a{


}


#logo {
width: 600px;
height: 235px;
position: absolute;
top:0px;
margin:10 10 10 10;
left:100px;
letter-spacing:0px;

background: #cfa;
}

#logo2 {
width:720px;
padding:10 10 10 10;
height: 235px;
position: absolute;
top:0px;
left:100px;
letter-spacing:-1px;

background: #cfa;
}

#bottom {
width: 150px;
text-align:center;
height: 300px;
position: absolute;
top:2400px;
left:100px;
border: 1px solid blue;
}

#bottom2 {
width: 150px;
text-align:center;
height: 300px;
top:50px;
left:100px;
border: 1px solid blue;
}


#left {
width: 150px;
position: absolute;
top:102px;
left:0px;
border: 1px solid blue;
}

#right {
width: 150px;
position: absolute;
top:    0px;
left:705px;
text-align:center;
border: 1px dotted gray;
background: #ffa;
padding-left:10px;
padding-right:10px;
font-size:8px;
}

#right2 {
width: 250px;
position: absolute;
top:0px;
left:710px;
text-align:center;
border: 1px dotted gray;
background: #f0cc99;
}



/*------------- hnav------------*/


#hnav ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
/*background-color: #BAA99F;*/
background-color: #f2f2f2;
color: #F2EEEC;
width: 100%;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
line-height: 28px;
/* fixes Firefox 0.9.3 */
}

#hnav ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
overflow:hidden;
}
                                                   



#hnav ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: black;
font-size:0.8em;
/*font-weight:normal;*/
text-decoration: none;
border-right: 1px solid #F2EEEC;
        background: #EEECaa;
}

#hnav ul li a:hover
{
        background: #F2EEEC;
color: #3A291F;
}

#hnav #active { border-left: 1px solid #F2EEEC; }

/*------------- added ------------*/


font  { font-family:  trebuchet, tahoma, trebuchet ms,Verdana,Arial; font-size:11pt;}
#block_1 td  { font-family: trebuchet,tahoma,'Lucida Grande'; font-size:11pt;letter-spacing:0px;}


h1 { font-size: 28pt; font-variant:small-caps; font-weight:bold; 
    font-family: 'Lucida Grande','Lucida Sans Unicode',arial,tahoma;background: #F2EEEC;
     color:#af7f3a;
    line-height:30px;
 }
h4 { font-variant:small-caps; font-weight:bold; 
    font-family: 'Lucida Grande','Lucida Sans Unicode',arial,tahoma;background: #F2EEEC;
     color:#af7f3a;
    line-height:30px;
 }


h1:first-letter {color:#875;font-size:55px;
       font-family:impact,arial black,comic sans ms,verdana;}

A:hover { text-decoration: underline;color:acf;}
A { text-decoration: none; color:#26a;}
A:visited { text-decoration: none; color:#26a;}


td.A:visited { font-size: 14pt; text-decoration: none; color:brown;font-style:italic;}
td.A:link {font-size: 14pt; text-decoration: none; color:brown;}
td.A:hover { font-size: 14pt; text-decoration: underline; color:brown;}

p:link {font-size: 9pt; text-decoration: none; color:brown;}


.midsmall { font-size: 9pt; text-decoration: none}
.smallfont { font-size: 9pt; text-decoration: underline; color:#48c;
             
           }


.input{}

.shade {border-style:groove;}
.cinput {background-color:rgb(240,244,255); font-size: 10pt;}


.smallestfont {
        FONT-SIZE: 7pt; COLOR: maroon; FONT-FAMILY: Arial, Comic Sans ms, Helvetica, sans-serif;
}

.smallestfont2 {
        FONT-SIZE: 12pt; FONT-FAMILY: Arial, Georgia, Helvetica, sans-serif; }

.flashfont {
        FONT-SIZE: 8pt; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif; 
}
/*---------------from blogger----------------------------------*/
#footer { margin: 8px 8px 8px 8px; }
#footer {background: #BAA99F;
        float:bottom;}
#footer a {color:#000000;
          background: #A9BA9F;
          border-bottom:1px dashed;
        }


.credit {

  font-size: 90%;
  margin: 10px 0 0 0;
  padding: 3px;
  text-align: center;
}
.credit a, .credit a:hover {text-decoration: none;}
li IMG {float:left;}