/* KEMPERCOLLECTIONS base styles */


body {
	color: white;
	background-color: #333131;
	padding: 0px;
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
}

h1 {
	padding-left: 600px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	height: 86px;
	background-color: #99cc33;
	font-family: Helvetica, Arial, sans-serif;

 }
 
h1 span {
 	position: absolute;
 	top:0;
 	width: 386px;
 	height: 86px;
 	background-image: url(Graphics/kempercollections.gif);
 }
 
ul {
	float: left;
	width: 35em;
	padding-left: 1em;
	margin-left: 1em;
	}
	 
li {
		list-style-position: inside;
		list-style-type: none;
	} 
	
#splash {
	display: block;
	width: 650px;
	height: 390px;
	padding: 2em;
	margin: 0;
	}

#splash a img {
	float: left;
	display: inline-block;
	width: 130px;
	height: 130px;
	border: none;

}
 
a.button1 img {
	height: 130px;
	width: 130px;
	background-image: url(./img/1a.jpg);
}

a.button1:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/1h.jpg);
}

a.button2 img {
	height: 130px;
	width: 130px;
	background-image: url(./img/2a.jpg);
}

a.button2:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/2h.jpg);
}

a.button3 img {
	height: 130px;
	width: 130px;
	background-image: url(./img/3a.jpg);
}

a.button3:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/3h.jpg);
}

a.button4 img {
	height: 130px;
	width: 130px;
	background-image: url(./img/4a.jpg);
}

a.button4:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/4h.jpg);
}

a.button5 img {
	height: 130px;
	width: 130px;
	background-image: url(./img/5a.jpg);
}

a.button5:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/5h.jpg);
}

a.button6 img {
	height: 130px;
	width: 130px;
	background-image: url(./img/6a.jpg);
}

a.button6:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/6h.jpg);
}

a.button7 img {
	height: 130px;
	width: 130px;
	background-image: url(./img/7a.jpg);
}

a.button7:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/7h.jpg);
}

a.button8 img {
	display: block;
	height: 130px;
	width: 130px;
	background-image: url(./img/8a.jpg);
}

a.button8:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/8h.jpg);
}

a.button9 img {
	display: block;
	height: 130px;
	width: 130px;
	background-image: url(./img/9a.jpg);
}

a.button9:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/9h.jpg);
}

a.button10 img {
	display: block;
	height: 130px;
	width: 130px;
	background-image: url(./img/10a.jpg);
}

a.button10:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/10h.jpg);
}

a.button11 img {
	display: block;
	height: 130px;
	width: 130px;
	background-image: url(./img/11a.jpg);
}

a.button11:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/11h.jpg);
}

a.button12 img {
	display: block;
	height: 130px;
	width: 130px;
	background-image: url(./img/12a.jpg);
}

a.button12:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/12h.jpg);
}

a.button13 img {
	display: block;
	height: 130px;
	width: 130px;
	background-image: url(./img/13a.jpg);
}

a.button13:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/13h.jpg);
}

a.button14 img {
	display: block;
	height: 130px;
	width: 130px;
	background-image: url(./img/14a.jpg);
}

a.button14:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/14h.jpg);
}

a.button15 img {
	display: block;
	height: 130px;
	width: 130px;
	background-image: url(./img/15a.jpg);
}

a.button15:hover img {
	height: 130px;
	width: 130px;
	background-image: url(./img/15h.jpg);
}

h2 {
   clear: both;
   position: relative;
   width: 650px;
   height: 102px;
   font-size: small;
   font-family: Helvetica, Arial, sans-serif;
   padding-bottom: 0;
   margin-bottom: 0;
}
   
h2 span {
	font-size: xx-small;
	display: block;
	clear: both;
	position: absolute;
	width: 650px;
	height: 102px;
	background-image: url(/Graphics/welcomeheader.gif);
	padding-bottom: 0;
    margin-bottom: 0;
}

h3 {
	background-color: #75c9eb;
	color: #333030;
	width: 100%;
	font-size: small;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	}
	
#welcome {
		letter-spacing: .25px;
		color: #e5e5e5;
		position: absolute;
		border-width: 0px;
		width: 650px;
		padding-left: 2em;
		padding-right: 2em;
		padding-top: 2em;
		padding-bottom: 1.5em;
		margin: 0px;
		line-height: 1.5em;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 1.1em;
	}
	
#rights {
	letter-spacing: .25px;
	line-height: 1.5em;
	font-size: 1.1em;
	color: #cfcfcf;
	width: 600px;
	min-height: 100%;
	margin-top: 1em;
	padding-top: 3em;
	background-repeat: no-repeat;
	background-image: url(Graphics/help_rights.gif);
	font-family: Helvetica, Arial, sans-serif;
}

#browser {
	letter-spacing: .25px;
	line-height: 1.5em;
	font-size: 1.1em;
	color: #cfcfcf;
	width: 600px;
	min-height: 100%;
	margin-top: 1em;
	padding-top: 3em;
	background-repeat: no-repeat;
	background-image: url(Graphics/help_recs.gif);
	font-family: Helvetica, Arial, sans-serif;
}

#help {
	letter-spacing: .25px;
	line-height: 1.5em;
	font-size: 1.1em;
	color: #cfcfcf;
	width: 600px;
	min-height: 100%;
	margin-top: 1em;
	padding-top: 3em;
	background-repeat: no-repeat;
	background-image: url(Graphics/help/help.gif);
	font-family: Helvetica, Arial, sans-serif;
}

#rights p {
	padding-top: 1em;
	}
	
#signin {
	margin-left: 20em;
	margin-top: 1em;
	padding-top: 5em;
	padding-bottom: 5em;
	background-image: url(Graphics/collaboratesignin.gif);
	background-repeat: no-repeat;
	color: #d6d6d6;
	}
	
#signin p {
	width: 80%;
	line-height: 1.5em;
	font-size: small;
	padding-bottom: 2em;
	}


welcome.p {
	padding: 0;
    margin: 0;
	}
	
h4 {
	background-color: #75c9eb;
	color: #333030;
	width: 100%;
	font-size: small;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin: 0;
	font-family: Helvetica, Arial, sans-serif;
	}
	
h6 {
	text-decoration: none;
	text-transform: none;
	font-size: large;
	font-weight: bold;
	font-family: helvetica;
	color: #63cff7;
}
	
#a {
	background-color: #75c9eb;
	color: #333030;
	width: 100%;
	font-size: small;
	text-transform: uppercase;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	}
	
a {
	padding-bottom: 0px;
	text-decoration: none;
	color: white;
}

a:hover {
	color: #63cff7;
	padding: 0px;
	text-decoration: none;
}

.smalltxt {
  font-family: verdana,arial,trebuchet,sans-serif;
  font-size: 10px;
  color: #333366;
}

.err {
    color: red;
}

td.content {
    max-height: 600px;
    max-width: 750px;
    vertical-align:top;
    padding:10px
    font-size: small;
    font-family: Helvetica, Arial, sans-serif;
}

#exploretree {
	color: #dcdcdc;
	width: 600px;
	height: 500px;
	margin-left: 17em;
	margin-top: 1em;
	padding-top: 3em;
	background-repeat: no-repeat;
	background-image: url(Graphics/explore.gif);
	background-color: #333131; 
	font-family: Helvetica, Arial, sans-serif;
	}
	
	.branch {
	height: 100px; 
	width: 600px; 
	background-color: #75c9eb; 
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	}
	
#circle1 {
	height: 100px;
	width: 125px;
	position: absolute;
	display: inline;
	border: 0;
}

p.brancha {
	padding-right: 50px;
	padding-left: 25px;
	padding-bottom: 15px;
	font-family: Helvetica, Arial, sans-serif;	
	font-size: small;
	position: relative;
	border-width: 0px;
	height: 70px;
	margin-left:125px;
	padding-top: 15px;
	background-color: #b0d9ea;
	color: #444444;
	display: block;
	line-height: 1.25em;
	 }
	 
p.branchb {
	margin-left: 125px;
	padding-right: 50px;
	padding-left: 25px;
	padding-bottom: 15px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	position: relative;
	border-width: 0px;
	height: 70px;
	padding-top: 15px;
	background-color: #b0d9ea;
	color: #3d3d3d;
	display: block;
	line-height: 1.25em;
}

.drops {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-width: 1px;
	border-top-color: #27b2ea;
	border-top-style: solid;
	margin-top: 2em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: x-small;
	position: relative;
	width: 100%;
	padding-top: 15px;
	background-color: #333131;
	display: inline-block;
	}
	
#find {
	margin-left: 1.5em;
	margin-bottom: 1em;
	margin-right: 0;
	margin-top: 0;
	padding: 0;
	clear: both;
	float: left;
	display: inline;
	}
	 
#drop1 {
	display: inline;
	margin-left: 20px;
	padding-left: 1em;
	border-left-style: solid;
	border-left-color: #99cc33;
	border-left-width: 1px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 5px;
	margin-bottom: 0px;
	height: 20;
	color: #63cff7;
	background-color: #3d3d3d;
	font-family: Helvetica, Arial, sans-serif;
	}
	
#drop2 {
	display: inline;
	margin-left: 20px;
	padding-left: 1em;
	border-left-style: solid;
	border-left-color: #99cc33;
	border-left-width: 1px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-top: 5px;
	margin-bottom: 0px;
	color: #63cff7;
	background-color: #3d3d3d;
	font-family: Helvetica, Arial, sans-serif;
	}
	
	#drop3 {
	width: 100px;
	display: inline;
	padding-left: 1em;
	border-left-style: solid;
	border-left-color: #99cc33;
	border-left-width: 1px;
	padding-right: 10px;
	padding-bottom: 0px;
	margin-left: 20px;
	padding-top: 5px;
	margin-bottom: 0px;
	color: #63cff7;
	background-color: #3d3d3d;
	font-family: Helvetica, Arial, sans-serif;
	}

#drops li:hover ul, #drops li.sfhover ul {
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #63cff7;
	left: auto;
}
	 
#drops, #drops ul {
	display: inline;
	width: 75em;
	padding-left: 0;
	padding-bottom: 0px;
	padding-right: 0;
	padding-top: 0;
	margin-left: 0;
	margin-bottom: 0px;
	margin-right: 0;
	margin-top: 0;
	line-height: 1.5em;
	font-size: small;
	list-style: none;
}

#drops a {
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #d6f1fe;
	display: block;
	width: 10em;
}

#drops a:hover {
	padding-bottom: 0px;
	margin-bottom: 0px;
	color: #99cc33;
	display: block;
}

#drops li {
	line-height: 2em;
	padding-bottom: 0px;
	margin-bottom: 0px;
	float: left;
	width: 10em;
	display: inline;
}

#drops li ul {
	padding-bottom: 0px;
	margin-bottom: 0px;
	position: absolute;
	width: 10em;
	left: -999em;
}

#drops li:hover ul {
	padding-bottom: 0px;
	margin-bottom: 0px;
	left: auto;
}

#creditline {
	color: #b0d9ea;
	padding-bottom: 2em;
	}

#communityportfolios {
	margin-top: 1em;
	padding-top: 5em;
	padding-bottom: 5em;
	margin-left: 2em;
	background-image: url(Graphics/collaboratecomm.gif);
	background-repeat: no-repeat;
	color: #d6d6d6;
	}
	
#communityportfolios p {
	line-height: 1.5em;
	font-size: small;
	padding-bottom: 2em;
	width: 80%;
	}
	
#communityportfolios a {
	color: #b0d9ea;
}
	
	
#communityportfolios a:hover {
		color: #44cafe;
	}
	
.footer {
	top: 65em;
	color: #cfcfcf;
	display: block;
	clear: both;
	font-size: x-small;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border-bottom-width: 14px;
	border-bottom-style: solid;
	border-bottom-color: #63cff7;
  	border-bottom-style: solid;
	margin: 0px;
	height: 100px;
	background-color: #262626;
	font-family: Helvetica, Arial, sans-serif;
	position: relative;
}

.footer p {
	font-family:Helvetica,sans-serif,Arial;
	font-size: 1.1em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	letter-spacing:1px;
	width: 30em;
	float: left;
	padding-left: 1em;
	}

#blackfoot {
	padding-top: 2em;
	padding-right: 1em;
	float: right;
	border: none;
	}
	

#navigation {
	left: 0px;
	right: 1px;
	padding-left: 1em;
	padding-top: 1em;
	position: absolute;
	width: 14em;
		}

.content {
	top: 7em;
	right: 20em;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small;
	width: 750px;
	margin-left: 17em;
	padding-left: 1em;
}

#searchcontent {
	margin-left: 20em;
	width: 60em;
	height: 50em;
	padding-top: 3em;
	margin-top; 3em;
	font-size: small;
	background-repeat: no-repeat;
	background-image: url(Graphics/advancedsearch.gif);
	background-color: #333131; 
	font-family: Helvetica, Arial, sans-serif;
	}
	
#searchcontent a {
	color: #cddbe2;
	 }
	 
#searchcontent a:hover {
	color: #99cc33;
	 }
	 
#searchnav {
	padding-bottom: .25em;
	padding-right: 0px;
	padding-top: .5em;
	margin-right: .25em;
	margin-bottom: .25em;
	margin-top: .75em;
	}
	
#searchnav a {
	margin-bottom: .25em;
	padding-right: .5em;
	padding-left: .5em;
	padding-top: .75em;
	color: #b0d9ea;
	font-size: x-small;
	}

#searchnav a:hover {
	color: white;
	padding-bottom: .25em;
	font-size: x-small;
	}

#searchform {
	line-height: 1em;
	}
	


dl.menu {
	padding-right: 2.5em;
	margin-bottom: 3em;
	border-right-width: 1px;
	border-right-color: #444444;
	border-right-style: solid;
	}
	
dl.return {
	padding-right: 3.5em;
	margin-bottom: 5em;
	}
	
dl.menu a {
	text-align: left;
	line-height: 2em;
	color: #b3c193;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	font-size: x-small;
}

dl.menu a:hover {
	text-align: left;
	color: white;
}

dt.menu {
	text-align: left;
	color: white;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: small;
	}

dt.menu a {
	text-align: left;
	color: white;
	font-size: small;
	font-family: Helvetica, Arial, sans-serif;
	}
	
dt.menu a:hover {
	text-align: left;
	color: #75c9eb;
	font-size: small;
	font-family: Helvetica, Arial, sans-serif;
	}

a.go {
	position: absolute;
	padding-top: .2em;
	display: inline;
	width: 22px;
	height: 20px;
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: small;
	background-image: url(/Graphics/menu/go.gif);
	border: none;
	}

.menu {
	text-align: left;
	color: white;
	font-size: small;
	font-family: Helvetica, Arial, sans-serif;
	}
	
#menu {
	line-height: 1.5em;
	text-align: left;
	color: white;
	padding-left: 2em;
	margin-left: 0;
	font-family: Helvetica, Arial, sans-serif;
	}

#menu a:hover {
		color: #75c9eb;
	}

#selector1 {
	line-height: 1.5em;
	color: #d4e2e9;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: small;
	padding-left: 1.5em;
	}

#selector1 a:hover {
		color: #b0d9ea;
	}

#selector2 {
	line-height: 1.5em;
	color: #d4e2e9;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: small;
	padding-left: 1.5em;
	}
	
#selector2 a {
	color: #d4e2e9;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: small;
	}

#selector2 a:hover {
		color: #75c9eb;
	}
	
#selector3 {
	z-index: 0;
	line-height: 1.5em;
	color: #d4e2e9;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: x-small;
	padding-right: .5em;
	padding-top: .35em;
	}

#selector4 {
	background-repeat: no-repeat;
	color: #d4e2e9;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: small;
	padding-left: 2em;
	padding-bottom: 1em;
	padding-top: .3em;
	background-image: url(/Graphics/menu/go2.gif);
	}


#selector4:hover {
		color: #75c9eb;
	}

#selector6 {

		font-size: x-small;
		text-transform: uppercase;
		color: #b0d9ea;
		background-repeat: repeat;
	}

#selector6:hover {
		color: #75c9eb;
	}

.navsearch {
	line-height: 2.5em;
	color: #e8f6ff;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: small;
	padding-right: .5em;
	}

.navsearch a {
		text-transform: none;
		text-decoration: none;
		color: #e8f6ff;
	}

.explore {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: small;
	width: 100%;
	height: 100em;
	margin-left: 17em;
	padding-left: 1em;
	}

#decade {
		line-height: .25em;
		font-family: Helvetica, Verdana, Arial, sans-serif;
		font-size: smaller;
	}

h5 {
		color: #b0d9ea;
	}
	
td a {
	color: #b0d9ea;
}
td a:hover {
	color: #44cafe;
}

#signin a {
	color: #b0d9ea;
}
#signin a:hover {
	color: #44cafe;
}

div.page-nav {
    color: #333131;
    border-bottom-width: 3px;
	padding-top: .2em;
    width: 100%;
	height: 1em;
}

div.page-nav a {
    font-size: x-small;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    padding-bottom: 15px;
    margin-bottom:10px;
    width: 100%;
	background-color: #e5f4fc;
	padding: .2em;
	color: #444444;
}

div.page-nav a:hover {
	background-color: #b0d9ea;
	padding: .2em;
	color: #444444;
	}

#navline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b0d9ea;
}
	

div.page-nav-left {
    float:left;
}

div.page-nav-left a {
	padding-left: .2em;
}

div.page-nav-left a:hover {
	padding-left: .2em;
}


div.page-nav-right {
    float:right;
}

div.display-options {
	padding-top: .5em;
	display: inline-block;
	}
	
div.smalltxt {
	display: inline;
	}
	
div.navtxt  {
	padding-left: .4em;
	color: #444444;
	font-size: xx-small;
	display: inline;
	}
	
div.display-options a
	{ color: black;
	}
	
table {
		margin-bottom: 1em;
		margin-top: 1em;
	}

tr {
	font-size: .9em;
	line-height: 1.5em;
	}
	
tr a
	{color: #b0d9ea;
	}
	
	
tr a:hover {
		color: #44cafe;
	}
	
td.list-heading {
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1em;
	margin-right: 0px;
	padding-left: 1em;
	padding-bottom: .1em;
	padding-right: .25em;
	padding-top: .25em;
	height: 100%;
	background-color: #333131;
	}
	
td.list-heading a{
			color: #c9f567;
		}

td.list-row {
	line-height: 2em;
	padding-left: 1em;
	}

#userSelection {
		color: #b0d9ea;
		background-color: #60767f;
		padding-right: .5em;
		padding-left: .5em;
		padding-bottom: 1em;
		padding-top: 1em;
	}