﻿/********************** 
    Section frontpage 
***********************/
.sectionFrontCenter
{
    width:500px;
    min-height:10px;
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}
.sectionFrontCenter .themeThumb 
{
    border:none;
}

/******************* 
    Themes 
********************/
.themeSection
{
    margin-top:20px;
    margin-bottom:20px;
    width:780px;
}
.themeSection .theme
{
    float:left;
    width:240px;
    margin:0px 20px 20px 0px;
    /*padding-top:82px;*/
}
.themeSection .theme1, .themeSection .theme2
{
    width:370px;
}
.themeSection .theme img
{
    width:240px;
    height:82px;
}
.themeSection .theme1 img, .themeSection .theme2 img
{
    width:370px;
}
.themeSection .theme .content
{
    padding:15px 10px 15px 10px; 
    margin:0px 0px 0px 0px;
    width:220px;
    /*height:60px;*/
    background-color:White;
    background-image:url(/images/broad_box_top.gif);
    background-repeat:no-repeat;
    background-position:left top;
    border:none;
}
.themeSection .theme1 .content, .themeSection .theme2 .content
{
    width:350px;
    background-repeat:repeat-x;
}

.themeSection .bar
{
    height:17px;
    background-image:url(/images/theme_bottom.gif);
    color:White;
    padding:4px 12px 4px 12px;
    font-weight:bold;
}

/********************** 
    Sectionpage grey box 
***********************/
.logos
{
    width:760px;
    padding:20px 0px;
    vertical-align:middle;
    text-align:center;
}
.logos a img
{
    border:none;
    padding:0px 20px;
}
.sectionFrontBox
{
    width:370px;
    margin-bottom:20px;
}
.sectionFrontBox .title
{
    background-color:#dad9d6;
    height:22px;
    color:#1a1a1a;
    font-weight:bold;
    font-size:13px;
    padding:5px 0px 0px 10px;
}
.content .sectionFrontCenter .sectionFrontBox .content
{
    border:solid 1px #dad9d6;
    width:348px;
    vertical-align:middle; 
    text-align:center;
    background-color:#f5f5f0;
}
.content .sectionFrontCenter .sectionFrontBox .content img
{
    border:none;
    padding:10px 20px 10px 0px;   
    
}

/********************** 
    Sectionpage columns 
***********************/
.columns
{
    width:760px;
    padding:20px 0px 0px 0px;
    margin:0px 0px 20px 0px;
    border-top:solid 1px #dad9d6;
}
.columns .column
{
    float:left;
    width:205px;
    padding:0px 20px 0px 20px;
    border-right:solid 1px #dad9d6;
}
.columns .first
{
    width:204px;
    padding:0px 20px 0px 0px;
}
.columns .last
{
    width:203px;
    border:none;
    padding:0px 0px 0px 20px;
}
.columns .columnTitle
{
    font-weight:bold;
    font-size:15px;    
    padding-bottom:8px;
    color:#1a1a1a;
}
.columns ul li
{
    padding:2px 0px 2px 0px;
}
.columns .column .content
{
    width:205px;
    margin-left:0px;
}
.columns .column .boxImage
{
    width:205px;
    border:none;
    padding-bottom:5px;
}


.columns .box
{
    float:left;
    width:240px;

}

.columns .box .title
{
    background-image:url(/images/box_top_back.gif);
    background-repeat:no-repeat;
    height:21px;
    width:230px;
    color:white;
    font-size:14px;
    font-weight:bold;
    padding:6px 0px 0px 10px;
}
.columns .box .content
{
    background-image:url(/images/box_middle_back.gif);
    background-position:left top;
    background-repeat:no-repeat;
    width:230px;
    margin-left:0px;
    padding:5px 0px 0px 10px;
    border:none;
}
.columns .box .content p
{
    margin:5px 5px 5px 0px;
}
.columns .box .content p a
{
    background-image:url(/images/blue_arrow.png);
    background-repeat:no-repeat;
    background-position:right center;
    padding:0px 10px 0px 0px;
}
.columns .box .content .rightLink
{
    border-bottom:solid 1px #ececea;
    padding:5px 0px 5px 0px;
    margin-right:10px;
}
.columns .box .content .rightLink .date
{
    color:#808080;
    font-size:11px;
    float:left;
    margin:2px 5px 0px 0px;
}
.columns .box .content .bottomLink
{
    border:none;
}

.columns .box .content .subject a.active
{
    font-weight:bold;
}

.clear
{
    clear:both;
}
