body{background-color:#1C1C1C; color:white; background-repeat:no-repeat;background-position:right top;}
.mainfont{BACKGROUND-COLOR: #1C1C1C;}
h1{color:green}
h2{color:green}
h3{color:blue}
h4{color:aqua}

/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
}

.tabsmenuclass a{
color: black;
margin-right: 7px;
text-decoration: none;
font: bold 20px Arial;
color:gray;
}


.tabsmenuclass a:hover, .tabsmenuclass a.selected{
color:black;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
background: #000000;
width: 90%;
height: 24px;
padding: 5px;
border: 1px solid silver;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{
float: left;
margin-right: 1em;
}

/* ########### Scrolling Pictures ########## */
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 2px solid navy;

width: 400px; /*width of featured content slider*/
height: 250px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 400px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
padding: 0px 0px;
}

.pagination a{
padding: 0 0px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #1C1C1C;
background-color: navy;
}



a.home {
background-image:url(Images/Buttons/Home.png);
}

a.home:hover {
background-image:url(Images/Buttons/Home2.png);
} 

a.games {
background-image:url(Images/Buttons/Games.png);
}

a.games:hover {
background-image:url(Images/Buttons/Games2.png);
} 

a.game{background-image:none}
a.game:hover{background-image:url(Images/line.png);}
