﻿/* CSS Document */

html{}

body{
background: #cebe94 url(../gfx/bg_tile.gif) repeat-x top;
color: #4d4d4d;
margin:0px;
padding:0px;
}

h1{ font: 20px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding: 35px 0 25px 15px; margin: 0px; color:#5e3513; text-align:left;}
h4{ font: 18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding: 35px 0 25px 15px; margin: 0px; color:#5e3513; text-align:left;}
h2{ width: 447px; font: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding: 15px 0 5px 15px; margin: 0px; color:#5e3513; text-align:left; float:left;}
h3{ width: 447px; font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; padding: 15px 0 5px 15px; margin: 0px; color:#5e3513; text-align:left; float:left;}

#clear{
clear:both;
}

a:link {color:#5e3513; text-decoration:underline; font-weight:bold;}
a:visited {color:#5e3513; text-decoration:underline; font-weight:bold;}
a:hover {color:#5e3513; text-decoration:none; font-weight:bold;}
a:active {color:#5e3513; text-decoration:underline; font-weight:bold;}

#holding{
position:relative;
background:#fff url(../gfx/AFRUKA_header.jpg) no-repeat top;
height:355px;
width: 100%;
text-align:center;
margin: 0px auto;
padding:0px;
background-color:#cebe94;
}

#pos{
width: 732px;
text-align:center;
margin: 0px auto;
}

#content
{
    position:relative;
    width: 732px;
    background:#fff6e1 url(../gfx/page_bg.gif) no-repeat top;
    margin: -130px 0 0 0;
    text-align:left;
    font: 11px Verdana, Arial, Helvetica, sans-serif normal;
    z-index:1;
}

.maintext
{
    position:relative;
    margin-left:25px;
    width: 450px;
    text-align:left;
    line-height: 18px;  
    z-index:7;
}

.fulltext
{
    position:relative;
    margin-left:25px;
    width: 660px;
    text-align:left;
    line-height: 18px;  
    z-index:7;
}

#rightcolumn
{
    position:absolute;
    right:15px;
    top:60px;
    width: 216px;
    vertical-align:top;
    z-index:2;
}

.columnholder 
{
    position:relative;
    width:216px;
    z-index:2; 
    border:solid 2px #5E5A2B;
}

.columncontent
{
    position:relative;
    width:200px;
    min-height:80px;  
    z-index:2; 
    padding:10px;
    text-align:left;
    font: 10px Verdana, Arial, Helvetica, sans-serif normal;
    color: #4d4d4d;
    background: transparent url(../gfx/columnbg.png);
}

.columncontent input 
{
    width:195px;
    margin:3px;
}

.columntop 
{
    position:absolute;
    top:0px;
    left:0px;
    width:216px;
    background:#fff5df url(../gfx/news-top.jpg) no-repeat top;
    z-index:1;
    height:84px;   
}

.columntop_plain
{
    position:absolute;
    top:0px;
    left:0px;
    width:216px;
    background:#fff5df url(../gfx/news-top-plain.jpg) no-repeat top;
    z-index:1;
    height:84px;   
}

.columnbottom 
{
    position:absolute;
    bottom:0px;
    left:0px;
    width:216px;
    background:#fff5df url(../gfx/news-bottom.jpg) no-repeat top;
    z-index:1;
    height:25px;   
}

#view 
{
    position:relative;
    height: 268px;
    width: 225px;
    margin: 35px 0px 25px 0;
    vertical-align:bottom;
}

.columnheader 
{
    font-size:14px;
    font-weight:bold;
}

#bottom{
    position:absolute;
    bottom:0px;
    left:0px;
    text-align:center;
    font: 11px Verdana, Arial, Helvetica, sans-serif normal;
    color: #4d4d4d;
    width: 732px;
    height: 100px;
    padding: 60px 0 0 0;
    background: #fff6e1 url(../gfx/page_bottom.gif) no-repeat bottom;
    vertical-align:bottom;
    z-index:1;
}

#spacer { width:100%; height:55px; }

#footspacer { width:100%; height:60px; }

.menu 
{ 
    font: 11px Arial, Helvetica, sans-serif;
    text-align:center;
    font-weight:bold;
    text-decoration:none; 
    color:#FFFFFF; 
    line-height:1.5em;
}

.div_tourdetail
{
    margin-bottom: 20px;   
}

.div_tourimage
{
    float:left;
    width:158px;
    height:130px;
    background-color:#FFFFFF;
    border: solid 1px #CCCCCC;
    text-align:center;
    margin: 0px 5px 10px 0px;
    padding-top:10px;
}

.div_tourimagesmall
{
    float:left;
    width:138px;
    height:115px;
    background-color:#FFFFFF;
    border: solid 1px #CCCCCC;
    text-align:center;
    margin: 5px 10px 10px 0px;
    padding-top:5px;
}

.div_tourimage, .div_tourimagesmall img 
{
    border:none;
}
