/***************************** 
home
*****************************/

.hubDiv
{
    width: 296px;
    float: left;
}

.hubDivSep
{
    width: 10px;
    height: 10px;
    float: left;
}

/* item border */

.itmHead
{
    background: url(/images/hub_item_head.png) no-repeat;
    width: 276px;
    height: 26px;
    padding: 4px 0px 0px 20px;
    float: left;
    line-height: 20px;    
}

.itmHead h2
{ 
    color: #FFD400; /* title yellow */
}

.itmHead h2:hover
{
    text-decoration: underline;
    color: #FFD400; /* title yellow */
}

.itmTail
{
    width: 296px;
    height: 5px;
    float: left;
}

.itmTailBL
{
    background: url(/images/curve_bl_trans.png) no-repeat top left;
    width: 5px;
    height: 5px;
    float: left;
}

.itmTailCnt
{
    background: #fff;
    width: 286px;
    height: 5px;
    float: left;
}

.itmTailBR
{
    background: url(/images/curve_br_trans.png) no-repeat top right;
    width: 5px;
    height: 5px;
    float: right;
}

.itmSep
{
    height: 10px;
    width: 10px;
    float: left;
}

/* item body - dyn box */

.dynBox
{
    background: #fff;
    width: 296px;
    height: 130px;
    float: left;    
}

.dynBoxImg
{
    width: 100px;
    height: 100px;
    padding: 15px 5px 15px 15px;
    float: left;
}

.dynBoxImg img
{
    width: 100px;
    height: 100px;
}

.dynBoxTxt
{
    width: 156px;
    height: 115px;
    padding: 8px 10px 5px 10px;
    float: left;
}

.dynBoxTxt h3
{
    font-size: 10pt;
    padding: 0 0 2px 0;
}

.dynBoxTxt p
{
    padding: 0 0 2px 0;
}

.dynBoxTxt div
{
    padding: 0; 
}

.dynBoxSep
{
    background: #fff;
    width: 296px;
    height: 1px;
    float: left;
}

.dynBoxSep div
{
    background: #000;
    width: 280px;
    height: 1px;
    margin: 0 8px 0 8px;
}

/* item body - static box normal */

.stcBox
{
    background: #fff;
    width: 296px;
    float: left;
}

.stcVideo
{
    width: 260px;
    height: 200px;
    padding: 15px 18px 10px 18px;
    float: left;
    display: block;
    position: relative;
}

.stcVideo img
{
    width: 260px;
    height: 200px;
}

.stcBoxImg
{
    width: 100px;
    height: 100px;
    padding: 11px 5px 11px 15px;
    float: left;
    display: block;
    position: relative;
}

.stcBoxImg div
{
    top: 55px;
    left: 40px;
    position: absolute;
}

.stcBoxImg div a
{
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 18pt;
}

.stcBoxImg div a span
{
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 18pt;
}

.stcBoxImg img
{
    width: 100px;
    height: 100px;
}

/*
.stcBoxImgFrameTL
{
    background: url(/images/curve_tl_white.png) no-repeat;
    width: 7px;
    height: 7px;
    left: 16px;
    top: 14px;
    position: absolute;
}

.stcBoxImgFrameTR
{
    background: url(/images/curve_tr_white.png) no-repeat;
    width: 7px;
    height: 7px; 
    left: 271px;
    top: 15px;
    position: absolute;
}

.stcBoxImgFrameBL
{
    background: url(/images/curve_bl_white.png) no-repeat;
    width: 7px;
    height: 7px;
    left: 18px;
    top: 208px;
    position: absolute;
}

.stcBoxImgFrameBR
{
    background: url(/images/curve_br_white.png) no-repeat;
    width: 8px;
    height: 8px; 
    left: 270px;
    top: 207px;
    position: absolute;
}
*/

.stcBoxTxt
{
    width: 156px;
    height: 109px;
    padding: 8px 10px 5px 10px;
    float: left;
    overflow: hidden;
}

.stcBoxTxt h3
{
    font-size: 10pt;
    padding: 0 0 2px 0;
}

.stcBoxTxt p
{
    padding: 0 0 2px 0;
}

.stcBoxNTxtPrg
{
    padding: 0 0 5px 0;
}

/* item body - facebook box */

.fbBox
{
    width: 296px;
    height: 397px;
    float: left;
}

.feedBoxImg
{
    width: 80px;
    height: 80px;
    padding: 0px 3px 0px 3px;
    float: left;
    display: block;
    position: relative;
}

.feedBoxImg div
{
    top: 36px;
    left: 21px;
    position: absolute;
}

.feedBoxImg div a
{
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 16pt;
}

.feedBoxImg img
{
    width: 80px;
    height: 80px;
}