body
{
margin: 0px;
padding: 0px;
position: relative; 
top: 0px;
background-color:#484848; 
font-family:sans-serif; 
font-style: normal;
font-size:13px;
}

.maintab
{
border-style: solid; 
border-color:gray;
border-top:none;
}

h1
{
font-family: sans-serif;
font-size:18px; 
}

h2
{
font-family: sans-serif;
font-size:13px; 
margin: 0px; 
}

.footer
{
font-family: sans-serif;
font-size:10px; 

}

input.sidebar
{
border-width:3px; 
font-size:9px;
font-family:sans-serif;
}

table.hiscore {
	border-width: 0px;
	border-style: solid;
	border-color: white;
	border-collapse: separate;
	background-color: black;
	color:white;
	font-size:12px;
}
table.hiscore td {
	border-width: 1px;
	padding: 4px; 
	border-style: solid;
	border-color: lightyellow;
	color:black;
	background-color: white;
	text-align:center;
}

table.hiscore th {
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #CA0000;
	background-color:  #CA0000;
	color:white;
}

a.navbar:link {color:gray}     /* unvisited link */
a.navbar:visited {color:gray}  /* visited link */
.navbar
{
font-size:12px;
text-align: left;
font-family: sans-serif;
font-weight: bold;
color:#d56727;
}
a.gallerylnk:link {color:black; font-size:12px}     /* unvisited link */
a.gallerylnk:visited {color: black;  font-size:12px}  /* visited link */
a.gallerylnk:hover {color: blue; font-size:12px}  /* visited link */

a.indextop:link {color:black; font-size:12px}     /* unvisited link */
a.indextop:visited {color: black;  font-size:12px}  /* visited link */
a.indextop:hover {color: blue; font-size:12px}  /* visited link */


.bl {background: url(blue.jpg) 0 100% no-repeat #ACD4E6; }
.br {background: url(blue.jpg) 100% 100% no-repeat}
.tl {background: url(blue.jpg) 0 0 no-repeat}
.tr {background: url(tr.jpg) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px} 

a.feat:link {color:#d56727; font-weight:bold}     /* unvisited link */
a.feat:visited {color: #d56727;  font-weight:bold}  /* visited link */
a.feat:hover {color: blue}  /* visited link */
a.featcurr:link {color:#d56727; font-weight:bold; } /* text-decoration: none}     /* unvisited link */
a.featcurr:visited {color: #d56727;  font-weight:bold}  /* visited link */
a.featcurr:hover {color: blue}  /* visited link */
img.feat{border-color:#788895; border-width:0px;}
 
a.nextpuz:link {color:white; font-size:12px}     /* unvisited link */
a.nextpuz:visited {color: white;  font-size:12px}  /* visited link */
a.nextpuz:hover {color: blue; font-size:12px}  /* visited link */
 
img.popular{border-color:black; border-width:1px}

a.prev:link {color:white}     /* unvisited link */
a.prev:visited {color: white}  /* visited link */
a.prev:hover {color: gray} 
img.prev{border-color:#788895; border-width:0px;}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 180px;
height: 130px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid #687C98;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 0px;
visibility: hidden;
width: 150px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 580px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color:#d56727;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: white;
color: blue;
}

.glidecontenttoggler a:hover{
background: white;
color: blue;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}

.titletxtr
{
background-color:#DA4D00; 
color:white;
}

button.galbutsel
{
font-size:12px;
font-family:sans-serif;
color:black;
background-color:gray;
font-weight:bold;
}

button.galbutnot
{
font-size:12px;
font-family:sans-serif;
color:black;
background-color:#D0D0D0;
font-weight:bold;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: #1f2C35;
color:white;
font-family: Miriam;
font-size:14px;
visibility: hidden;
z-index: 100;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


    #sideBar{
        position: absolute;
        width: auto;
        height: auto;
        top: 100px;
        right:-7px;
        background-image:url(images/background.gif);
        background-position:top left;
        background-repeat:repeat-y;
    }
    
    #sideBarTab{
        float:left;
        height:137px;
        width:28px;
    }
    
    #sideBarTab img{
        border:0px solid #FFFFFF;
    }
    
    #sideBarContents{
        overflow:hidden;
    }
    
    #sideBarContentsInner{
        width:260px;
    }