/*css main file for kvmf january 2008
version 1.0  author: Paul Huel */

/* Zero down margin and paddin on all elements */
* {
	margin: 0;
	padding: 0;
	}	

body {
	text-align: center; /* hack for ie 5.5 and 6 for centering in
conjunction with maincontent text-align: left*/
	min-width: 760px;
	background-color: rgb(255,255,255);
	/*font:90%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
	}



#wrapper {
	width: 760px ;
	margin: 10px auto;
	text-align: left; /* hack for centering for ie 5.x*/
	background: #ffffff;/*url(images/columnback.gif) repeat-y left top;*/
	color: black;
	}


#logo {
	
	width: 760px;
	height: 196px;
	top: 0px;
	background-image:  url(cssimages/kvmfhomehead2.jpg);
	}

#logo.volunteer {
	width: 760px;
	height: 196px;
	top: 0px;
	background-image:  url(cssimages/volunteer_heading.jpg);
	}

#logo.contact{
	width: 760px;
	height: 196px;
	top: 0px;
	background-image:  url(cssimages/taichi_heading.jpg);
	}
        
#logo.marketplace{
        width: 760px;
        height: 196px;
        top: 0px;
        background-image:  url(cssimages/marketplace_heading.jpg);
	}

 #maincontent {
	width: 550px;
	min-height: 400px;
	float: right;
	padding-top: 10px;
	/*margin-top: 25px;*/
	font:90%/1.8"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background:#fff url(cssimages/sidebarback2.jpg) repeat-x left top;
	}
.home#maincontent {
	width: 550px;
	float: right;
	padding-top: 10px;
	margin-top: 25px;
	font:90%/1.8"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	background:#fff url(cssimages/watermark2b.jpg)  no-repeat /*url(images/sidebarback.jpg) repeat-x left top;*/
	}

#sidebar{
	width: 195px;
	min-height: 400px;
	/*margin-top: 25px;*/
	float: left;
	padding-top: 10px;
	padding-right: 5px;
	background:#fff url(cssimages/sidebarback2.jpg) repeat-x left top;
	}

#footer {
	clear: both;
	width: 760px;
	height: 73px;
	/*background-image: url(images/footer.png);*/
	}
/* now for the sedondary content
=================================*/

#logo h1 {
	text-indent: -9000px;
	}


.clear {
	clear: both;
        }


#maincontent h2,h3,h4 {
	text-align: center;
	}
#maincontent p {
	padding-left: 20px;
	padding-right: 10px;
	text-indent:20px;
	}
.volunteer#maincontent p  {
	text-indent: 0px;
	padding-left: 10px;
	}
.perinfo#maincontent span {
	/*text-decoration: underline;*/
	display: block;
	font-weight: bold;
	text-align: center;
	}
.home#maincontent span {
	/*text-decoration: underline;*/
	display: block;
	font-weight: bold;
	text-align: center;
	}
p.error{
	display: block;
	font-weight: bold;
	color:  red;
	}
#maincontent span {
	/*text-decoration: underline;*/
	/*display: block;*/
	font-weight: bold;
	/*text-align: center;*/
	}
#sidebar h3 {
	text-align: center;
	}
#logos img {
	
	margin-left:25px;
}
#headlines img {float:left;
        margin-right: 10px;
       }

/* begin forms coding
=============================================*/

label {display: block}

fieldset{background: #f8f8f8;
	border: solid 0 transparent;
	margin: 1em;
	padding: 20px;
	border: 1px solid #ccc
	}

form{width: 550px;
	height: 500px;
	background: #fff;}
textarea {width: 400px;
	height: 100px;}

 input{width:400px;}
input.submit {width:auto;}

/* end forms coding
=====================================================*/

/* sidebar links formatting
================================== */
#sidebar  {
	font: 80%/1.6 "Gill Sans", Futura, "Lucida Grande", Geneva, sans-serif;
	}
 ul  {
	margin-left:15px;}

#sidebar p {
	padding-left:5px;
	padding-right:5px;
	text-align: justify;
	}

#sidebar a {
	display: block;
	width: 180px;  /* dimensions needed for IE5.x/Win */
	padding: 0.2em;
	margin-left: 5px;
	line-height: 1.4;
	/*background: rgb(206, 220, 154);
	border: 1px solid black;*/
	color: #000;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	}

#sidebar  a:hover {
	background: rgb(0,0,0);/*rgb(237, 227, 60); */
	color: #fff;
	}
#sidebar  a:visited {
	color: #2a9a4c;
	}
/* end of sidbar links formatting */

#sidebar img {
	border: solid 1px black;
	margin-left:5px;
	}

#footer p { padding: 25px;
	text-align: center;
	font-size: 9px;
	color: rgb(153, 153, 153);
	}
/* easy drop shadow
================================== */

/*.img-wrapper {
	background: url(images/dropshadow.gif) no-repeat bottom right;
	float:left;
	line-height:0;
	display: inline;
	margin-left:25px;
	
	}

.img-wrapper img {
	background:#fff;*/
	/*padding:4px;*/
	/*border:1px solid #a9a9a9;*/
/*	border:2px solid black;
	position:relative;
	left:-15px;
	top:-15px !important;
	top: 0px;
	}*/
/* end easy drop shadow
================================== */
/* external links - do not work with ie 6 and below
================================== */

a[href^="http:"] {
	background: url(cssimages/externalLink.gif) no-repeat right top;
	padding-right: 10px;
	}

a[href^="http://www/kispiox.com"], a[href^="http://kispiox.com"]
 {
	background-image: none;
	padding-right: 0;
	}

a[href^="mailto:"] {
	background: url(cssimages/email.png) no-repeat right top;
	padding-right: 15px;
	}
a[href$=".pdf"] {
	background: url(cssimages/doc.gif) no-repeat right top;
	padding-right: 18px;
	}