/*  ###########################################################################
    company:    Dutch Celt Design
    date:       April 2010
    author:     C. Egor Kloos
    ########################################################################### */

/*  ---------------------------------------------------------------------------
    COLOURS:
    body:       #f9f6f5
    body dark:  #f2edeb
    DarkGrey:   #3a2d33
    Grey:       #5d5358
    web grey:   #666666
    --------------------------------------------------------------------------- */

/*  LINKS --------------------------------------------------------------------- */

    a {
        text-decoration: none;
        }
    
    a:link {
        color: #0cbdf5;
        }
    
    a:visited {
        color: #0cbdf5;
        }
    
    a:hover {
        text-decoration: underline;
        }
    
    a:active {
        color: #900;
        }
    
    .hover {
        cursor: pointer;
        }


/*  Layout --------------------------------------------------------------------- */

    #wrapper_outer {
        margin: 0 auto;
        position: relative;
        width: 980px;
        } 
    #wrapper_inner {
        float: left;
        color: #3a2d33; 
        background-color: #f9f6f5;
        }
    .header {
        position: relative;
        background: white;
        }
    #language {
        position: absolute;
        top: 2.5em;
        left: 680px;
        border-left: 1px solid #3a2d33;
        height: 2em;
        }
    #language ul{
        margin: 0;
        padding: 0 0 0 12px;
        list-style: none;
        }
    #language li{
        margin: 0;
        padding: 0;
        }
    #search {
        position: absolute;
        top: 0;
        left: 680px;
        margin: 0;
        border-left: 1px solid #3a2d33;
        padding: 0.5em 0 0 12px;
        }
    #content_wrap {
        float: left;
        border-top: 42px solid #f9f6f5;
        padding: 0 26px;
        background: transparent url(/images/vertical-line-1px.png) repeat-y 680px 0;
        }
    #main {
        float: left;
        margin-right: 25px;
        width: 630px;
        }
    #mid {
        display: none;
        }
    #right {
        float: left;
        width: 260px;
        color: #5d5358;
        }
    #bottom{
        clear: both;
        height: 3em;
        color: #f9f6f5;   
        background-color: #3a2d33 ;
        
    }
    .contentheading {
        margin: 0;
        padding: 0 0 0.3em 0;
        line-height: 1;
        }
    
    
    .latestnews {
        display: block;
        margin: 0 0 1em 0;
        padding: 0; 
        list-style: none;
        }
    ul.latestnews {
        margin: 0 0 0 0;
        }
        
    .latestnews h4 {
        margin: 0 0 0.5em 0;
        padding: 0 12px;
        text-transform: uppercase;
        font-weight: normal;
        line-height: 1.5;
        color: #3a2d33;
        background: #f2edeb
        }
    .latestnews h5 {
        padding: 0 12px;
        }
    .latestnews p {
        padding: 0 12px 1em;
        font-size: 0.825em;
        }
    .latestnews a {
        color: #3a2d33;
        }
    .latestnews a:hover{
        text-decoration: none;
        color: #3a2d33;
        background: #fff
        }
        
/*  NAVIGATION --------------------------------------------------------------------- */
        
    #menu{
        float: left;
        border-bottom: 1px solid #3a2d33;
        padding: 0 26px;
        width: 932px;
        background-color: #f2edeb;
        }
    #menu ul {
        float: left;
        display: block;
        margin: 0; 
        padding: 0;
        list-style: none;
        font-size: 1em;
        line-height: 1.2;
        }
    #menu li {
        float: left;
        margin: 0; 
        padding: 0;
        }
    #menu a {
        float: left;
        display: block;
        margin-right: 12px;
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        padding: 3px 0;
        font-family: "Arial Narrow", Arial, Arial, Helvetica, sans-serif;
        color: #666666;
        text-decoration: none;
        text-transform: uppercase;
        text-shadow: rgba(255,255,255,0.7) 0 1px 0;
        }
    #menu #active_menu,
    #menu a:hover {
        border-bottom-color: #3a2d33;
        color: #3a2d33;
        }
        
    .links-footer {
        float: left;
        display: inline;
        margin: 0; 
        padding: 0;
        list-style: none;
        line-height: 1.5;
        }
    .links-footer li {
        float: left;
        padding: 1px 0 0 26px;
        }
    .links-footer li a {
        border-top: 3px solid #3a2d33;
        text-decoration: none;
        color: #fff;
        }
        
    .links-footer li a:hover {
        border-top: 3px solid #f9f6f5;
        }
        
    .links-social { 
        padding: 0 0 0 12px;
        font-size: 0.8em;
        }