* { 
padding : 0;
margin : 0;
} 
body { 
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #666666;
} 
img { 
padding : 5px;
border : 1px solid #ff0033;
margin-right : 10px;
margin-bottom : 5px;
margin-top : 5px;
margin-left : 0px;
} 
img.floatTL { 
float : left;
} 
img.floatTR { 
float : right;
} 
 
#wrapper { 
width : 782px;
margin : 0 auto;
} 

#navbar {
height : 45px;
width : 100%;
position: relative;
top: 104px;
}

#navbar ul{
font: bold 13px arial;
padding-left: 0;
margin-left: 0;
height: 20px;
}

#navbar ul li{
list-style: none;
display: inline;
}

#navbar ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: #0033cc;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

#navbar ul li a:hover{
background-color: #FFE271;
color : #ff3333;
border-style: outset;
}

html>body .navbar ul li a:active{ 
border-style: inset;
}

#header { 
border : 1px solid #ccc;
margin : 5px 5px 5px;
height : 180px;
text-align : right;
background-image : url(kapsztad_logo1.jpg);
} 
.logo { 
float : right;
margin : 0px 15px 0px;
text-align : center;
} 
.logo h1#lineone { 
font-size : 1.7em;
font-weight : lighter;
padding-top : 10px;
padding-left : 5px;
border : none;
letter-spacing : -1px;
color : #66ffff;
} 
 
.blue {
  color: #99ffff;
  margin : 5px 5px 
}
.logo h2#linetwo { 
padding-left : 5px;
font-size : 0.9em;
text-transform : none;
color : #ffffcc;
} 
.logo a { 
color : #ffffff;
text-decoration : none;
} 
.clear { 
clear : both;
} 
#leftcolumn { 
margin : 5px 0 0 5px;
padding : 0;
display : inline;
width : 190px;
float : left;
min-height : 300px;
} 
* html #leftcolumn { 
height : 300px;
} 
.leftnav { 
float : left;
margin-left : 0;
margin-top : 0;
margin-bottom : 10px;
width : 190px;
background-color : #c9dddb;
border-top : 1px solid #6d9ca2;
} 
.leftnav ul { 
margin : 0;
padding : 0;
list-style : none;
} 
.leftnav li { 
border-bottom : 1px solid #6d9ca2;
list-style : none;
} 
.leftnav li a { 
display : block;
padding : 0.7em 0.7em 0.7em 1em;
text-decoration : none;
font-family : arial;
font-size : 0.9em;
font-weight : lighter;
color : #9da665;
} 
.leftnav li a:hover { 
color : #553;
} 
#leftcolumn h3 { 
color : #003366;
font-size : 1em;
padding-top : 1em;
padding-left : 0.7em;
} 

#leftcolumn h2 { 
color : #336633;
font-size : 1.5em;
text-align : center;
padding-bottom : 0.5em;
font-weight : lighter;
} 
.ads ul { 
margin-left : 0.9em;
margin-top : 0.5em;
margin-bottom : 0.7em;
list-style : none;
} 
.ads li { 
padding-bottom : 0.3em;
} 

.news p { 
font-family : verdana;
font-size : 0.75em;
padding-left : 15px;
padding-bottom : 5px;
margin-left : 10px;
margin-right : 10px;
text-align : justify;
padding-right : 20px;
background-color : #eff6ff;
} 
.news a { 
margin-right : 25px;
margin-bottom : 2px;
color : #48b033;
font-size : 0.8em;
font-weight : bold;
padding : 2px;
float : right;
} 
#centercolumn { 
border : 1px solid #ccc;
margin : 5px 0 0 5px;
display : inline;
padding : 4px;
width : 565px;
float : left;
min-height : 300px;
} 
* html #centercolumn { 
height : 300px;
} 
#doublebox { 
margin-top : 5px;
margin-bottom : 10px;
} 
#centercolumn p { 
font-size : 110%;
color : #000033;
} 
#centercolumn h2 { 
padding-left : 5px;
font-size : 1.2em;
text-transform : none;
color : #003333;
} 
#centercolumn h3 { 
padding-left : 5px;
font-size : 1.1em;
text-transform : none;
color : #003366;
}
#centercolumn blockquote { 
border : 1px solid #bcd2e6;
margin : 20px;
padding : 10px;
line-height : 1.5em;
font-size : 1.1em;
color : #003399;
background-color: #FAFFFF;
}

#centercolumn ul {
   margin-left: 20px;
   font-size : 0.9em;
}

.content_right { 
display : inline;
float : right;
width : 245px;
text-align : justify;
background-color : #deebf2;
margin-right : 15px;
padding : 5px;
} 
.content_left { 
padding : 5px;
display : inline;
float : left;
width : 245px;
background-color : #fefefe;
margin-left : 15px;
text-align : justify;
} 
.content_left ul { 
width : 240px;
font-size : 1.1em;
display : list-item;
list-style-type : none;
} 
.content_left li { 
padding-left : 30px;
padding-bottom : 5px;
margin-top : 10px;
background-image : url(img4.png);
background-repeat : no-repeat;
background-position : 5px 0%;
color : #cc6600;
} 
.content_left li a { 
color : #c5d280;
} 
.content_left h3, .content_right h3 { 
color : #330066;
font-size : 1.3em; 
text-align: left;
font-weight : lighter;
} 
.content_left h4, .content_right h4 { 
font-size : 1.2em;
margin-bottom : 5px;
color : #cc0066;
text-align: left;
} 
.content_left p, .content_right p { 
font-size : 110%;
color : #003300;
} 
.content_left i, .content_right i { 
color : #996633;
}
#footer { 
text-align : center;
margin-top : 3px;
display : inline;
float : left;
width : 782px;
padding-top : 5px;
padding-bottom : 5px;
color : #aaa9a9;
border-top : 1px solid #ccc;
} 
#footer p { 
font-size : 75%;
color : #330066;
} 

form { 
margin-top : 0;

margin-left : 2px;
margin-right : 2px;
margin-bottom : 15px;
background-color : #fff;
border : 1px solid #d0660a;
} 
form p { 
padding-top : 10px;
padding-left : 5px;
padding-bottom : 5px;
color : #cd6209;
}