@charset "UTF-8";

* { margin: 0; padding: 0; }
html { margin: 0; padding: 0; }

body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffe0ff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: black;
}
.oneColFixCtr #container {
	width: 765px;
	background-color: white;
	margin: 10px auto;
	text-align: left;
}
.oneColFixCtr #mainContent {
	padding: 0;
	background-repeat: repeat-y;
	background-image: url(kim-vert-line-back.gif);
}

#bodyContent {
min-height: 450px;
}

/* ==================================
			The KIM Project
   ================================== */
a:link { color: #FF40FF; font-weight: bold; text-decoration: none; }
a:visited { color: #FF40FF; font-weight: bold; text-decoration: none; }
a:hover { color: #6F067B; font-weight: bold; text-decoration: underline; }
a:active { color: #6F067B; font-weight: bold; text-decoration: underline; }
img { border: 0; }
img.right { float: right; }
img.left { float: left; }

#kimHeader {
position: relative;
top: 0px;
left: 0px;
width: 765px;
line-height: 190px;
height: 190px;
text-align: left;
margin-bottom: 10px;
background-color: white;
}
.cloudBack { background: url(header-clouds.jpg) no-repeat; }
.contactus { background: url(header-butterfly.jpg) no-repeat; }
.dove { background: url(header-dove.jpg) no-repeat; }
.grass { background: url(header-grass.jpg) no-repeat; }
.smile { background: url(header-palm-trees.jpg) no-repeat; }
.services { background: url(header-services.jpg) no-repeat; }

#kimLogo {
position: relative;
top: 0px;
left: 0px;
width: 765px;
line-height: 190px;
height: 190px;
text-align: left;
background: url(kim-header-logo2.gif) no-repeat left top; 
}
#kimLogo span { display: none; }
#kimLogo a:link, #kimLogo a:visited {
display: block;
height: 190px;
line-height: 190px;
}


/* ==================================
			Page Stuff
   ================================== */

#leftSpacer { float: left; width: 82px; }
#leftCol { float: left; width: 150px; }
#rightCol { float: right; width: 510px; } 
.clearBar { clear: both; line-height: 0pt; }

#bodyContent {
margin-left: 0px;
margin-top: 0px;
padding-right: 25px;
font-size: 1.1em;
}

#bodyContent h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.2em;
color: #FF40FF;
font-weight: normal;
margin-bottom: 0.4em;
}
#bodyContent h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.8em;
color: #FF40FF;
font-weight: normal;
margin-bottom: 0.4em;
}
#bodyContent h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
color: #FF40FF;
font-weight: bold;
margin-bottom: 0.4em;
}
#bodyContent p {
font-size: 1.2em;
margin-bottom: 0.9em;
line-height: 1.6em;
}
#bodyContent ul { 
font-size: 1.2em;
text-align: left; 
margin: 0; 
padding: 0 1.5em; 
margin: 0 0 0.8em 0; 
list-style-type: disc; 
}
#bodyContent ol { 
font-size: 1.2em;
text-align: left; 
margin: 0; 
padding: 0 1.5em; 
margin: 0 0 0.8em 0; 
list-style-type: decimal; 
}
#bodyContent li  { 
font-weight: normal; 
margin: 0 0 0 1.5em; 
padding: 0.3em 0; 
}

#bodyContent .link p {
font-size: 1.2em;
margin-bottom: 0em;
line-height: 1.6em;
}
#bodyContent .link {
margin-bottom: 1em;
border-top: 1px dashed silver;
padding-top: 1em;
}
#bodyContent .link h2 {
font-size: 1.6em;
margin-bottom: 0em;
}


#bodyContent .download p {
font-size: 1.2em;
margin-bottom: 0.5em;
line-height: 1.3em;
}
#bodyContent .download h2 {
font-size: 1.4em;
margin-bottom: 0em;
line-height: 1.6em;
color: #6F067B;
}
#bodyContent .download p.instructions {
font-size: 0.9em;
margin-bottom: 0.5em;
line-height: 1.6em;
}
#bodyContent .download {
margin-bottom: 1em;
border-top: 1px dashed silver;
padding-top: 1em;
}

#bodyContent img {
border: 0;
margin: 5px 15px 15px 15px;
}

#bodyContent .downloadBlock {
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	position: relative;
	background-color: #efefef;
	line-height: 1.4em;
	width: 15em;
	padding: 0.5em;
	margin-left: 0;
	margin-right: auto;
	margin-bottom: 1em;
	margin-top: 1em;
	text-align: center;
}
#bodyContent .downloadImg {
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	display: block;	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
}
#bodyContent .pdf {
	background-image: url(../images/cms-admin/pdf_icon.png);
}
#bodyContent .xls {
	background-image: url(../images/cms-admin/xls.png);
}
#bodyContent .zip {
	background-image: url(../images/cms-admin/zip.png);
}
#bodyContent .ppt {
	background-image: url(../images/cms-admin/ppt.png);
}
#bodyContent .doc {
	background-image: url(../images/cms-admin/doc.png);
}
#bodyContent .other {
	background-image: url(../images/cms-admin/default.png);
}
#bodyContent .downloadBlock span {
	color: black;
	position: relative;
	top: 0.15em;
	display: inline;
}
#bodyContent .downloadBlock span a:link { color: black; text-decoration: none; }
#bodyContent .downloadBlock span a:visited { color: black; text-decoration: none; }
#bodyContent .downloadBlock span a:hover { color: black; text-decoration: underline;}

#bodyContent span.purple {
color: #6F067B;
}

#bodyContent div.pinkBox {
border: 4px double #FF40FF;
padding: 0.8em;
font-size: 1em;
line-height: 1.5em;
margin-bottom: 1em;
margin-top: 0.5em;
}

#bodyContent blockquote {
font-size: 1.8em;
font-style: italic;
font-family: Georgia;
text-align: center;
border: 1px solid #bbb;
padding: 1em;
line-height: 1.3em;
margin-bottom: 0.5em;
color: #999;
}

#bodyContent span.pink {
color: #FF40FF;
font-style: italic;
}

/* ==================================
		Left Hand Menu Stuff
   ================================== */
#navigation {
width: 150px; 
margin-left: 0px; 
font-size: 1.3em;
margin-top: 0px;
}
div.menu  { 
display: block; 
margin-right: 0; 
margin-left: 0; 
padding: 0; 
width: auto; 
border: solid 0px #393939; 
}
div.menu ul { 
text-align: center; 
margin: 0; 
padding: 0;
}
div.menu li  { 
font-weight: normal; 
list-style-type: none; 
margin: 0; 
padding: 0; 
border-bottom: 1px solid white; 
}
div.menu a { 
text-indent: 0px;
}
div.menu a:link   { 
color: #FF40FF; 
background-color: #ffe2ff;
font-weight: normal; 
text-decoration: none; 
display: block; 
margin: 0; 
padding: 6px 0px; 
width: 100%; 
}
div.menu a:visited    { 
color: #FF40FF; 
background-color: #ffe2ff;
font-weight: normal; 
text-decoration: none; 
display: block; 
margin: 0; 
padding: 6px 0px; 
width: 100%; 
}
div.menu a:hover { 
color: #6F067B; 
background-color: #ffcfff;
font-weight: normal; 
text-decoration: none;
display: block; 
width: 100%; 
margin: 0; 
padding: 6px 0px; 
}
div.menu a.active {
background-color: #ffcfff !important;
text-decoration: none;
}

.menuSpacer { font-size: 2px; margin: 0; padding: 0; height: 10px; }

/*
div.trusteeBox {
font-size: 0.8em;
color: #666;
padding: 1em;
border: solid 4px #ffcfff;
margin-top: 1em;
text-align: center;
}
div.trusteeBox h3 {
color: #666;
text-transform: uppercase;
margin-bottom: 0.5em;
}
*/

div.trusteeBox {
font-size: 0.8em;
color: #666;
padding: 1em;
border: solid 4px #59a4e7;
margin-top: 1em;
text-align: center;
background-color: #ffe2ff;
}
div.trusteeBox h3 {
color: #666;
text-transform: uppercase;
margin-bottom: 0.5em;
}


/* ==================================
		Funding Logos and Text
   ================================== */

#fundingText {
position: relative;
z-index: 1;
top: 0px;
left: 82px;
width: 655px;
text-align: center;
border: 1px solid #FF40FF;
padding: 2px;
margin-bottom: 5px;
margin-top: 5px;
}

#fundingText div {
border: 1px solid #FF40FF;
width: 653px;
}

#fundingText p {
font-size: 1.0em;
margin: 5px 8px;
}

#fundingText span.pink {
color: #FF40FF;
}
#fundingText span.larger {
font-size: 1.3em;
}
#fundingText span.medium {
font-size: 1.1em;
}
#fundingText span.small {
font-size: 0.9em;
}

#fundingLogos {
position: relative;
top: 0px;
left: 78px;
width: 687px;
line-height: 60px;
height: 60px;
text-align: left;
background: url(kim-funding-logos2.gif) no-repeat;
margin-bottom: 5px;
}
#fundingLogos span { display: none; }
#fundingLogos a:link, #fundingLogos a:visited {
display: block;
height: 60px;
line-height: 60px;
}



/* ==================================
		Footer And Stuff
   ================================== */

#footer {
padding-left: 0px;
padding-right: 0px;
background-color: #ffe0ff;
background-image: none;
color: black;
padding-bottom: 10px;
padding-top: 7px;
}
#footer span.right {
float: right;
}
#footer a:link { color: black; font-weight: normal; text-decoration: none; }
#footer a:visited { color: black; font-weight: normal; text-decoration: none; }
#footer a:hover { color: black; font-weight: normal; text-decoration: underline; }
#footer a:active { color: black; font-weight: normal; text-decoration: underline; }