/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	background-color: #FFFFFF;
	color: #000066;
	padding: 0px;
	margin: 0px;
	}

a {
	color: #333366;
	text-decoration: underline;
}	
a:hover {
	color: #333366;
	text-decoration: underline;
}
hr {
	color: #000066;
	height: 1px;
}
li  {
	text-decoration: none;
	list-style-type: square;
	list-style-image: url(../images/webdesign/list.gif);
	padding: 2px;
}
ul ul {

	padding: 0px 0px 0px 16px;	
}	
ul ul li  {
	text-decoration: none;
	list-style-type: square;
	list-style-image: url(../images/webdesign/listlist.gif);
	margin: 0px;
	padding: 0px;
}
	
li a {
	text-decoration: none;
}
	
li a:hover {
	text-decoration: underline;
}
	
form {
	margin: 0;
	padding: 0;
}

td {
	font-size: 12px;
}

table {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;	
}




select a{
	padding: 7px;
}


/*CONTENT style-------------------------------------*/	
#scranton-lib-header {
	text-align: center;
	width: 100%;
	float: left;	
	

 }

/*.......header1................................*/
 
#header1 {
	text-align: center;
		width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 36px;
}

#bar {
	
	text-align: right;

	}
#bar ul {
	padding: 0;
	margin: 4px;
	text-align: right;


	}
#bar li {
	list-style-image: none;
	list-style-type: none;
	display: inline;
	
	padding: 0;

	}
	

#bar li a, #bar a:visited {
	color: #5C7DDE;
	text-decoration: none;
	font-size: 12px;
	padding-right: 4px;
	padding-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4066D9;
	}

#bar li a:hover {
	color: #000066;
	text-decoration: underline;
	background-color: #FFFFFF;
}
	 

 
/*.......header2................................*/

#header2 {
		width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 88px;
	text-align: center;	
	background-image: url(../images/webdesign/banner-bk.gif);	
 } 
#header2-text {
	width: 900px;
	height: 79px;
	margin-right: auto;
	margin-left: auto;
	}
#header2 a {
	
	color: #5073DB;
	text-decoration: none;	
 } 
#logo a {
	width: 600px;
	height: 88px;
	background-image: url(../images/webdesign/banner.gif);
	background-repeat: no-repeat;
	float: left;
	
 } 
 

#logo-photo-box {
	width: 240px;
	height: 88px;
	float: left;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/banners-photos/banner-photo.jpg);
}



 

/*.......header3................................*/
#header3 {

	width: 900px;
	margin-right: auto;
	margin-left: auto;
	
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #B3C1EE;
	background-color: #B3C1EE;
}

#navcontainer {
	width: 900px;
	float: left;
	background-color: #133085;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #B3C1EE;
	margin: 0px;
	padding: 0px;
	height: 40px;
}
#navcontainer ul {
	margin: 10px;
	padding: 0px;
}
#navcontainer li {
	list-style-image: none;
	list-style-type: none;
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#navcontainer li a {
	padding: 2px 8px;
	margin: 4px;
	font-size: 14px;
}

#navcontainer a:hover
{
	text-decoration: underline;
	color: #FFFFFF;
}
#navcontainer a.nav-sp {
	
	padding-top: 18px;
}

ul.nav1
{
	background-color: #133085;
	font-size: 14px;
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
ul.nav2
{
	margin: 0px;
	padding: 0px;
	font-size: 12px;
		text-align: left;	
}
ul.nav3
{
	margin: 0px;
	padding: 0;
	text-align: left;
	width: 199px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
ul.nav1 li a
{
	color: #fff;
	padding-right: 20px;
}
ul.nav2 li 
{
	color: #000066;
	

}
ul.nav2 li a
{
	color: #000066;
	padding: 8px;
}	
ul.nav3 li a
{
	text-decoration: none;
	font-weight: normal;
	padding: 4px;
}	
ul.nav3 li a:hover {
	color: #000033;
	display: block;
	text-decoration: none;
	background-image: url(../images/webdesign/colleft-bk.gif);
}	
#scranton-content-col1-2col-left ul.nav3 a:hover
{
	color: #000066;
	text-decoration: none;
}	
	
#nav2 {
	background-color: #B3C1EE;
	font-size: 13px;
	text-align: left;
	width: 900px;
	float: left;
}
#nav2 ul {
	margin: 10px;
}
#nav2 li {
	list-style-image: none;
	list-style-type: none;
	display: inline;	
	
}
#nav2 li a {
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #5E7FDF;
}
/*GENERAL DESIGN AREAS-------------------------------------*/
#scranton-lib-web {
	width: 100%;
	float: left;


 }

#scranton-content {

	width: 900px;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;


}


#scranton-content-col {
	background-repeat: no-repeat;
	text-align: left;
	float: left;
	background-color: #DBE1F7;
	margin: 0px;
	padding: 0px;
	width: 900px;
}

.scranton-content-col-headers {
	float: left;
	width: 900px;
	padding: 0;
	margin: 0;
	background-color: #DBE1F7;
}
.scranton-content-col-headers-text {
	padding: 10px 10px 10px 210px;
	font-size: 18px;
	color: #133085;
	float: left;
	
}
.scranton-content-col-text {
	padding: 0;
	float: left;
	text-align: left;
	background-color: #FFFFFF;
	border-top: 1px solid #B3C1EE;
	border-right: 1px solid #B3C1EE;
	border-bottom: 0px solid #B3C1EE;
	border-left: 1px solid #B3C1EE;
	width: 898px;
}

/*.......all page content area...............................*/

.col-left{
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 12px;
	width: 200px;
	background-color: #DBE1F7;

}
#searchscranlib{
	float: left;
	padding: 0px 0 10px;
	margin: 0;
	width: 200px;
	background-color: #999999;
	font-size: 11px;
	background-image: url(../images/webdesign/search-bk.gif);
	text-align: left;
}

#searchscranlib-button {
	
	font-size: 10px;	
}
#searchscranlib input {
	width: 190px;	
		
}
#col-left-links  {
	float: left;
	width: 200px;
	background-color: #6684E1;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#col-left-links ul  {
	padding: 0;
	margin: 0;
}
#col-left-links  li  {

	color: #FFFFFF;
	padding: 5px;
	text-decoration: none;
}
#col-left-links  a  {

	color: #FFFFFF;
	
	text-decoration: none;
}
.col-left-text{
	padding: 0;
	margin: 0;
	float: left;
	width: 200px;

}
col-left ul {
	padding: 0;
	margin: 0;

}
.col-left li {
	list-style-image: none;
	list-style-type: none;
	font-size: 13px;
	padding: 2px 0px;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C2CEF3;
}
.col-left li a {
	display: block;
	color: #000033;
	padding: 0px;
}

.col-left-address{
	background-color: #FFFFFF;
	padding: 11px;
}

.col-middle {
	float: left;
	width: 680px;
	min-height: 500px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-image: url(../images/webdesign/bk-text.gif);



}
.col-middle-text{
	padding: 4px 4px 4px 8px;
	min-height: 400px;
	margin: 0px;
}


.col-right{
	float: left;
	width: 200px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #FFFFFF;



}
.col-right-text{
	padding: 4px;
}


/*...............footer.............................................*/	
	
#footer {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	
 }
#footer a {
	text-decoration: none;
	color: #000000;	
 }
 #footer a:hover {
	text-decoration: underline;	
	
 }
 .footer-box  {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	text-align: left;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #133085;
	background-color: #DBE1F7;
 }
 
 .footer-box-text  {
	line-height: 20px;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #133085;
	color: #000000;
	}
.footer-text  {
	text-decoration: none;
	font-size: 12px;
	color: #000033;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
 }
 .footer-text ul {
	margin: 0px;
	padding: 4px;
	text-align: left;
	background-color: #DBE1F7;
 } 
.footer-text li {
	text-decoration: none;
	font-size: 12px;
	color: #000033;
	display: inline;
	padding-right: 8px;
	
 }


table.howdoi {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	background-color: #DBE1F7;
}