
.clear{
    clear:both;
    }
.hotlink{
    position:absolute;
    background-repeat:no-repeat;
    background-position:top left;
    overflow:hidden;
    }
.hotlink .h_image{
    float:left;
}

.news{
    position:absolute;
    top:0px;
    left:0px;
    width:230px;
    height:172px;
    background:#e6e6e6 url(/img/key.png) no-repeat top left;
    color:#333333;
    }
.homekey, .key{
    position:absolute;
    top:0px;
    left:0px;
    width:230px;
    height:172px;
    background:#262626 url(/img/key.png) no-repeat top left;
    }
.scrollable{
    margin:0px;
    overflow:auto;
    height:155px;
    padding:5px 5px 0px 5px;
	_padding:5px 0px 0px 5px;
    border:none;
}
.playbutton{
    position:absolute;
    top:75px;
    left:104px;
}
.h_w2 .playbutton{
    position:absolute;
    top:172px;
    left:220px;
}
.h_w1 .video_text {
	top: 0px; 
	left:230px;
    width:205px;
    _width:210px;
	position:absolute;
}

.h_h2 .scrollable{
    height:327px;
}
.h_h3 .scrollable{
    height:500px;
}
#page_end{
    position:absolute;
    height:20px;
}

/*--decorative elements--*/
.topleft{
    display:block;
    position:absolute;
    top:0px;
    left:0px;
}
.topright{
    display:block;
    position:absolute;
    top:0px;
    right:0px;
}
.botleft{
    display:block;
    position:absolute;
    bottom:0px;
    left:0px;
}
.botright{
    display:block;
    position:absolute;
    bottom:0px;
    right:0px;
}

/*------ HOTLINK DIMENSIONS ----*/

.h_w1{ width:461px; }
.h_w2{ width:692px; }
.h_w3{ width:923px; }

.v_w1{ width:230px; }
.v_w2{ width:461px; }

.h_h1{ height:172px; }
.h_h2{ height:345px; }
.h_h3{ height:518px; }

.v_h1{ height:345px; }
.v_h2{ height:518px; }
.v_h3{ height:691px; }



/*---------------------CONTENT-----------------------------*/

.news h3, .news h3 a, .hotlink h3, .hotlink h3 a{
    width:200px;
    margin:0px;
    text-transform: uppercase;
    background:none;
    color:#ffffff;
}
.news p,.hotlink p{
    width:200px;
    margin:10px 0px 0px 0px;
}
.news a, .hotlink a{
    margin:0px;
    color:#ffbe00;
    text-decoration: none;
    text-transform:lowercase;
    margin:0px;
    background-repeat: no-repeat;
    background-position: right 4px;
    background-image:url(/img/mustard/link_arrow_sml_fore.png);
    padding-right:8px;
    font-weight:900;
    _display:inline-block
}
.homekey h2{
    margin: 6px 5px 3px 5px;
    font-size:1.2em;
    text-transform:uppercase;
}	
.key h1{
    margin: 7px 5px 3px 5px;
    font-size:1.4em;
    text-transform:uppercase;
}
.key .feature{
    margin-right:5px;
    margin-left:5px;
}
.key .feature a{
    text-decoration:none;
    text-transform:uppercase;
    color:#ffffff;
    font-weight:900;
}
.key .feature a img{
    margin-bottom:-2px;
    _margin-bottom:0px;
    _margin-top:2px;
}
.key .inputtext{
    border:1px solid white;
    margin:2px 5px 2px 5px;
    padding:0px 2px 0px 2px;
    width:160px;
}
.key .submit{
    margin:0px 0px 2px 2px;
}
    
.homekey .links{
    margin-right:5px;
    margin-left:5px;
}
.homekey .links a{
    text-decoration:none;
    font-weight:900;
    margin-left:3px;
    margin-right:3px;
}
.homekey .links a img{
    padding-bottom:1px;
}
.news h2{
    font-size:1.2em;
    text-transform:uppercase;
    margin-top:0px;
}	
.news a{
    color:#ffbe00;
}

.news h3 a, .news h3{
    text-transform:uppercase;
    color:#333333;
}
.news_item{
    margin-bottom:20px;
}

.scrollable h3 a{
}
/*-------------CARTOON HOTLINKS-------------------------------*/
.cartoon_hotlink_h{
    width:461px;
    height:172px;
    position:absolute;
    background-repeat:no-repeat;
    background-position:top left;
    overflow:hidden;
}
.cartoon_hotlink_v{
    width:230px;
    height:345px;
    position:absolute;
    background-repeat:no-repeat;
    background-position:top left;
    overflow:hidden;
}
.cartoon_hotlink_h .cartoon_hotlink_inner{
    background:url(/img/cartoon_frame_h.gif) no-repeat top left;
    height:100%;
}
.cartoon_hotlink_v .cartoon_hotlink_inner{
    background:url(/img/cartoon_frame_v.gif) no-repeat top left;
    height:100%;
}

.cartoon_hotlink_h .cartoon_hotlink_inner .scrollable{
    margin:0px 0px 0px 261px;
}
.cartoon_hotlink_v .cartoon_hotlink_inner .scrollable{
    position:absolute;
    top:180px;
    left:5px;
    height:170px;
}

.cartoon_hotlink_inner .scrollable{
    color:#d91a3b;
    height:160px;
    width:200px;
    padding:0px;

}
.cartoon_hotlink_inner .scrollable h3{
    margin-top:7px;
    margin-bottom:-10px;
}
.cartoon_hotlink_inner .scrollable h3 a{
    color:#d91a3b;
    text-decoration:none;
    background:none;
    text-transform:uppercase;
}
.cartoon_hotlink_inner .scrollable a{
    color:#d91a3b;
    text-decoration:none;
    font-weight:900;
    margin:0px;
    background-repeat: no-repeat;
    background-position: right 4px;
    padding-right:8px;
    text-transform:lowercase;
}

