body {
margin:0;
padding:0;
border:0; 
width:100%;
background:#fff;
min-width:600px; 
font-size:95%;
}
a {
color:#244E28;
}
a:hover {
color:#F83104;
background:#EEEC54;
text-decoration:none;
}

.bindoy {
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
font-weight: bold;
color: #B75122;
font-variant: small-caps;
text-decoration: none;
text-align: center;
}

.ciifol  {
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #B75122;
font-variant: small-caps;
text-decoration: none;
text-align: center;
}


h1, h2 {
margin:.8em 0 .2em 0;
padding:0;
}

h3, h4 {
margin:.7em 0 .2em 0;
padding:0;
}

h5, h6 {
margin:.7em 0 .2em 0;
padding:0;
}

p {
margin:.4em 0 .8em 0;
padding:0;
}

.karambol {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 17px;
font-weight: bold;
color: #285811;
}

.karambi {
font-family: Georgia, Times New Roman, Times, serif;
text-align: center;
font-variant: small-caps;
font-size: 17px;
font-weight: bold;
color: #0b1da2;
}
img {
margin:10px 0 5px;
}
#ads img {
display:block;
padding-top:10px;
}

/* Header styles */
#header {
clear:both;
float:left;
width:100%;
}
#header {
border-bottom:1px solid #000;
}
#header p,
#header h1,
#header h2 {
padding:.4em 15px 0 15px;
margin:0;
}
#header ul {
clear:left;
float:left;
width:100%;
list-style:none;
margin:10px 0 0 0;
padding:0;
}
#header ul li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
#header ul li a {
display:block;
float:left;
margin:0 0 0 1px;
padding:3px 10px;
text-align:center;
background:#eee;
color:#000;
text-decoration:none;
position:relative;
left:15px;
line-height:1.3em;
}
#header ul li a:hover {
background:#B75122;
color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
color:#fff;
background:#000;
font-weight:bold;
}
#header ul li a span {
display:block;
}
/* 'widths' sub menu */
#layoutdims {
clear:both;
background:#eee;
border-top:4px solid #000;
margin:0;
padding:6px 15px !important;
text-align:right;
}
/* column container */
.colmask {
position:relative; 
clear:both;
float:left;
width:100%;/* width of whole page */
overflow:hidden;/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
float:left;
width:100%;/* width of page */
position:relative;
}
.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:0 0 1em 0;/* no left and right padding on columns only padding top and bottom */
overflow:hidden;
}
/* 3 Column settings */
.threecol {
background:#eee;/* right column background colour */
}
.threecol .colmid {
right:25%;/* width of the right column */
background:#fff;/* center column background colour */
}
.threecol .colleft {
right:50%;/* width of the middle column */
background:#f4f4f4;/* left column background colour */
}
.threecol .col1 {
width:46%;/* width of center column content  minus padding on either side) */
left:102%;/* 100% plus left padding of center column */
}
.threecol .col2 {
width:21%;/* Width of left column content  minus padding on either side) */
left:31%;/* width of  right column + center column left and right padding + left column left padding) */
}
.threecol .col3 {
width:21%;/* Width of right column content  minus padding on either side) */
left:85%;/* 
(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
clear:both;
float:left;
width:100%;
border-top:1px solid #000;
}
#footer p {
padding:10px;
margin:0;
}