*{
	font-family:Arial;
}

.clear{
	clear: both;
}

body {
	margin: 0px;
	overflow: visible;
}

a{
	color: #666;
	text-decoration: underline;
}
a:hover{
	color: #ee3525;
	text-decoration: none;
}
a:focus{
	outline: none;
}
iframe{
	border: none;
}

#wrap {
	width:929px;
	margin:0 auto;
}

.background-header {
	width:100%;
	height:388px;
	background-image:url('../orl/images/layout/background-header.jpg');
	background-repeat:repeat-x;
	position: relative;
	left:0px;
	z-index:-1;	
	top:0px;
	margin-bottom: -388px;
/*
	position: relative;
	left:0px;
	z-index:-1;	
	top:388px;

*/
}


/* Template layout styles */
.top-menu-div, .top-menu-div div {
	float:left;
}
.menu-bar-div {
	margin-left: 8px;
	margin-top: 12px;
}

#page-sub-menu{
	width:380px;
	margin:0;
	text-align:left;
	padding-bottom: 10px;
}
#page-sub-menu ul.submenu {
  margin:5px;   /* ---  must have right margin. IE bug */
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  overflow:hidden; 
  list-style: none;
}
 
#page-sub-menu ul.submenu li {
  margin:0; 
  padding:0;
  padding-bottom: 5px;

}

div.li_container { 
	border:none;	/* don't use left and right border, padding and margin */ 
	padding:0; 
	margin:0; 
	overflow:hidden;
	position: relative;
	left: 20px;
}


#page-sub-menu a{
/* 	font-size: 12px; */
	color: #666;
	text-decoration: underline;
}
#page-sub-menu a:hover{
/* 	font-size: 12px; */
	color: #ee3525;
	text-decoration: none;
}

.intro-row-div {
	float:left;
	width:929px;
	height:347px;
	margin-top:10px;
}
.search-container {
	float:left;
	width:161px;
	margin-left:-161px;
}
#homepage-box-div{
	width: 571px; /* reduced by padding */
	height: 347px;
	float: left;
	padding-left: 40px;
	background: url('/assets/templates/orl/images/layout/intro.png') no-repeat -4px;
	position: relative;
}
#homepage-box-div h1{
	margin: 0px;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	position: relative;
	left: -5px;
}
.homepage-content-div {
	width:929px;
	min-height:306px;
	float:left;
	margin-top:15px;
}
.content-row-div {
	float:left;
	width:929px;
	margin-top:15px;
	/* min-height:458px; */
	position: relative;
	z-index: 10;
}
.content-row-div-framed {
	float:right;
	width:808px;
	margin-top:0px;
	/* min-height:458px; */
	background: url('/assets/templates/orl/images/layout/content-framed.png') no-repeat 16px 10px;
	position: relative;
}

.content-row-div-framed-bgline{
	overflow:auto;
	background:url('/assets/templates/orl/images/layout/divider.gif') repeat-y;
}

#content-row-div-framed-float{
	width:789px;
	float:right;
	padding-right:3px;
}

.content-row-div-framed-content{
	margin:0 25px;
	width: 732px;
	float:left;
	min-height:530px;
	position: relative;
}



#intro-wide {
	float:right;
	width:808px;
	height: 357px;
	margin-top:0px;
	background: url('/assets/templates/orl/images/layout/content-box.png') no-repeat 15px 10px;
	position: relative;
}
#intro-wide-content{
	float: left;
	position: relative;
	left: 41px;
	top: 17px;
	z-index: 1001;
	
}

#intro-wide-content ul{
	list-style: disc;
}

/* Content UL LI */
.content-row-div ul, .content-row-div-framed ul{
	list-style: disc;
/* 	font-size: 12px; */
}
.content-row-div ul li, .content-row-div-framed ul li{
/* 	font-size: 12px; */
}

#background-image-box{
	width: 550px;
	height: 292px;
	position: absolute;
	top:11px;
	right: 4px;
	background-repeat: no-repeat;
	background-position: right top;
}
#background-image-box-big{
	width: 550px;
	height: 347px;
	position: absolute;
	top:10px;
	right: 4px;
	background-repeat: no-repeat;
	background-position: right top;
	
}
#background-framed-image-box-big{
	width: 405px;
	height: 347px;
}
#background-corner-top{
	width: 9px;
	height: 9px;
	position: absolute;
	top:11px;
	right: 4px;
	background: url('/assets/templates/orl/images/backgrounds/corner-top.png') no-repeat;
}
#background-gradient-overlay{
	width: 550px;
	height: 292px;
	position: absolute;
	top:11px;
	right: 5px;
	background: url('/assets/templates/orl/images/backgrounds/gradient-overlay-long.png') no-repeat;
	/* background: url('/assets/templates/orl/images/backgrounds/gradient-overlay.png') no-repeat; */
}
#background-box-overlay{
	width: 551px;
	height: 347px;
	position: absolute;
	top:10px;
	right: 3px;
	background: url('/assets/templates/orl/images/backgrounds/box-overlay-long.png') no-repeat;
	/* background: url('/assets/templates/orl/images/backgrounds/box-overlay.png') no-repeat; */
	z-index: 1000;
}
#background-spacer-box{
	float: right;
	width: 316px;
	height: 200px;
}

.intro-light-intro {
	height:292px;
}
.intro-light-content {
	margin-top:0;
}


/* Top Menu Buttons */
.find-books {
    background: transparent url('/assets/templates/orl/images/buttons/top-menu.png') no-repeat scroll 0px 0px;
    display:block;
    float:left;
    width: 300px;
    height: 47px;
}
.my-account {
    background: transparent url('/assets/templates/orl/images/buttons/top-menu.png') no-repeat scroll -300px 0px;
    display:block;
    float:left;
    width: 121px;
    height: 47px;
}
.join {
    background: transparent url('/assets/templates/orl/images/buttons/top-menu.png') no-repeat scroll -421px 0px;
    display:block;
    float:left;
    width: 75px;
    height: 47px;
}
.search-background {
    background: transparent url('/assets/templates/orl/images/buttons/top-menu.png') no-repeat scroll -496px 0px;
    display:block;
    float:left;
    width: 161px;
    height: 47px;
}
.search-site {
    background: transparent url('/assets/templates/orl/images/buttons/top-menu.png') no-repeat scroll -657px 0px;
    display:block;
    float:left;
    width: 82px;
    height: 47px;
}
.find-books:hover {
    background-position: 0px -47px;
    color: #000;
    outline: none;
}
.my-account:hover {
    background-position: -300px -47px;
    color: #000;
    outline: none;
}
.join:hover {
    background-position: -421px -47px;
    color: #000;
    outline: none;
}
.search-site:hover {
    background-position: -657px -47px;
    color: #000;
    outline: none;
}


/* Intro Image Text */
#homepage-long-title {
	color:#000000;
	float:left;
	font-family:Arial;
	font-size:30px;
	font-style: italic;
	left:547px;
	position:relative;
	top:13px;
	width:500px;
	margin-left:-500px;
	z-index:101;
}
#homepage-long-title .red {
	color:#ee3525;
}
#homepage-header-text {
	color:#000000;
	float:left;
	font-family:Arial;
	font-style: italic;
	font-size: 12px;
	width:493px; /*reduced by padding*/
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	padding-left: 3px;
}
#homepage-header-text p{
	margin: 0px;
	padding: 0px;
	padding-bottom: 10px;
}
#homepage-flash {
	width:548px;
	height:168px;
/* 	background-image:url('/assets/templates/orl/images/layout/flash-homepage-placeholder.png'); */
	position: absolute;
	top:140px;
	left:25px;
	outline: none;
}
#content-long-title {
	color:#000000;
	float:left;
	font-family:Arial;
	font-size:30px;
	font-style: italic;
	left:532px;
	position:relative;
	width:500px;
	margin-left:-500px;
	
}
#content-long-title .red {
	color:#ee3525;
}
#content-header-text {
	color:#000000;
	float:left;
	font-family:Arial;
/* 	font-style: italic; */
/* 	font-size: 12px; */
	width:440px;
	overflow: hidden;
}

#content-header-text table{
/* 	font-size: 10px; */
	background: #F1F1F1;
	margin-right: 10px;
	margin-bottom: 3px;
	margin-left: 3px;
	margin-top: 3px;
	float: left;
	border: 1px solid #BFBFBF;
	border-top: none;
	width: 200px;
	border-collapse: collapse;
}
#content-header-text table td{
	padding: 3px;
	border-top: 1px solid #BFBFBF;
}
#content-header-text table td div{
	/* text-align: center; */
}
#content-header-text table h3{
/* 	font-size: 12px; */
	font-weight: bold;
	margin: 0;
	padding: 0;
}


/* Front page news */
#read-all-news-button {
    background: transparent no-repeat scroll left;
    display:block;
    float:left;
    background-image: url(/assets/templates/orl/images/buttons/read-all-news.gif);
    width: 111px;
    height: 24px;
    margin-top: 10px;
}
#read-all-news-button:hover {
    background-position: right;
    color: #000;
    outline: none;
}
.read-more-link {
	color:#666;
	font-family:Arial;
	font-style: italic;
	position: absolute;
	right:0px;
	bottom:0px;
	text-decoration: underline;
}
.read-more-link:hover {
	color:#ee3525;
	text-decoration: none;
}

.latest-news-div {
	margin-bottom:40px;
}
.news-item{
	height: 135px;
	position: relative;
}
.news-item h2{
	margin-top: 15px;
}

#header {
	width:919px;
	float:left;
	font-size:11px;
	margin-top:5px;
}

#header .img-alignment{
	position: relative;
	top: 3px;
}

.font-adjust-container {
	float:right;
}
#small-text-link {
	font-size:10px;
}
#medium-text-link {
	font-size:12px;
}
#large-text-link {
	font-size:14px;
}

#top-menu-header {
	margin-bottom:-2px;
	margin-right:-4px;
}

#locations-menu{
	float:left;
	width:209px;
	text-align:left;
	margin-left:-12px;
}

#locations-menu-header {
	margin-bottom:2px;
	margin-left: -5px;
}
.locations-menu-left-ul {
	float:left;
	padding-left:0px;
}
.locations-menu-right-ul {
	padding-left:115px;
}

.font-adjust-container a, font-adjust-container span {
	color:#000000;
	text-decoration:none;
	font-size: 11px;
}

h1 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	color:#000000;
	font-family:Arial;
	font-size:28px;
	font-style: italic;
	margin-top: 15px;
	margin-bottom: 15px;
	
}
h1 .red {
	color:#ee3525;
}

h2 {
	margin: 0;
	padding: 0;
	font-family:Georgia;
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	color: #000;
}

h2 span{
	display: block;
	font-size: 12px;
	color: #666;
	font-style: italic;
}
h3{
	margin: 0;
	padding: 0;
	font-weight: bold;
/* 	font-size: 14px; */
	margin-bottom: 8px;
}
h3 a{
	text-decoration: none;
	color: #000;
}

p {
	margin: 0;
	padding: 0;
	padding-bottom:8px;
}

li {
/* 	font-size:11px; */
}

.locations-link {
	color:#000000;
	text-decoration: none;
}

.locations-link:hover {
	color:#666666;
	text-decoration: none;
}

.locations-ul {
	line-height:16px;
}

ul {
	list-style-type:none;
	margin-top:0px;
	margin-left:0px;
	padding-left:20px;
}

/* Removes borders around images.  The <a> tag was causing a blue border. */
img {
	text-decoration: none;
	border: 0 none;
}

#intro {
}



.news-divider {
	overflow:auto;
	background-image:url('/assets/templates/orl/images/layout/divider.gif');
	background-repeat:repeat-x;
	height:1px;
}


/* Content Page Footer */
.content-footer-container {
	float:left;
	width:929px;
}
.content-footer-container div {
	float:left;
}
.content-footer-bold-link {
	font-family: Arial;
/* 	font-size: 12px; */
	color: #7d7d7d;
	text-decoration: none;
	font-weight: bold;
}
.content-footer-text,.content-footer-text a {
	text-decoration: none;
	font-family: Arial;
/* 	font-size: 12px; */
	color: #7d7d7d;
}

.content-footer-locations-link-branches div ul, .content-footer-menu-link ul {
	padding-left:0px;
}
.content-footer-locations-link-branches div ul li {
	margin-bottom: 5px;
	width:100px;
}
.content-footer-menu-link {
	text-align:right;
	width:13%;
}
.content-footer-menu-link ul li {
	margin-bottom: 5px;
	float:right;
	width:100px;
}
.content-footer-container-books {
	float:left;
	margin-right:31px;
}
.content-footer-container-bottom-div {
	margin-top:40px;
	width:929px;
	float:left;
}
.content-footer-locations-link-branches div ul li a {
	text-decoration: none;
	color: #a5a5a5;
}
.content-footer-menu-link ul li a {
	text-decoration: none;
	color: #b1b1b1;
	font-weight: bold;
}
.content-footer-locations-link-branches {
	width:60%;
}
.content-footer-locations-link-divider {
	width:14%;
	height:1px;
}
.footer-wrap {
	float:left;
	height:287px;
	width:100%;
	background-image:url('/assets/templates/orl/images/layout/background-footer.jpg');
	background-repeat:repeat-x;
	z-index:-1;
	position:relative;
}
.footer-homepage-wrap {
	top:-30px;
}
.footer-content-wrap {
	top:-310px;
}
.footer-homepage-div {
	float:left;
	margin-top:50px;
	width:929px;
}
#footer-copyright {
	float:left;
}
#footer-twin-creek {
	float:right;
}
.footer-contentpage-div {
	float:left;
	margin-top:50px;
	width:929px;
}
#footer-location {
	float:left;
}
#footer-navigation {
	float:right;
}
.content-footer-divider {
	float:left;
	width:929px;
	height:1px;
	margin:17px 0 19px;
	background-image:url('/assets/templates/orl/images/layout/divider.gif');
	background-repeat:repeat-x;
}


/* Branches Menu */

#branches-link{
	font-size: 14px;
	width:720px;
	margin:0;
	text-align:left;
	padding-bottom: 10px;
}
#branches-link ul {
  margin:5px;   /* ---  must have right margin. IE bug */
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  overflow:hidden; 
  list-style: none;
}
 
#branches-link ul li {
  margin:0; 
  padding:0;
  padding-bottom: 5px;

}

#branches-link div.li_container { 
	border:none;	/* don't use left and right border, padding and margin */ 
	padding:0; 
	margin:0; 
	overflow:hidden;
}
#branches-link a{
/* 	font-size: 12px; */
}

/* Banners */
.banners-div {
	margin-bottom:8px;
}


#sidebanners{
	width:279px;
	min-height: 10px;
	overflow:auto;
	float:left;
}
#sidebanners div.banner-map{
/*
	width: 244px;
	position: absolute;
*/
	/* width: 244px; */
	/* width: 100%; */ /* spacing for IE */
	/* float: left; */
	
}
#sidebanners-full div.banner{
	width: 210px;
	padding-right: 8px;
	float: right;
/*
	position: relative;
	top: -195px;
*/
}
#sidebanners-full div.banner img{
	width: 210px;
}

#sidebanners-full div.banner-map{
/*
	width: 244px;
	position: absolute;
*/
	/* width: 244px; */
	/* width: 100%; */ /* spacing for IE */
	/* float: left; */
	
}
#sidebanners-full div.banner-calendar{
	width: 244px;
	float: left;
}


/*ajax Search CSS*/
A.AS_ajax_resultLink.hover, A.AS_ajax_resultLink.visited, A.AS_ajax_resultLink.link{ color:#FF0000; background-color:#3dc5dd;}

/*Ditto pagination for News section*/

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #ee3525; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #ee3525; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
    color: black;
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
#ditto_pages a.ditto_pagesperpage {
	border: none;
}

/*Breadcrumb navigation*/

.B_crumbBox, .B_crumbBox a{
	/* Span that surrounds all crumb output */
	color: #ee3525;
	text-decoration: none;
/* 	font-size: 12px; */
}
.B_crumbBox{
	position: relative;
	left: -15px;
}
.B_hideCrumb{
	/* Span surrounding the "..." if there are more crumbs than will be shown */
}
.B_currentCrumb{
	/* Span or A tag surrounding the current crumb */
}
.B_firstCrumb{
	/* Span that always surrounds the first crumb, whether it is "home" or not */
}
.B_lastCrumb{
	/* Span surrounding last crumb, whether it is the current page or not */
}
.B_crumb{
	/* Class given to each A tag surrounding the intermediate crumbs (not home, or hide) */
}
.B_homeCrumb{
	/* Class given to the home crumb */
}

/* IE error box*/

.error {
	background: #ffc9c9;
	border: solid 1px red;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 12px;
}
.error a {
	font-weight: bold;
}

/*Sitemap*/
#sitemap a{
	text-decoration: none;
}
#sitemap ul{
	list-style: none;
}
#sitemap ul li ul{
	list-style: disc;
	padding-bottom: 5px;
}
#sitemap ul li ul li ul{
	list-style: circle;
	padding-bottom: 5px;
}
#sitemap li{
	margin-bottom: 5px;
	margin-top: 5px;
}

#sitemap ul li a{
/* 	font-size: 13px; */
	font-weight: bold;
}
#sitemap ul li ul li a{
/* 	font-size: 12px; */
	font-weight: normal;
}
#sitemap ul li ul li ul li a{
/* 	font-size: 11px; */
	font-weight: normal;
	font-style: italic;
}

/*AddThis*/
#addthis{
	float: right;
}

/* Kids Page Marmot Animation */

#marmot-flash{
	width: 520px;
	height: 350px;
	position: absolute;
	top:-5px;
	right:-40px;
/* 	background: red; */
}