/* general 
----------------------------------------------------------------------------- */
body {
    background:#FFFFFF url(bg-body.jpg) repeat-x;
    margin-top:20px;
}

.banner img{
    margin:10px 0;
}
.box-content{
    border:1px solid #FFFFFF;
    background-color:#D0D0D0;
    padding:20px;
    margin: 20px 0;
}
.box-content p {
    text-align:justify;
}

/* 960 grid container background 
----------------------------------------------------------------------------- */
.container_12,
.container_16 {
    background-color:transparent;
    /*background:#FFFFFF url(16_col.gif) repeat-y;*/
    border-top:0;
    margin-top:0;
}

/* 960 grid  page wrapper & page background 
----------------------------------------------------------------------------- */
.page-top{
    background:#FFFFFF url(bg-page-top.jpg) no-repeat;
    height:30px;
}
.page-middle{
    background:#FFFFFF url(bg-page-middle.jpg) repeat-y;
}
.page-bottom{
    background:#FFFFFF url(bg-page-bottom.jpg) no-repeat;
    height:30px;
}
.block{
    padding:0 30px;
}
.block_left{
    padding:0 15px 0 30px;
}
.block_middle{
    padding:0 15px;
}
.block_right{
    padding:0 30px 0 15px;
}

/* branding
----------------------------------------------------------------------------- */
.branding {
    margin-bottom:0;
    margin-left:30px;
}

.footer{
    text-align:center;
    font-size:10px;
    color:#AAAAAA;
    padding:8px;
}
.footer img {
    padding:0 10px;
    vertical-align:text-top;
}
/* box
----------------------------------------------------------------------------- */
.box-280x210-bg{
    background:transparent url(bg-box-280x210.jpg) no-repeat;
    width:280px;    
    height:210px;
    margin:10px 0;
}
.box-280x210-content{
    background-color:transparent;
    padding:20px;
    text-align:justify;
}
.check{
    background:transparent url(check.png) 100% 100% no-repeat;
}


.debug{
    border:1px solid #CCCCCC;
    margin-top:20px;
    padding:10px;
    background-color:#EEEEEE;
}