@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: transparent url(images/greenbg.jpg) repeat-x;
}

#bubble {
	width: 1024px;
	margin: 0 auto 0 auto;
	padding: 0; /* 30px 0 30px;*/
	overflow: hidden;
	background: transparent url(images/containerbg.png) repeat-y;	
}

#container {
	width: 964px;
	margin: 0 30px 0 30px;
	padding: 0;
	display: block;
	overflow: visible;
	text-align: center;

}

#insideContainer {
	width: 964px;
	overflow: hidden;
	text-align: center;
	background-color: white;
}

/* SECTION 1: HEADER */
#header {
	width: 964px;
	height: 151px;
	margin: 0;
	padding: 0;
	text-align: left;
	background: transparent url(images/headerbg.jpg) repeat-x;

}

#signin {
	width: 407px;
	height: 151px;
	float: left;
	text-align: left;
	background: transparent url(images/signinbox2.png) no-repeat right top;	
	overflow: hidden;
}

#logoHolder {
	width: 459px;
	float: right;
	overflow: hidden;
	text-align: right;
	margin: 0;
	padding: 0;
}

.logo {
	width: 459px;
	height: 151px;
	margin: 0;
	padding: 0;
	float: right;
}

/* BLACK SPACER */
#spacer {
	width: 964px;
	height: 5px;
	margin: 0px;
	padding: 0px;
	background-color: black;
	overflow: hidden;
}


/* SECTION 2: STORIES */
#mission {
	width: 964px;
	height: 132px;
	margin: 0;
	padding: 0;
	background: transparent url(images/mission10.jpg) no-repeat;
}

#s_stories {
	width: 964px;
	height: 308px;
	margin: 0;
	padding: 0;
	/*background: transparent url(images/story2.jpg) no-repeat;*/
}


/* SECTION 3: NAVIGATION */
#navigation {
	width: 964px;
	height: 104px;
	margin: 0;
	padding: 0;
}

a.find {
	display: block;
	float: left;
	height: 104px;
	width: 181px;
	background: transparent url(images/findlocalc.jpg) no-repeat;
}
a.find:hover {
	background-position: -181px 0;
}

a.serv {
	display: block;
	float: left;
	height: 104px;
	width: 179px;
	background: transparent url(images/servicesc.jpg) no-repeat;
}
a.serv:hover {
	background-position: -179px 0;
}

a.lib {
	display: block;
	float: left;
	height: 104px;
	width: 221px;
	background: transparent url(images/libraryc.jpg) no-repeat;
}
a.lib:hover {
	background-position: -221px 0;
}

a.story {
	display: block;
	float: left;
	height: 104px;
	width: 224px;
	background: transparent url(images/successc.jpg) no-repeat;
}
a.story:hover {
	background-position: -224px 0;
}

a.res {
	display: block;
	float: left;
	height: 104px;
	width: 159px;
	background: transparent url(images/resourcec.jpg) no-repeat;
}
a.res:hover {
	background-position: -159px 0;
}

/* SECTION 4: CONTENT */
#content {
	width: 914px;
	margin: 25px;
	padding: 0px;
	text-align: left;
}

.clear {
clear:both;
font-size:1px;
line-height:0px;
}

#s_gallery {
	text-align: center;
	padding: 0;
	margin: 0 auto 0 auto
}

#s_gallery img {
	border: 0;
	width: 100px;
	height: 75px;
	padding: 0;
	margin: 5px;
}



/* SECTION 5: FOOTER */
#footer {
	width: 964px;
	height: 110px;
	margin: 0;
	padding: 0;
	background: transparent url(images/footer.jpg) no-repeat;
}

#subFooter {
	width: 914px;
	margin: 0 auto 0 auto;
	padding: 0px;
	text-align: center;
}



/* ***SPECIAL*** - LIBRARY STEPS GRAPHIC */

a.step1 {
	display: block;
	width: 223px;
	height: 373px;
	float: left;
	background: transparent url(images/step1.jpg) no-repeat;
}

a.step1:hover {
	background-position: -223px;
}

a.step2 {
	display: block;
	width: 229px;
	height: 373px;
	float: left;
	background: transparent url(images/step2.jpg) no-repeat;
}

a.step2:hover {
	background-position: -229px;
}

a.step3 {
	display: block;
	width: 218px;
	height: 373px;
	float: left;	
	background: transparent url(images/step3.jpg) no-repeat;
}

a.step3:hover {
	background-position: -218px;
}

a.step4 {
	display: block;
	width: 230px;
	height: 373px;
	float: left;	
	background: transparent url(images/step4.jpg) no-repeat;
}

a.step4:hover {
	background-position: -230px;
}