img#homebutton { background:url('images/ui/cs_homebutton.gif') no-repeat top left; border: 0px; height: 20px; width: 40px; }
img#prevbutton { background:url('images/ui/cs_prevbutton.gif') no-repeat top left; border: 0px; height: 20px; width: 20px; }
img#nextbutton { background:url('images/ui/cs_nextbutton.gif') no-repeat top left; border: 0px; height: 20px; width: 20px; }
img#prevbutton_dis { background:url('images/ui/cs_prevbutton_dis.gif') no-repeat top left; border: 0px; height: 20px; width: 20px; }
img#nextbutton_dis { background:url('images/ui/cs_nextbutton_dis.gif') no-repeat top left; border: 0px; height: 20px; width: 20px; }
p.first{ color: ffffcc; height: 0px; }
p.second{ color: f1ca77; height: 0px; }
p.third{ color: 6a4e04; height: 0px; }

.shana {
position: absolute;
top: 100px;
left: 660px;
background-image: url('/images/ui/_pageheader.k-on.01.blick.png');
_background-image: url('/images/ui/_pageheader.k-on.01.blickie6.png');
background-repeat: no-repeat;
width: 200px;
height: 70px;
}

.banner-img {
border: 0;
}

.rns-dl {
color: #514421;
height: 42px;
width: 420px;
display: table-cell;
vertical-align: middle;
background-image: url('/images/rns/ifnotclickhere.jpg');
}

.rns-row {
height: 22px;
}

.rns-rank {
width: 14px;
color: #e0d4a5;
text-align: center;
font-size: 18px;
}

.rns-img {
/* border: 1px solid #746714; */
}

.rns-track {
width: 180px;
vertical-align: top;
padding-top: 2px;
padding-left: 4px;
}

.extranav {
text-align: center;
}

.mypreview{
width: 420px;
}

a:link	{
color: #FFFFCC;
text-decoration: none;
}

a:visited {
color: #FFFFCC;
text-decoration: none;
}

html, body {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
line-height: 1.2em;
color: #746714;
font-size:10px;
font-family: tahoma;
scrollbar-base-color:#FFFFCC;
scrollbar-face-color:#9D8E74;
scrollbar-arrow-color:#FFFFCC;
scrollbar-highlight-color:#555555;
background-color: #a79c7d;
background-repeat: no-repeat;
background-attachment: scroll;
background-image: url('/images/ui/bg_k-on.02.jpg');
}

.mythead {
height: 16px;
color: #d6c89c;
font-size: 10px;
font-weight: normal;
font-family: tahoma;
text-align: left;
padding-top: 2px;
padding-left: 4px;
background-image: url('/images/ui/th.k-on.02.jpg');
}

.mytmenuhead {
height: 16px;
color: #d6c89c;
font-size: 10px;
font-weight: normal;
font-family: tahoma;
text-align: left;
padding-top: 2px;
padding-left: 4px;
border: 0 0 0 0;
background-image: url('/images/ui/th.k-on.02.jpg');
}

.mytbody {
color: #d9cd9b;
font-size: 10px;
font-weight: normal;
font-family: tahoma;
text-align: left;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
}

.mytbodyright {
color: #d9cd9b;
font-size: 10px;
font-weight: normal;
font-family: tahoma;
text-align: right;
padding-top: 2px;
padding-left: 2px;
padding-bottom: 2px;
}

.mytmenubody {
color: #746714;
font-size: 10px;
font-weight: normal;
font-family: tahoma;
text-align: center;
padding-top: 0px;
padding-bottom: 6px;
}

tbody th, td {
color: #746714;
text-align: left;
font-size: 10px;
font-family: tahoma;
font-weight: normal;
}

#maincontainer{
width: 826px; /*Width of main container*/
margin: 160px 120px;
_margin: 148px 120px;
}

#topsection{
height: 1px; /*Height of top section*/
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
padding-left: 12px;
width: 424px;
_width: 436px;
margin: 0 205px 0 170px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 170px; /*Width of left column in pixel*/
margin-left: -826px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: left;
width: 205px; /*Width of right column*/
margin-left: -205px; /*Set left margin to -(RightColumnWidth)*/
}

#footer{
clear: left;
width: 100%;
color: #716954;
text-align: center;
padding: 30px 0 20px;
}

.innertube{
margin: 2px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


/* --------------------------------------------------------------------------------------- */
/* popup image css 									   */
/* --------------------------------------------------------------------------------------- */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #433612;
padding: 3px;
left: -500px;
top: -500px;
visibility: hidden;
color: #ffffcc;
text-decoration: none;
text-align: center;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 3px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -20px;
_top: -10px;
left: 70px; /*position where enlarged image should offset horizontally */

}

.thumbnail-low{
position: relative;
z-index: 0;
}

.thumbnail-low:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail-low span{ /*CSS for enlarged image*/
position: absolute;
background-color: #433612;
padding: 3px;
left: -500px;
top: -500px;
visibility: hidden;
color: #ffffcc;
text-decoration: none;
text-align: center;
}

.thumbnail-low span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 3px;
}

.thumbnail-low:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -300px;
_top: -260px;
left: 30px; /*position where enlarged image should offset horizontally */
}