/* classes */

.float-left  { float: left; }
.float-right { float: right; }

.clear { clear: both; }
.bold { font-weight: bold; color: #323232; }   
.no-border { border: none; }

.text-right  { text-align: right; }
.text-center { text-align: center; }

.margin-top-2 { margin-top: 20px; }
.margin-1 { margin: 10px; }
.margin-top-bottom-1 { margin: 10px 0; }


.padding-top-0 { padding-top: 0; }
.padding-top-1 { padding-top: 10px; }
.padding-top-bottom-1 { padding: 10px 0; }


/* grid */

.col-side {
    float: left;
    width: 245px;
}

.col-main {
    float: right;
    width: 71%;
}

.col-main .col-side {
    width: auto;
}

.col-main .col-main {        
    width: 68%;
    padding-top: 40px;
}

.col-1-2 {
    float: left;
    width: 48%;
    margin-right: 3%;
}

.col-1-3 {
    float: left;
    width: 32%;
    margin-right: 1%;
}

.col-2-3 {
    float: left;
    width: 65%;
    margin-right: 2%;
}

.col-1-4 {
    float: left;
    width: 24%;
    margin-right: 1%;
}

div[class^="col"].last {
    margin-right: 0;
}

/* news */    

.news-top {
    width: 207px;
    height: 30px;  
    padding: 10px 15px;  
    background: url('../../images/news-top.png') no-repeat 0 0; 
    font-size: 11px; 
}

.news-bottom {  
    width: 245px;        
    margin-bottom: 20px;
    padding-bottom: 15px;
    background: url('../../images/news-bottom.png') no-repeat left bottom; 
    font-size: 11px;  
}

.news-bottom div {
    width: 207px;
    padding: 0 15px;  
    background: rgb(245, 245, 245);  
}

.news-bottom h4 {      
    margin: 0;
    padding: 15px 0 5px;
    border: none;
}

.news-top p, .news-bottom p {  
    margin: 0;    
}

h3.news-heading {
    width: 207px;
    padding: 0 0 5px 15px;    
    margin-left: 15px;
}

.map-link {
    margin-left: 50px;
}

.map-link ul {
    margin: 0;
}

.map-link ul ul {
    margin-left: 30px;
}