/* CSS Document */

body {
	
	background-color: #ccc;
	margin: 0;
	padding: 0;	
	font-family: Arial, Helvetica, sans-serif;
	

}
h1,h2,h3,h4,h5,h6,p,a, ul,li { margin: 0; padding: 0; }

#container { 
	
	margin: 2em; 
	width: 840px;
	height: auto;
	background-color:#c9ed9b;

	

}


#header { 
	width: 840px; 
	height: 145px; 
	background: url(../images/header2purple.gif) no-repeat;
	z-index: 1;
}
#awarddiv { 
	width: 840px; 
	height: 131px; 
	background: url(../images/libby_post_award.jpg) no-repeat;
	background-color: #fff;
	color: #000;
	z-index: 1;
}

#services /*INDEX.html circle graphic in upper right hand corner*/
{
	width: 226px;
	height: 214px;
	z-index: 200;
	background: url(../images/services_cropped.png) no-repeat;
	position: absolute;
	top: 32px;
	left: 647px;
	margin: 0;
	padding: 0;
}

#servicescropped /*circle graphic in upper right hand corner*/
{
	width: 226px;
	height: 214px;
	z-index: 200;
	background: url(../images/services_cropped2.png) no-repeat;
	position: absolute;
	top: 33px;
	left: 647px;
	margin: 0;
	padding: 0;
}


.topspacerindex { width: 840px; height: 10px; background-color: #fff; clear: both; }
.topspacer { width: 840px; height: 9px; background-color: #006685; clear: both; border-bottom: 1px solid white;
	border-top: 1px solid white; }

/*DROPDOWN MENU....................................*/

#menu { width: 130px; background: #c9ed9b; float: left; z-index: 50;}
#menu ul { list-style: none; margin: 0; padding: 0;}
#menu a { font:  10px/16px arial, helvetica, sans-serif; display: block; border-bottom: 1px solid #fff;
			margin: 0; padding: 5px 8px; letter-spacing: .08em; text-transform: uppercase; color: #006685;
			background: #c9ed9b; text-decoration: none; }

#menu a:hover { color: #fff; background: #006685;}
#menu li { position: relative; }
#menu ul ul ul { position: absolute; top: 0; left: 100%; width: 100%;}
div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;}
div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}





/*MAIN CONTENT..................................*/

#content h1 { font-size: 1.3em; text-transform: uppercase; margin: 20px 0 0 40px; letter-spacing: .1em; color: #006685;}
#content { width: 710px; min-height: 350px; height: auto !important; background-color: #fff; float: right; clear: right; }
#content p { font-size: .75em; margin: 10px 40px 0 40px;letter-spacing: .01em; line-height: 1.5; color: #666; text-align: left;}
#content ul {  font: .75em; margin: 5px 0px 0 20px; letter-spacing: .01em;line-height: 1.4; color: #666; }


/*ABOUT PAGE.................................*/

#section { width: 655px; height: auto; margin: 1em 1em 1em 40px; padding-bottom: 20px;}
#section p{ color: #666; font: 11px/1.2 Arial, Helvetica, sans-serif; margin-left: 110px; margin-right: 50px; text-align: justify;}
#section a { text-decoration: none; color: #006685; font-weight: bold; border-bottom: 1px dotted #006685;}
.biotitle { text-transform: uppercase; color: #006685; font: bold 1em Arial, Helvetica, sans-serif; letter-spacing: .05em; margin-left: 10px; border-bottom: 1px dotted #006685; padding: 0;}
.bioemail { color: #006685; font: bold 11px Arial, Helvetica, sans-serif; letter-spacing: .05em; margin-left: 10px; padding: 0;}
.biocopy { color: #666; font: 10px/1.2 Arial, Helvetica, sans-serif; margin-left: 10px; text-align: left; padding: 0;}


/*INDEX PAGE..................................*/

#libraries { background:url(../images/libraries2.jpg); border-right: 1px solid #fff; border-left: 1px solid #fff; }
#libraries:hover{background: url(../images/libraries2_over.jpg);}
#libraries a{ background: url(../images/libraries2.jpg)no-repeat; display:block;width:171px;height:300px;}
#libraries a:hover{ background: url(../images/libraries2_over.jpg)no-repeat;}


#advocacy {background:url(../images/advocacy2.jpg); border-right: 1px solid #fff;}
#advocacy:hover{background: url(../images/advocacy2_over.jpg);}
#advocacy a{ background: url(../images/advocacy2.jpg)no-repeat; display:block;width:172px;height:300px;}
#advocacy a:hover{background: url(../images/advocacy2_over.jpg)no-repeat;}

#healthcare { background:url(../images/healthcare2.jpg); border-right: 1px solid #fff;}
#healthcare:hover{background: url(../images/healthcare2_over.jpg);}
#healthcare a{ background: url(../images/healthcare2.jpg)no-repeat; display:block;width:171px;height:300px;}
#healthcare a:hover{background: url(../images/healthcare2_over.jpg)no-repeat;}


#notforprofit { background:url(../images/notforprofit2.jpg);}
#notforprofit:hover{background: url(../images/notforprofit2_over.jpg);}
#notforprofit a{ background: url(../images/notforprofit2.jpg)no-repeat; display:block;width:172px;height:300px;}
#notforprofit a:hover{background: url(../images/notforprofit2_over.jpg)no-repeat;}


#libraries,  #healthcare { width: 171px; height: 300px; float: left; }

#advocacy, #notforprofit { width: 172px; height: 300px; float: left; }

.bottomspacerindex
{ 
	width: 840px; 
	height: 7px; 
	clear: both; 
	background-color: #fff;  
	text-align:center;
	padding: 5px 0 15px 0;
	text-transform: uppercase;
	font-size: .68em;
	letter-spacing: .2em;
	line-height: 1.6;
	
}


/*FOOTER...................................................*/

.bottomspacer
{ 
	width: 840px; 
	height: 7px; 
	clear: both; 
	background-color: #006685; 
	text-align:center;
	padding: 5px 0 15px 0;
	text-transform: uppercase;
	font-size: .68em;
	letter-spacing: .2em;
	line-height: 1.6;
	color: #fff;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	
}


#footer 
{ 
	width: 840px; 
	height: 20px; 
	color: white; 
	font-size: .7em; 
	text-align: center; 
	padding-top: 10px; 
	letter-spacing: .1em; 
	text-decoration: none; 
	clear: both; 
	background-color: #660066;
}
#footer a { text-decoration: none; color: #fff;}
#footer a:hover { color: #c9ed9b; }





/*TEXT STYLES................................................*/

.bold { color: #006685; font-weight:bold; }
.boldgreen { color: #c9ed9b; font-weight: bold; }
.greencarot {font-weight: bold; color: #c9ed9b; }
.boldpurple {font-weight: bold; color: #660066; }
.capitalpurple { text-transform: uppercase; color: #660066; font-weight: bold;}
.boldwhite { color: #fff; font-weight: bold; }
.link { text-decoration: none; color: #006685;}
.link:hover { border-bottom: 1px dotted #006685; }
.list ul{ font-size: .75em; list-style-type: circle;}
.listtitle { font-size: 1em; list-style-type: none; text-transform: uppercase; color: #006685; font-weight:800;}

/*CONTACT FORM................................................*/


#page-wrap {
	width: 550px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 300px;
	height: auto !important;
	height: 500px;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
}
#page-wrap p{ font-size: 1.3em; margin-bottom: 15px; }

#contact-area {
	width: 529px;
	margin-top: 25px;
	background: white;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
	
}

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

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

#contact-area input.submit-button {
	width: 100px;
	float: right;
	text-transform: uppercase;
	color: #006685;
}

#contact-area input.submit-button:hover {
	border: 2px solid #006685;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #006685;
}
.onright {
	float: right;
}
.onleft {
	float: left;
	margin-right: 10px;
}