/* 
    Document   : KDE001
    Created on : Dec 10, 2009, 8:03:01 PM
    Author     : sklava
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
root{
    background-color:#F8F8FF;
}
body{
    text-align:center;
    background-color:#eeeeee;
}

.kclass {
        color:#48D1CC;
       /* color:#0ABAB5; */
	font-family: georgia, serif, avqest, "comic sans";
	font-style: italic;
	font-size: 40pt;
}
.titlename{
    font-family: georgia, serif;
    font-size:18px;
    color:#000000;
    padding:5px;
}
.center{
    text-align:center;
}
#page {
    background-color:#F0FFFF;
    width:900px;
    
}

/* header css */
#header {
    color:#0ABAB5;
    
    font-size: 18pt;
}
#logo{
    padding-left:65%;
}
#logoleft {
    float:left;
}
#logoright{
    float:left;
    padding-top:35px;
    padding-left:0px;
   font-family: Helvetica, Arial, sans-serif;
    COLOR: #333333;
    font-size:14px;
}
#logoright a{
    text-decoration:none;
    color:black;

}
#logoright a:visited{
    text-decoration:none;
    color:black;

}
#logoright a:hover{
    text-decoration:none;
    color:#0ABAB5;

}
#specbanner {
    background-color:palegoldenrod;
    width:100%;

}
#specbanner p:hover{
    
    color:red;
}
#linksheader{
clear:both;
padding-left:52%;
padding-top:5px;
padding-bottom:5px;
font-size: 11pt;
}
#linksheader a{
    text-decoration:none;
  color:black;
   /* font-size:12px; */
}
#linksheader a:visited{
    text-decoration:none;
    color:black;
   /* font-size:12px; */
}
#linksheader a:hover{
    text-decoration:none;
  color:#48D1CC;
  /*  font-size:12px;*/
}

/*
* css for the main page
*/
#indexbody{
    width:100%;
   /* height:500px; */
    font-size:14px;
    color:black;
}
#colswrap{
    background-color:#48d1cc;
    height:350px;
    width:100%;

}
#leftcol{
    float:left;
    height:300px;
    width:480px; 
    margin:35px 10px 30px 30px;
    padding:10px;
    background:no-repeat;
    background-image:url("../images/flowers_djk005.png");
    

}
#rightcol{
    font-family: georgia, helvetica, serif;
width:270px;
    float:left;
    padding:20px;
    margin:0px 0px 0px 10px;
    font-size:16px;
    
}
#rightcol a{
    color:#F8F8FF;
    text-decoration:none;
    }
    #rightcol a:visited{
    color:#F8F8FF;
    text-decoration:none;
    }
    #rightcol a:hover{
    color:#000000;
    text-decoration:none;
    }

#approvedlinks{

    padding:10px;
    font-size:10px;
}
#imageabc{
    float:left;
    background-image:url("../images/ABCLogocolor_webpageonly002.png");

    width:80px;
    height:80px;
}
#textright{
    float:left;
    width:120px;
    padding:5px;
}
#footerwrap{
    padding:10px;
    font-size:10px;
}

/* Contact Dewi */
#contactForm001{
    font-size:12px;
    width:280px;
    padding:50px 0px 0px 0px;
}