body
{
    background-image:url("../images/color.png");
}

a, a:visited
{
    color:#883299;
    transition:color 1s, text-shadow 1s;
    -webkit-transition:color 1s, text-shadow 1s;
    text-decoration:none;
    outline:none;
    border:none;
}

a.help
{
    border:none;
    cursor:help;
}

p
{
    margin:0px 0px 2.5ex 0px;
    padding:0px;
}

p a, p a:visited
{
    border-bottom: 1px solid #883299;    
}

li
{
    padding-bottom:1ex;
}

ul.nav
{
    margin:0px 0px 2ex 0px;
    padding: 0px;
    clear:both;
}

ul.nav:after
{
    content: ".";
    visibility: hidden;
    display: block;
    height: 0px;
    clear: both;
}

ul.nav li
{
    border-top:solid 2px black;
    list-style:none;
    float:left;
    margin:0px 0px 1ex 0px;
    padding-top:1ex;
    padding-bottom:0px;
}

ul.nav li + li:before
{
    content:"|";
    visibility: hidden;
    padding-left:0.5em;
    padding-right:0.5em;
}

ul.nav li a, ul.nav li a:visited
{
    color:#C398CC;
}

ul.nav li a:hover, ul.nav li a.current
{
    color:#6716F2;
}

ul.nav li a:hover
{
    border-bottom:solid 1px #6716F2;
}

p#site_map a
{
    border:none;
}

p#site_map a:hover
{
    text-shadow: 0em 0em 2.5em #DDD;
}

p#fine_print a
{
    border-bottom: 1px solid black;    
}

p#fine_print a:hover
{
    border-bottom: 1px solid #F2DFF5;    
}

a:hover
{
    color:#6716F2;
    transition:color 0.25s;
    -webkit-transition:color 0.25s;
}

a:active
{
    color:#883299;
    transition: none;
    -webkit-transition: none;
}

.content_right p
{
    font-family:"Times New Roman", Times, serif;
    font-size:16px;
    color:#23032d;
    line-height:24px;
}

.content_right p::first-line
{
    font-size:125%;
}

p.note
{
    font-size:70%;
}

p.note::first-line
{
   font-size:100%;
}

h1, h2, h3, h4, h5, h6
{
    margin-top:0px;
    margin-bottom: 2ex;
}

h1
{
    font-size:24px;
    margin-bottom:1.5ex;
}

h2
{
    font-size:24px;
    padding-bottom:0.5ex;
    border-bottom:double 4px black;
}

h3
{
    font-size:18px;
    border-bottom:solid 1px black;
    padding-bottom:0.5ex;
    color:#632E68;
}

p#site_map
{
    padding-top:10px;
    padding-bottom:5px;
    color:#883299;
    background-color:#2C132E;
    font-size:150%;
    width:756px;
    text-align:center;
    margin:1ex auto;
}

p#site_map a:hover
{
    color:#D916F2;
}

p#fine_print
{
    font-size:80%;
    width:500px;
    text-align:center;
    margin:0px auto;
    text-shadow: 0em 0em 0.8em #DDD;
}

p#fine_print a
{
    color:#000000;
    transition: color 0.25s;
    -webkit-transition: color 0.25s;
}

p#fine_print a:hover
{
    color:#F2DFF5;
}

.email
{
    color:#883299;
}

h4
{
    background-color: #BC64E7;
    color: #FFFFFF;
    padding-left: 0.5em;
    padding-bottom:0.5ex;
}

h4 a, h4 a:visited, h4 a:hover, h4 a:active
{
    color: #FFFFFF;
}

h4 a:hover:after
{
    padding: 1px 3px 0px 0px;
    float: right;
    font-size: 60%;
    content:"  Show/hide";
}

h4 a:active
{
    position: relative;
    top: 0.15ex;
}

h4 + section
{
    background-image:url('../images/gradient.png');
    background-repeat: repeat-x;
    padding-left:3px;
}

/***********************************************/

ul
{
    padding-left: 2em;
}

li
{
    list-style-position: outside;
    transition: color 2.5s;
    -webkit-transition: color 2.5s;
}

.no-bullet
{
    list-style-type: none;
}

li:not(.no-bullet):hover
{
    color: #B900C5;
    transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
}

h5 + ul
{
    font-size: 75%;
}

/***********************************************/

#content
{
    position:relative;
    top:20px;
    
    margin: 0px auto 0px auto;
    padding: 0px 0px 2ex 0px;
    
    width:750px;
    height:auto;
    min-height:500px;
    
    background-color:#FFFFFF;
    border:3px solid #2C132E;
}

.content_left
{
    float:left;
    text-align: center;
    left:0px;
    width:287px;
}

.content_left a img
{
    opacity:0.80;
}

.content_left a img:hover
{
    opacity:1.0;
}


.content_right
{
    overflow:hidden;
    margin-left: 295px;
    left:300px;
    width:430px;
}

.content_whole_width
{
    width: 100%;
}

.divider
{
    border-bottom: 2px dashed #DDCCDD;
    clear: both;
    height: 32px;
    margin-bottom: 32px;
    margin-left: 30px;
    width: 690px;
}

.clear
{
    clear: both;
}

#content_end
{
    visibility:hidden;
    clear:both;
    width:750px;
    height: 16px;
}

#bannerback
{
    position:relative;
    background-image: url("../images/bannerback.png");
    width:750px;
    height:242px;
    top:0px;
    left:0px;
}

#bannertext
{
    background-image: url("../images/bannertext.png");
    width:417px;
    height:75px;
    position:absolute;
    top:20px;
    left:15px;
}

#bannercat
{
    background-image: url("../images/bannercat.png");
    width:211px;
    height:110px;
    position:absolute;
    top:17px;
    left:500px;
}

#buttonglow
{
    background-image: url("../images/buttonglow.png");
    position:absolute;
    top:90px;
    left:230px;
    width:529px;
    height:136px;
}

#background
{
    background: url("../images/background.png");
    background-repeat:repeat-x;
    z-index:-1;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:600px;
}

a.home
{
    background: url("../images/Home.png") no-repeat 0 0;
    position:absolute;
    top: 130px;
    left: 297px;
    width: 87px;
    height: 35px;
    display: block;
    text-indent: -9999px;
}

a.home:hover
{
   background-position: 0 -35px;
}

a.home:active
{
    background-position: 0 -70px; 
}

a.games
{
    background: url("../images/Games.png") no-repeat 0 0;
    position:absolute;
    top: 130px;
    left: 393px;
    width: 104px;
    height: 35px;
    display: block;
    text-indent: -9999px;
}

a.games:hover
{
   background-position: 0 -35px;
}

a.games:active
{
    background-position: 0 -70px; 
}

a.utilities
{
    background: url("../images/Utilities.png") no-repeat 0 0;
    position:absolute;
    top: 130px;
    left: 506px;
    width: 117px;
    height: 35px;
    display: block;
    text-indent: -9999px;
}

a.utilities:hover
{
   background-position: 0 -35px;
}

a.utilities:active
{
    background-position: 0 -70px; 
}

a.links
{
    background: url("../images/Links.png") no-repeat 0 0;
    position:absolute;
    top: 130px;
    left: 632px;
    width: 101px;
    height: 35px;
    display: block;
    text-indent: -9999px;
}

a.links:hover
{
   background-position: 0 -35px;
}

a.links:active
{
    background-position: 0 -70px; 
}

.collapse
{  
    transition: max-height 1.8s;
    transition-timing-function:ease-in;
    
    -webkit-transition: max-height 0.7s;
    -webkit-transition-timing-function:ease-in-out;

    max-height: 200ex;
    overflow: hidden;
}

.hidden
{
    transition-duration: 0.6s;
    transition-timing-function:ease-out;
    
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function:ease-out;
    
    max-height: 0px;
    overflow: hidden;
}