body  { color: #fff; font-size: 1%; font-family: verdana; background: white; margin: 0; padding: 0 } /*get rid of the IE bug that prints the the end of the !doctype */

/* The header and footer */
.head  { color: #000; background: #660099 url(img/logodonker.jpg) fixed; background-repeat: no-repeat;  height: 100px; text-align: right; display:block;}
.search     { background:#f5e8fa; margin: 25px 12px 12px; border: dotted 1px #cfadda }
.foot { display:block; height:90px; background:#660099; color:#000; text-align:right; padding:3px; font-size:11px; color:#FFFFFF; }
.foot p {text-align:left; padding:5px;font-size:12px; color:#FFFFFF}

/* This bit does all the work */

h1   { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: normal; text-align: justify; margin: 7px }
h2   { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: normal; text-align: justify; margin: 40px 15px 15px 15px}
h4   { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: normal; text-align: center; margin: 5px 15px 15px 15px}
h3   { color: #660099; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; text-align: justify; margin: 7px }
h5   { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: normal; text-align: justify; margin: -10px 7px 15px 20px}
h6   { color: #660099; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; text-align: justify; margin-left: 15px; margin-bottom: -10px}
p   { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight:normal; text-align: justify; margin: 15px; }
#container {position:relative; display: inline-block; background:#e2effc; border-left:200px solid #f5e8fa; border-right:200px solid #f5e8fa; overflow:visible; font-size:12px; padding-top:25px;}/* border-left=left column, border-right=right column */
* html #container {display: inline-block; }
#left  {display: inline; margin-left: -197px; position: absolute; width: 198px; border-right:1px dotted #CFADDA;}
* html #left {
width:198px;
}
#left p  { color: black; font-size: 12px; font-family: tahoma, verdana, arial, sans-serif; font-weight: bold; line-height: 18px; text-align: justify; margin: 15px 7px 15px 15px;}
#right {float:right; position:relative; width:198px; margin-right:-200px; display:inline; font-size:12px; color:#000000; border-left:1px dotted #CFADDA; line-height:1.6em; }
#right p { color: #660099; font-size: 10px; font-family: verdana, tahoma, arial, sans-serif; font-weight: normal; text-align: justify; margin: 15px 7px 15px 15px; }
.clear {clear: both; height:1px;overflow:hidden; }
.comment {text-align:center; font-size:12px; color:#000000}
.comment a {text-decoration:underline; font-size:12px;}
.foot a:link {color:#FFFFFF; text-decoration:underline; background:transparent;}
.foot a:visited {color:#FFFFFF; text-decoration:underline; background:transparent;}
.foot a:active {color:#FFFFFF; text-decoration:underline; background:transparent;}
.foot a:hover {color:#FFFFFF; text-decoration:underline overline; background:#9933CC;}
td { padding-left: 10px }
.form { background: #fef8e7; font-size: 11px; font-family: tahoma, verdana, arial, sans-serif; margin-top: 2px; margin-bottom: 2px; border-width: 1px; border-color: #cfadda }
.cap { margin-right: 1px; margin-bottom: 1px; width: 105px; height: 90px; float: left; overflow: hidden }
.col  { color: #ff9933 }
A:link {text-decoration: underline; color: #660099;}
A:visited {text-decoration: underline; color: #660099; }
A:active {text-decoration: underline; color: #660099; }
A:hover {color:#ff9933; text-decoration:underline overline;}
ul li{padding-left: -20px; margin-left: -30px; font-family: tahoma, verdana, arial, sans-serif; color:#000000; list-style-image:url(img/pix.gif);}
ul a:link, a:visited, a:active {text-decoration: none; color:#660099 }
ul a:hover {text-decoration: underline; color:#660099; background: #e2effc}
ul li ul li{padding-left: 10px; list-style-image:url(img/pix.gif);}

.main ul li{list-style-image:none;}
.main ul a:link, a:visited, a:active {text-decoration: none}
.main ul a:hover {text-decoration: none; }
.main ul li ul li{padding-left: 10px; list-style-image:none;}

/* This bit dvenere searchbox */
.text {font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; color: #fff; text-align:left}
.form3 { color:#000000; background: #f5e8fa; font-size: 11px; font-family: tahoma, verdana, arial, sans-serif; margin-top: 2px; margin-bottom: 2px; border-width: 1px; border-color: #660099;  }

.next      { color: #000; font-size: 10pt; font-family: tahoma, verdana, arial, sans-serif; font-weight: normal; text-align: right; margin: 15px }
.next a:link  { color: #000; font-weight: bold; text-decoration: none; background: transparent }
.next a:visited  { color: #000; font-weight: bold; text-decoration: none; background: transparent }
.next a:active  { color: #000; font-weight: bold; text-decoration: underline; background: transparent }
.next a:hover  { color: #fff; font-weight: bold; text-decoration: underline overline; background: #660099 }