.my_banner_class .title {
  font-size: 12px;
  font-weight: bold;
  color: red;
  background:#EEECaa;
}

#sidebar {
          position:absolute;
          width:180px; 
         padding:10px 8px;
          margin:0;
          font-size:1em;
          left: 500pt;
          top: 50px;

} 

#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;
background:#EEECaa;
}

#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:red;color:orange;
}

#best2 {
  background:brown;color:orange;
 line-height:19px;
 font-size:36px;
}

#best3 {
  background:brown;color:orange;
 line-height:12px;
 font-size:8px;
}


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

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

#new2 {
 background:pink;color:red;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{
 
 list-style-type:circle;
 color: #aaa;

 
}

#col li{
 list-style-type: square;
 display: inline;
 width:28%;
 float:left;
 border-left: 1px dashed silver;
 border-bottom: 1px dashed silver;
 padding-left:20px;

}



#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;*/

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 {
border-left: 1px dotted gray;
width:600px;
position: absolute;
top:240px;
left:100px;
right:100px;
background: #fdfef2;

padding: 15 0 5 5;
}

#block_1 a{
color: #c00;
}


#aff {

padding-left:0px;
padding-right:15px


}

#right {
width: 150px;
position: absolute;
top:0px;
left:710px;
text-align:center;
padding-left:10px;
border: 1px dotted gray;
background: #f0cc99;

}


#logo {
width: 600px;
height: 235px;
position: absolute;
overflow:hidden;
top:0px;
left:100px;
letter-spacing:1px;
border-left: 1px dotted gray;
border-bottom: 1px dotted gray;
/*cool background: #ccaa80;*/
/*
background: #cc6040;
background: #ccbb80;
background: #ccbb80;
background: #dc8;
background: #cc4040;
*/
background: #dd8040;





/*background: #cca0a0;*/
/*background: #fa8;*/
padding-left:10px;
padding-right:40px


}

#bottom {
text-align:center;

}

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


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

#right2 {
width: 150px;
position: absolute;
padding-left:3px;
padding-right:3px;
top:0px;
left:730px;
text-align:center;
border: 1px dotted gray;
background: #f0cc99;
}


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


#hnav ul
{
text-align: center;
margin-bottom: 2px;
padding-bottom: 4px;
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 */

}

#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;

border-right:2px solid black;
border-bottom:2px solid black;

}

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

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

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



FONT  { font-family:  tahoma,serif, trebuchet ms,Verdana,Arial; }
FONT  { color:#404040; }
body  { font-family:  tahoma,serif, trebuchet ms,Verdana,Arial; }
h1 { font-size: 8pt; font-variant:small-caps; color:#800000; }


A:hover { text-decoration: underline;}
A { text-decoration: none; color:brown}
A:visited { text-decoration: none; color:brown}


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;
        }
#footer a {color:#000000;
          background: #A9BA9F;
          border-bottom:1px dashed;
        }


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

br{
clear: left;
}