@import url("login_form.css");

#pcontent {
    margin: 0;
    padding:0;
}

    #login {
        float:left;
        left:0;
    }

    #banners {
    }
    #links {
        position:relative;
        top:-6px;
        padding:15px 20px 15px 18px;
        width:938px;
        /*height:275px;*/
        background: transparent url(../cliparts/bg/links.png) no-repeat 0 0;
        overflow:hidden;
    }
        #links .link {
            display:inline;
            margin:10px 4px 10px 7px;
            float:left;
            width:290px;
            height:290px;
            overflow:hidden;
            border-right: 1px solid #CECBAE;
            text-align:center;
    		padding-right:10px;
        }
        #links .link:last-child, #links .link-last {
            border-right:none;
        }
        #links .link H3 {
            text-align:left;
            font-size: 20px;
            color: #663333;
            font-weight: normal;
            margin-bottom:15px;
    		padding-left:14px;
        }
        #links .link DIV.img {

        }
        #links .link A {
            font-size: 11px;
            color: #575344;
            text-decoration:none;
            line-height:2em;
        }
        #links .link A:hover {
            font-size: 11px;
            color: #000;
            text-decoration:none;
        }
    .hline {
        background: transparent url(../cliparts/hline.jpg) no-repeat 0 0;
        height: 1px;
        width: 100%;
        clear:both;
    }

#usermenu * {
    margin:0;
    padding:0;
}
#usermenu {
    padding:0 1em;
    margin:1em 0;
    line-height: 2em;
    color: #000000;
}
    #usermenu SPAN.name {
        display:block;
        font-size: 1.2em;
        font-weight:bold;
        border-bottom: 1px solid #000000;
    }
    #usermenu SPAN.login {
        display:none;
    }
    #usermenu SPAN.menu {
        display:block;
    }
    #usermenu SPAN.menu UL {
        margin:0;
        padding:0;
        list-style:none;
        margin-top: 1em;
    }
    #usermenu SPAN.menu UL LI {
        line-height: 2.5em;
        font-weight:bold;
        padding:0 1em;
    }
    #usermenu SPAN.menu UL LI:hover {
        background: #D4D2B9;
    }
    #usermenu SPAN.menu UL LI:last-child {
        text-align:right;
        margin-top: 1em;
    }
        #usermenu SPAN.menu LI A {
            display:block;
            color: #000000;
            text-decoration:none;
        }
        #usermenu SPAN.menu LI A:hover {
            color: #231F20;
            text-decoration:underline;
        }

/***********************
 Slider
 ***********************/
.anythingSlider                     { width: 660px; height: 340px; position: relative; }
.anythingSlider .wrapper            { width: 640px; overflow: hidden; height: 340px; margin: 0; position: absolute; top: 0; left: 40px; }
.anythingSlider .wrapper ul         { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li               { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow              { display: block; height: 200px; width: 67px; background: url(../cliparts/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward            { background-position: 0 0; right: -25px; }
.anythingSlider .back               { background-position: -67px 0; left: -25px; }
.anythingSlider .forward:hover      { background-position: 0 -200px; }
.anythingSlider .back:hover         { background-position: -67px -200px; }

#thumbNav                           { display:none; position: relative; top: 323px; text-align: center; }
#thumbNav a                         { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                   { background-image: none; }
#thumbNav a.cur                     { background: #e0a213; }
#start-stop                         { background: #6F6B5A; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                 { background-color:#8F8A74; }
#start-stop:hover                   { background-image: none; }

.anythingSlider .wrapper ul ul      { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li   { float: none; height: auto; width: auto; background: none; }


/**********************************
    BANNERS
 **********************************/
#banners {
    position:relative;
    top: -1px;
    margin:0;
    padding:0;
    width: 720px;
    height: 340px;
    overflow:hidden;
}
    #banners DIV.wrapper UL LI {
        padding-left:2em;
        margin-bottom:10px;
        width:613px;
        height:350px;
        vertical-align: middle;
        #position: relative;
        overflow: hidden;
        display:table-cell;
    }
    #banners DIV.wrapper H1 {
        margin-top:90px;
        font-size:24px;
        color:#C00;
        letter-spacing:-1px;
        margin-bottom:10px;
        font-weight:normal;
        width:330px;
    }
    #banners DIV.wrapper P {
        width:330px;
    }
.slider01 { background:url(../cliparts/slider/01.gif) no-repeat bottom right; }
.slider02 { background:url(../cliparts/slider/02.gif) no-repeat bottom right; }
.slider03 { background:url(../cliparts/slider/03.gif) no-repeat bottom right; }
.slider04 { background:url(../cliparts/slider/04.gif) no-repeat bottom right; }
.slider05 { background:url(../cliparts/slider/05.gif) no-repeat bottom right; }
.slider06 { background:url(../cliparts/slider/06.gif) no-repeat bottom right; }
.slider07 { background:url(../cliparts/slider/07.gif) no-repeat bottom right; }
.slider08 { background:url(../cliparts/slider/08.gif) no-repeat bottom right; }
.slider09 { background:url(../cliparts/slider/09.gif) no-repeat bottom right; }