body
{
overflow: hidden;
scrollbar-face-color: #000000; 
scrollbar-shadow-color: #000000; 
scrollbar-base-color: #FFCDF8; 
scrollbar-highlight-color: #FFCDF8; 
scrollbar-3dlight-color: #DA97D1; 
scrollbar-darkshadow-color: #DA97D1; 
scrollbar-track-color: #000000; 
scrollbar-arrow-color: #FFBAF3;
color: #FFFFFF;
background-image: url("images/bgimage.jpg");
background-repeat: no-repeat;
background-color: #FFBAF3;
font-size: 12pt;
}


a:link {color: #69BAE5;}
a:visited {color: #69BAE5;}
a:active {color: #FFBAF3;}
a:hover {color: #FFFFFF;}

div
{

}

.home
{
position: absolute;
left: 20px;
top: 15px;
width: 355px;
height: 75px;
background-image: url("images/ .jpg");
}


.shorts
{
overflow: hidden;
height: 18px;
width: 57px;
position: absolute;
left: 93px;
top: 150px;
background-image: url("images/shorts1.jpg");
background-repeat: no-repeat;
}

.shorts:hover 
{
width: 260px;
overflow: visible;
padding-top: 1px;
background-color: #FFBAF3;
background-image: url("images/shorts2.jpg");
z-index: 1;
}


.comics
{
overflow: hidden;
height: 18px;
width: 64px;
position: absolute;
left: 86px;
top: 175px;
background-image: url("images/comics1.jpg");
background-repeat: no-repeat;

}

.comics:hover 
{
width: 247px;
overflow: visible;
padding-top: 1px;
background-color: #FFBAF3;
background-image: url("images/comics2.jpg");
z-index: 2;}


.rv
{
overflow: hidden;
height: 18px;
width: 140px;
position: absolute;
left: 10px;
top: 200px;
background-image: url("images/rv1.jpg");
background-repeat: no-repeat;

}

.rv:hover 

{
width: 250px;
overflow: visible;
padding-top: 1px;

background-color: #FFBAF3;
background-image: url("images/rv2.jpg");
z-index: 3;
}




.og
{
overflow: hidden;
height: 19px;
width: 115px;
position: absolute;
left: 35px;
top: 225px;
background-image: url("images/og1.jpg");
background-repeat: no-repeat;
}

.og:hover 

{
width: 233px;
overflow: visible;
padding-top: 1px;

background-color: #FFBAF3;
background-image: url("images/og2.jpg");
z-index: 3;
}

.pictures
{
overflow: hidden;
height: 18px;
width: 75px;
position: absolute;
left: 75px;
top: 250px;
background-image: url("images/pictures1.jpg");
background-repeat: no-repeat;
}

.pictures:hover 

{
overflow: visible;
padding-top: 1px;
background-color: #FFBAF3;
background-image: url("images/pictures2.jpg");
z-index: 4;
}




.content
{
overflow: auto;
padding: 5px;
background-color: #000000;
height: 400px;
width: 500px;
position: absolute;
left: 205px;
top: 170px;
}




.sideleft
{
position: absolute;
left: 181px;
top: 170px;
width: 25px;
height: 410px;
background-image: url("images/sidebar.jpg");
background-repeat: repeat-y;

}

.sideright
{
position: absolute;
left: 715px;
top: 170px;
width: 25px;
height: 410px;
background-image: url("images/sidebar.jpg");
background-repeat: repeat-y;}

span
{}


.shortslinks
{
background-color: #000000;
position: absolute;
left: 63px;
top: 0px;
}


.comicslinks
{
background-color: #000000;
position: absolute;
left: 69px;
top: 0px;
}


.rvlinks
{
background-color: #000000;
position: absolute;


left: 140px;
top: 0px;
}

.oglinks
{
background-color: #000000;
position: absolute;


left: 130px;
top: 0px;
}

.pictureslinks
{
background-color: #000000;
position: absolute;
left: 80px;
top: 0px;
}

h1
{
color: #FFBAF3;
text-align: center;
}

h2
{
color: #FFBAF3;
}