p
{
color:black;
font-size: 100%;
font-family: arial, sans-serif;
margin: 5px;
color: #330066
}

body
{
background: #020266 url(images/bgGrad.jpg); background-repeat: repeat-x;
/*background: url(images/bg.jpg); background-repeat: repeat-x;
background: url(images/floral_wallpaper.jpg); background-repeat: repeat;
background-color:white;*/
}

h1
{
color:black;
font-size: 175%;
font-family: arial, sans-serif;
margin: 5px
}

h2
{
color:black;
font-size: 120%;
font-family: arial, sans-serif;
margin: 5px
}
h3
{
color:black;
font-size: 100%;
font-family: arial, sans-serif;
margin: 5px
}

hr
{
height:0px; border:0px;
width: 90%;  
border-top: 2px dotted #99cc33;
} 
img
{
border: none;
}

.portfolio
{
float:left;
width:200px;
height: 250px;
} 

#container
{
width: 1000px; min-height: 700px;
position:relative; top: 0;
overflow: visible;
margin-left: auto;
margin-right: auto;
background: white;
/*border-right: 2px solid #006600;
border-top: 5px solid #006600;
border-bottom: 5px solid #006600;
border-left: 2px dotted #99cc66;
border-right: 2px dotted #99cc66;*/
font-family: arial, sans-serif;

}

#logo
{
position: absolute; top:18px; left:17px;
/*float:left;*/
width: 275px;
height: 220px;
background-image: url(images/kpLogo.jpg); background-repeat: no-repeat;
background-size: 50% ;
background-color: #99cc66;
z-index: 3;
border-right: 10px;
}

#contentLeft
{
position: absolute; top:256px; left:18px;
width: 273px;
height: 331px;
background-color: #ffffff;
z-index:2;

}

#contentRight
{
position: absolute; top:79px; left:315px;
width: 658px;
padding: 10px;
background-color: transparent;
border-left: 2px dotted #99cc66;
z-index: 2;
}

#corner
{
position: absolute; top:519px; left:-67px;
width: 150px; height: 150px; 
text-align:center;  
z-index:100;
}

div.thumbs
{
position: absolute; 
width: 175px;
}

#nav
{
position: absolute; top:0; left:311px;
width: 689px;
height: 70px;
background: #99cc66 url(images/nav_bg.gif) repeat-x;
font-size: 125%;
font-family: arial, sans-serif;
}

#nav a:hover
{
color: #fff;
}
.current
{
position: relative;
top:10px;
color: #fff;
font-size: 175%;
text-decoration: none;
}

#nav li{
display: inline;
padding: 0 10px;
}

ul.homeList
{list-style-image: url(images/bullet2.jpg);
background-position:0px 5px; }
li{line-height: 25px;
}

/**********  Photo gallery styles for portfolio page       *************/

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #020266;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

/* **************** Contact Form Styles ********************/



#contact-area {
	width: 500px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 420px;
	font-size: 1em;
	margin-left: 15px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

td.left {
	width: 80px;
	text-align: left;
	font-size: 1.4em;
}

#catpcha-area {
	margin-left: 200px;
}