html, body {                                                 
    margin:0;
    padding:0;                                           
    height:100%; /* needed for container min-height */
    font-family: Arial;
    color: #FFFFFF;
}  

html { background: url('images/bg.html2.jpg') repeat-y top left #d18108; }                                                   
body { background: url('images/bg.bottom.jpg') no-repeat 0px 560px; }  
/*body { background: url('images/bg.middle.jpg') repeat-y top left; }*/

a { color: #ffa300; text-decoration: underline; }
a:hover { text-decoration: none; }

.yellow { color: #ffa300; }
img.right { float: right; margin-left: 1em; }
img.left { float: right; margin-right: 1em; }

h2 { color: #FFFFFF; font-weight: bold; font-size: 1.6em; }
h3 { color: #FFFFFF; font-weight: bold; font-size: 1.2em; margin-bottom: 0.5em; }  


#container {                                              
    width:1100px;
    font-size: 1.25em;                                              
    background: url('images/bg.bottom.jpg') no-repeat 0px 560px;
}         

#header {
    width: 1050px;
    height: 172px;
}

#menu {
    float: left;
    width: 224px;
    padding-left: 46px;
}
    #menu a.uptowner {
        position: relative;
        float: left;
        width: 224px;
        height: 84px;
        margin: 0;
        padding: 0;
        background: url('../images/uptowner.png') no-repeat top left;
    }

/* ####################################################################### */

#content {
    width: 805px; 
    min-height: 400px;
    float:left;
    margin-left:10px;
}
    #content h1 { color: #ffa301; margin: 0; }
    
     div.cupmatch {            
        padding-left: 235px;
        background: url('images/cupmatch.png') no-repeat top left;
    }
        #content div.cupmatch ul {     
            width: 420px;
            list-style-type: none;
            margin: 0;
            padding-top: 25px;
            padding-bottom: 15px;
        }
            #content div.cupmatch ul li {
                padding-left: 30px;
                background: url('images/ico.cup.png') no-repeat top left;
                margin-bottom: 1em;
                font-weight: bold;
                line-height: 1.1em;
            }
            
     
    #content form {  
    }   
        #content form fieldset {
            position: relative;
            float: left;
            clear: none;
            width: 320px;
            padding: 0 30px 0 0;
            margin: 0;   
            border: none;
        }
        #content form fieldset.right {
            width: 300px;
            padding: 0;
        }
            #content form fieldset.right p { font-size: 0.85em; margin-bottom: 1em; line-height: 1.4em; }
        #content form input, #content form textarea { 
            border: 1px solid #ffa300; 
            color: #ffa300;
            background: #5c1403; 
            font-family: Arial; 
            font-size: 14px;
            padding: 3px; 
        }
        #content div.field textarea {  height: 150px; }
        #content div.field { float: left; width: 320px; padding-bottom: 0.5em; }
            #content div.field label { float: left; font-weight: normal; width: 95px; }
            #content div.field input { float: left; margin: 0; width: 217px; }
            #content div.field textarea { float: left; margin: 0; width: 312px; margin-top: 2px; }
        #content div.error input, #content div.error textarea { border-color: #f80021; }
        #content button { 
            border: 1px solid #ffa300; 
            background: none; 
            font-weight: bold; 
            font-size: 1.1em; 
            margin-top: 1em;
            cursor: pointer;
            padding: 0px 10px; 
        }
        
        #content div.radio {}
            #content div.radio span {
                position: relative;
                float: left;
                padding-left: 17px;
                background: url('images/bg.radio.png') no-repeat 0px 2px;
                font-size: 0.8em;
                margin-right: 15px;
                cursor: pointer;
                margin-top: 3px;
            }
            #content div.radio span.sel { background-position: 0px -16px; }
            * html #content div.radio span { line-height: 1em; }
            
    #content div.music_day {
        position: relative;
        float: left;
        width: 680px;
        margin-bottom: 1.5em;
    }
        #content div.music_day h2 {
            line-height: 1em;
        }
        #content div.music_day div.player {
            float: left;
            width: 303px;    
            height: 206px;
        }
        #content div.music_day div.blank {
            background: url('images/bg.player_blank.jpg') no-repeat 3px 2px;
        }   
        #content div.music_day div.pic { height: auto; }
            #content div.music_day div.pic img { margin-left: 3px; border: 1px solid #ffa300; } 
        #content div.music_day div.audio {
            height: 44px;
        }
        #content div.music_day div.txt {
            float: left;
            width: 305px;     
            padding-right: 15px;
            margin-top: 1em;
        }
            #content div.music_day div.txt h2 {
                padding-top: 1em;
            }
        #content div.music_day div.with_logo { width: 177px; padding-left: 20px; border-left: 1px solid #ffa200; margin-left: 20px; margin-top: 2em; } 
        #content div.music_day img.logo { float: left; margin-top: 58px; }
        #content div.music_day p {
            line-height: 1em;
        }
        #content div.music_day p.small {
            margin-bottom: 0.5em;
        }
        #content div.music_day a.thickbox { float: left; }
        
    #content a.thickbox img {
        border: 4px solid #ffa300;
    }
        
    #content table.schedule td { padding: 0 0 3px 0; }
            

/* ####################################################################### */

#footer {  
    /*
    position: relative;
    float: left;
    */
    clear:both;
    width: 1050px;
    padding-top: 30px; 
    color: #cf6a1e;
    font-size:90%;
    padding-left:56px;
}


/* ####################################################################### */

#text { height: 482px; width: 680px; }

#content .jScrollPaneTrack {
    background: url(images/scroll.track.png) repeat-y;
}
#content .jScrollPaneDrag {
    background: url(images/scroll.drag_middle.gif) repeat-y;
}
#content .jScrollPaneDragTop {
    background: url(images/scroll.drag_top.gif) no-repeat;
    height: 2px;
}
#content .jScrollPaneDragBottom {
    background: url(images/scroll.drag_bottom.gif) no-repeat;
    height: 2px;
}
#content a.jScrollArrowUp {
    height: 6px;
    background: url(images/scroll.arrow_up.gif) no-repeat 0 -6px;
}
#content a.jScrollArrowUp:hover {
    background-position: 0 0;
}
#content a.jScrollArrowDown {
    height: 6px;
    background: url(images/scroll.arrow_down.gif) no-repeat 0 -6px;
}
#content a.jScrollArrowDown:hover {
    background-position: 0 0;
}
.left .jScrollPaneTrack {
    left: 0;
    right: auto;
}
.left a.jScrollArrowUp {
    left: 0;
    right: auto;
}
.left a.jScrollArrowDown {
    left: 0;
    right: auto;
}


/* IE SPECIFIC HACKED STYLES */
* html #content .jScrollPaneDragBottom {
    bottom: -1px;
}
/* /IE SPECIFIC HACKED STYLES */