/* CCPL1000 - CSS - Chris Yanc */
@import url(/css/LibraryTools.css);
* {
margin: 0;
padding: 0;
}
body {
font: 80.1% Tahoma, Arial, Helvetica, Verdana, sans-serif;
color: #333;
background-color: #F6EDDC;
}
.Hide {
display: none;
}
#access-links {
	position: absolute;
	left: -1000px;
}
.clear {
clear: both;
float: none;
width: 760px;
height: 0px;
}
/* -- Base Styling -- */
.Main_Content h2 {
clear: left;
margin-bottom: 2px;
color: #CB9832;
font-weight: normal;
font-size: 120%;
}
.Main_Content ul,
.Main_Content ol,
.Main_Content blockquote {
	margin: 0 9px 10px 30px;
}
.Main_Content li {
	margin: 0 0 5px 0;
}
.Main_Content h4 {
	font-size: 90%;
}
.Main_Content h5 {
	font-size: 90%;
	color:#666666;
	margin: 5px 0 5px 0;
}
a img,
img {
border: none;
display: block;
}
p {
margin-bottom: 8px;
}
.Main_Content a {
	color: #5A1200;
}
.Main_Content table td {
	vertical-align: top;
}
.Main_Content .TblInformation {
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
	margin-bottom: 20px;
}
.Main_Content .TblInformation td {
	border-bottom: 1px solid #989898;
	padding: 3px;
}
.TblSubNav {
	border-top: 1px solid #989898;
	border-left: 1px solid #989898;
	margin-bottom: 20px;
	text-align: center;
	margin: 0 auto;
}
.TblSubNav td {
	border-bottom: 1px solid #989898;
	border-right: 1px solid #989898;
	padding: 3px;
}
.Main_Content .TblInformation .TblInformation_Heading td,
.Main_Content .TblSubNav .TblInformation_Heading td  {
	background-color: #F6EDDC;
}
.Main_Content .TblInformation .TblInformation_Heading h2,
.Main_Content .TblSubNav .TblInformation_Heading h2 {
	font-weight: bold;
}
/* --- DIVS Module Styling --- */
#Template_Home,
#Template_Expert,
#Template_SingleColumn,
#Template_Branch,
#Template_Space,
#Footer .Ft_Container {
width: 760px;
margin: 0 auto;
background-color: #fff;
color: #333;
border-left: 1px solid #CC9833;
border-right: 1px solid #CC9833;
position: relative;
}
.Header {
width: 760px;
height: 196px;
background-color: #FFF;
color: #989898;
position: relative;
z-index: 800;
}
.Main_Content {
width: 595px;
display: block;
float: right;
position: relative;
z-index: 3;
}
.Column_One {
margin-right: 8px;
position: relative;
z-index: 2;
float: left;
}
.Column_Two {
float: left;
position: relative;
z-index: 1;}
#Template_Home .Column_One {
width: 335px;}
#Template_Home .Column_Two {
width: 235px;}
#Template_Expert .Column_One {
width: 280px;
margin-right: 10px;
padding: 0 0 0 5px;
border-left: 1px solid #ccc;
height: auto;
}
#Template_Expert .Column_Two {
width: 280px;
margin: 56px 0 0 0;
padding: 0 0 0 10px;
border-left: 2px solid #ccc;
}
#Template_Branch .Column_One {
margin: 20px 0 0 0;
width: 346px;
}
#Template_Branch .Column_Two {
width: 201px;
margin: 20px 0 0 20px;
padding: 0 0 0 20px;
border-left: 2px solid #ccc;
}
#Template_Space .Column_One {
width: 335px;
    top: 0px;
    left: 0px;
    }
#Template_Space .Column_Two {
width: 200px;
margin: 0 0 0 20px;
padding: 20px 0 20px 20px;
border-left: 2px solid #ccc;
}
#Template_SingleColumn .Column_One {
width: 560px;
}
.LibraryTools {
width: 140px;
display: block;
float: left;
}


#kidImages div.bkg1 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs01.jpg) no-repeat 0 0;
	}
#kidImages div.bkg2 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs02.jpg) no-repeat 0 0;
	}
#kidImages div.bkg3 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs03.jpg) no-repeat 0 0;
	}
#kidImages div.bkg4 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs04.jpg) no-repeat 0 0;
	}
#kidImages div.bkg5 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs05.jpg) no-repeat 0 0;
	}
#kidImages div.bkg6 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs06.jpg) no-repeat 0 0;
	}
#kidImages div.bkg7 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs01.jpg) no-repeat 0 0;
	}
#kidImages div.bkg8 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs02.jpg) no-repeat 0 0;
	}
#kidImages div.bkg9 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs03.jpg) no-repeat 0 0;
	}
#kidImages div.bkg10 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs04.jpg) no-repeat 0 0;
	}
#kidImages div.bkg11 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs05.jpg) no-repeat 0 0;
	}
#kidImages div.bkg12 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs06.jpg) no-repeat 0 0;
	}
#kidImages div.bkg13 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs01.jpg) no-repeat 0 0;
	}
#kidImages div.bkg14 {
	background: #FFF url(/images/HeaderImages/KidSpace/headerImgs02.jpg) no-repeat 0 0;
	}
div.bkg1 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_01.jpg) no-repeat 0 0;
	}
div.bkg2 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_02.jpg) no-repeat 0 0;
	}
div.bkg3 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_03.jpg) no-repeat 0 0;
	}
div.bkg4 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_04.jpg) no-repeat 0 0;
	}
div.bkg5 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_05.jpg) no-repeat 0 0;
	}
div.bkg6 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_06.jpg) no-repeat 0 0;
	}
div.bkg7 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_07.jpg) no-repeat 0 0;
	}
div.bkg8 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_08.jpg) no-repeat 0 0;
	}
div.bkg9 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_09.jpg) no-repeat 0 0;
	}
div.bkg10 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_10.jpg) no-repeat 0 0;
	}
div.bkg11 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_11.jpg) no-repeat 0 0;
	}
div.bkg12 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_12.jpg) no-repeat 0 0;
	}
div.bkg13 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_13.jpg) no-repeat 0 0;
	}
div.bkg14 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_14.jpg) no-repeat 0 0;
	}
div.bkg15 {
	background: #FFF url(http://www.cuyahogalibrary.org/images/HeaderImages/Header_img_15.jpg) no-repeat 0 0;
	}
	
/* -- Spaces DIV Styling --  */
.KidSpace_bottomcurve,

.WhatToRead_bottomcurve,
.TeenSpace_topcurve,
.SeniorSpace_topcurve {
position: absolute;
bottom: 0;
left: 0;
width: 235px;
height: 8px;
background: bottom url(/images/curvebottom_KidSpace.gif) transparent no-repeat;
}
.WhatToRead_bottomcurve {
background: bottom url(/images/curvebottom_WhatToRead.gif) transparent no-repeat;
}
.FamTeachSpace .FamTeachSpace_bottomcurve {
background: bottom url(/images/bkg_FamTeacherSpace_Footer.gif) transparent no-repeat;
}
.TeenSpace_topcurve,
.SeniorSpace_topcurve {
top: 0;
background: 0 0 url(/images/curvetop_TeenSpace.gif) transparent no-repeat;
}
.KidSpace,
.TeenSpace,
.SeniorSpace,
.FamTeachSpace,
.FamilySpace,
.TeacherSpace,
.WhatToRead {
position: relative;
}
.KidSpace {
width: 235px;
background: 0 0 url(/images/bkg_KidSpace.gif) #cb9832 no-repeat;
padding: 0 0 10px 0;
color: #333;
font-size: 90%;
}
.KidSpace .KidContent {
float: right;
width: 102px;
}
img.LinkFloatLeft {
float: left;
}
img.LinkFloatRight {
float: right;
}
.TeenSpace {
width: 235px;
background: bottom url(/images/bkg_TeenSpace.gif) #d8b473 no-repeat;
margin: 0;
padding: 10px 0 0 8px;
color: #333;
font-size: 90%;
}
.TeenSpace img {
clear: right;
}
.TeenSpace {
width: 235px;
background: bottom url(/images/bkg_TeenSpace.gif) #d8b473 no-repeat;
margin: 3px 0 0 0;
padding: 0;
color: #333;
font-size: 90%;
}
.TeenSpace .TeenContent {
float: left;
width: 130px;
padding: 4px 0 0 6px;
}
.SeniorSpace {
width: 235px;
background: bottom url(/images/bkg_SeniorSpace.gif) #505050  no-repeat;
margin-top: 3px;
padding: 20px 0 0 0;
color: #333;
}
.FamTeachSpace {
width: 230px;
min-height: 128px;
background: 0 0 url(/images/TeacherSpace.gif) #cb9832 repeat-y;
margin-top: 4px;
color: #333;
}
.FamTeachSpace .FamTeachSpace_Imagebkg {
width: 235px;
background: 0 0 url(/images/teacherspace.gif) transparent no-repeat;
color: #333;
    height: 126px;
}
.TeacherSpace {
width: 115px;
float: right;
}
.WhatToRead {
width: 235px;
background: 0 0 url(/images/bkg_WhatToRead.gif) #9a879f no-repeat;
color: #333;
margin-top: 5px;
}
.WhatToRead .WhatToReadContent {
padding: 12px 0 4px 0;
width: 115px;
float: right;
}
.Online_Survey {
display: block;
margin-top: 10px;
border-top: 2px solid #ccc;
padding-top: 10px;
}

/* -- Spaces Contents Styling --  */
.KidSpace a,
.TeenSpace a,
.SeniorSpace a,
.FamTeachSpace a,
.WhatToRead a  {
color: #333;
}
.KidSpace a:hover,
.TeenSpace a:hover,
.SeniorSpace a:hover,
.FamTeachSpace a:hover,
.WhatToRead a:hover,
.Breadcrumb li a:hover,
.Weblog .Weblog_ReadMore:hover,
.Weblog .Weblog_Archive:hover,
#HowDoI noscript p a:hover,
.WhatToRead_Author a,
a.GraphicTreatment:hover,
.Main_Content a:hover {
text-decoration: none;
}
.SeniorSpace .Senior_style2 {
font-family: Arial, "Times New Roman", Times, serif;
font-size: 115%;
margin-bottom: 3px;
color: #000000;
}
.SeniorSpace .Senior_style2 a {
color: #505050;

}	
.WhatToRead {
font-size: 70%;
color: #FFF;
background-color: #9a879f;
}
.WhatToRead ul, .WhatToRead p, .WhatToRead li {
	margin: 0;
	list-style-position: inside;
}
.WhatToRead li.noBullet {
list-style: none;
margin-left: 9px;
}
a.WhatToRead_Title {
color: #333;
font-size: 110%;
font-weight: bold;
margin-left: -4px;
}
.WhatToRead_Author a {
color: #FFF;
}
/* --- Header Styling --- */

.CCPL_Logo {
width: 506px;
height: 95px;
position: absolute;
top: 26px;
left: 75px;
}
.CCPL_Logo ul {
list-style: none;
}
.CCPL_Logo ul li {
line-height: 0;
}
.Header_Img {
width: 176px;
height: 140px;
float: right;
margin: 0 0 4px 0;
}

.Top_Nav ul {
list-style: none;
position: absolute;
top: 0;
left: 243px;
}
.Top_Nav ul li {
float: left;
display: block;
}
.Top_Nav ul li a {
display: inline;
vertical-align: middle;
text-decoration: none;
color:#666;
font-size: 97%;
margin-right: 1px;
} 
.Top_Nav ul li a img {
display: inline;
vertical-align: middle;
} 
.Main_Nav ul#Nav {
width: 615px;
height: 22px;
clear: both;
padding-left: 145px;
background: 0 0 url(/images/bkg_MainNav.gif) no-repeat transparent;
position: relative;
z-index: 100;
font-weight: bold;
font-size: 90%; 
}
*:first-child+html .Main_Nav ul#Nav ul {
display: inline-block;
float: left;
min-height:1%;
}
.Main_Nav ul#Nav li {
display: block;
float: left;
white-space: nowrap;
}
.Main_Nav ul#Nav li a {
display: block;
text-decoration: none;
color: #444;
padding: 4px 6px 4px 8px;
margin: 1px 0 0 0;
background-color: transparent;
white-space: nowrap;
font-size: 92%!important;
}
.Main_Nav ul#Nav li:hover ul,
.Main_Nav ul#Nav li.sfhover ul,
#Nav li:hover ul, #Nav li.sfhover ul {
top: 20px;
}
.Main_Nav ul#Nav li a:hover {
background-color: #CB9832;
}
.Main_Nav ul#Nav li ul {
width: auto;
height: auto;
position: absolute;
top: -1000px;
left: auto;
display: block;
background-image: none;
background-color: #F6EDDC;
z-index: 100;
border: 1px solid #DBB846;
border-left-width: 2px;
border-bottom: none;
}
.Main_Nav ul#Nav li ul li {
display: inline;
float: none;
clear: both;
border: none;
position: relative;	
width: auto;
height: auto;
}
.Main_Nav ul#Nav li ul li a {
margin: 0;
padding: 2px;
display: block;
border: none;
position: relative;
width: auto;
height: auto;
border-bottom: 1px solid #DBB846;
}
.Main_Nav ul#Nav li ul li a:hover {
background-color: #DEC38E;
}
.Breadcrumb {
list-style: none;
margin-left: 36px;
margin-top: 6px;
font-size: 90%;
}
.Breadcrumb a {
color: #838282;
font-size: 90%;
}
#HowDoI {
position: absolute;
bottom: -27px;
right: 7px;
z-index: 1;
width: 200px;
}	
.icon_HowDoI {
display: block;
width: 96px;
height: 45px;
background: 0 0 url(/images/icon_HowDoI.gif) no-repeat transparent;
position: absolute;
right: -9px;
top: 160px;
z-index: 1;
}
.HowDoI_Top {
background: 174px 1px url(/images/img_HowDoI_Open.gif) transparent no-repeat;
height: 16px;
float: right;
font-size: 80%;
border: 1px solid #989898;
width: 190px;
}
.HowDoI_Top a {
padding: 2px 21px 0 5px;
line-height: 1.5em;
text-decoration: none;
color:#666;
}
#HowDoI_List {
position: absolute;
right: 0;
top: 0;
border: none;
background-color:#FFF;
border: 1px solid #989898;
border-bottom: none;
display: none;
}
#HowDoI_List ul {	
float: left;
width: 190px;
display: block;
list-style: none;
}
#HowDoI_List ul li {
float: left;
display: inline;
display: block;
width: auto;
border-bottom: 1px solid #989898;
}
#HowDoI_List ul li a.HowDoI_Close {
background: 168px 1px url(/images/img_HowDoI_Close.gif) no-repeat #FFF;
}
#HowDoI_List a {
float: right;
display: block;
padding: 2px;
border: none;
font-size: 83%;
text-decoration: none;
color:#666;
width: 181px;
border-left: 5px solid #CCC;
}
#HowDoI_List a:hover {
background-color: #CCC;
}
#HowDoI_List a.HowDoI_Close:hover {
background: 168px 1px url(/images/img_HowDoI_Close.gif) no-repeat #CCC;
}
#HowDoI noscript div {
	border: 1px solid #CCC;
	border-bottom: none;
	width: 235px;
	position: absolute;
	top: 0; right: 0; 
	background-color:#FFF;
}
#Template_Expert #HowDoI noscript div {
	width: 280px;
}

#HowDoI noscript li {
	margin: 0;
	padding: 0 0 0 2px;
	border-bottom: 1px solid #CCC;
	border-left: 5px solid #CCC;
	list-style: none;
}
#HowDoI noscript a {
	color: #666;
	font-size: 80%;
	background-color:#FFF;
	text-decoration: none;
}
noscript.SpaceColumn div {
	height: 150px;
}

/* --- Footer Styling --- */
#Footer {
position: relative;
width: 100%;
clear: both;
}
#Footer .Ft_Container {
background: 0 33px url(/images/bkg_Footer.gif) no-repeat #FFF;
}
#Footer address {
color: #c37b13;
display: block;
margin-left: 155px;
padding-bottom: 10px;
clear: left;
font-size: 90%;
font-style: normal;
}
#Footer .CopyrightDate {
margin-left: 170px;
font-size: 85%;
display: block;
padding-bottom: 20px;
color: #5B1300;
}
#Footer address span {
display: inline;
}
#Footer address span.HashMark {
background: 0 1px url(/images/bkg_FooterSlash_address.gif) no-repeat #FFF;
padding-left: 15px;
}
.Ft_Container ul {
list-style: none;
padding-top: 36px;
margin-left: 155px;
}
.Ft_Container ul li {
display: block;
float: left;
font-size: 85%;
background: 0 3px url(/images/bkg_FooterSlash.gif) no-repeat #FFF;
padding: 0 9px 0 14px;
margin-bottom: 14px;
color: #999ea3;
}
.Ft_Container ul li a {
color: #999ea3;
}
.Ft_Container ul li a:hover {
text-decoration: none;
}
.Ft_Container p {
margin-left: 175px;
clear: left;
font-size: 85%;
color: #c37b13;
}
.Ft_Container fieldset {
border: none;
position: absolute;
top: 34px;
right: 0;
margin-right: 4px;
width: 285px;
}
.Ft_Container fieldset input {
position: absolute;
top: 0;
right: 0;
}
.Ft_Container fieldset input.Footer_SiteSearch {
right: 79px;
width: 190px;
height: 17px;
border: 2px solid #dbdde2;
}
/* ------ Home Page Copy Styling ------- */
h1 {
width: auto;
font-size: 175%;
font-weight: normal;
color: #996632;
font-family: Futura, Arial, Helvetica, sans-serif;
border-bottom: 2px solid #CCC;
margin-bottom: 10px;
padding: 0 20px 3px 0;
}
#Template_Space h1 {
display: none;
}
#Template_SingleColumn h1 {
width: 358px;
padding: 0 190px 3px 0;
}
.News_Events p {
padding: 0 0 4px 91px;
}
.News_Events img {
float: left;
margin: 0 5px 8px 0;
} 
.Home_FlashMap {
display: block;
margin-top: 18px;
border-top: 2px solid #ccc;
padding-top: 10px;
clear: both;
}

/* --- Online Survey Column Styling --- */
.Online_Survey a {
font-size: 80%;
margin-top: 4px;
color: #996632;
font-weight: bold;
}

/* ------ Expert Page Copy Styling ------ */
hr {
border: none;
border-bottom: 2px solid #ccc;
line-height:0px;
height:2px;
display:block;
margin-top: 16px;
float: none;
clear: both;
}
.ExpertInformation {
	margin-top: 11px;
}
.ExpertInformation a {
	font-weight: bold;
	color: #996632;
}
.Main_Content .OnlineResources li {
	color: #996632;
	list-style-type: circle;
}
.Main_Content .OnlineResources a {
	color: #8F8E8E;
}
.OnlineResources img {
	margin-top: 13px;
	float: none;
}
.Main_Content .OnlineResources li a {
	color: #996632;
}
#Template_Expert h1 {
display: none;
}
#Template_Expert .Main_Content h2 {
font-size: 160%;
margin-top: 10px;
}
#Template_Expert .WhatsNew h2,
#Template_Expert .Events h2
#Template_Expert .Recommended h2 {
font-size: 130%;
}
#Template_Expert .OnlineResources h2 {
margin: 0 0 -3px 0;
font-family: Futura, Arial, Helvetica, sans-serif;
color: #7F6784;
font-size: 200%;
}
#Template_Expert .Main_Content h2 span {
color: #989898;
}
h3 {
color: #996632;
font-size: 100%;
margin: 5px 0 3px 0;
}
/* .Recommended h3,
.Recommended img {
margin: 12px 0 3px 0;
}*/
.Recommended div {
width: 100%;
clear: both;
height: auto;
padding: 4px 0 16px 0;
border-top: 2px solid #CB9832;
margin: 5px 0 0 0;
}
.InTheNews img,
.Resources img,
.Recommended img {
float: left;
margin-right: 10px;
}
.Event_Date {
font-weight: normal;
color: #996632;
margin-bottom: 5px;
}
.Recommended p {
/* padding-left: 88px; */
margin-bottom: 2px;
}
.Recommended p.Author {
color: #996632;
margin-bottom: 2px;
}
.Recommended p,
.Recommended h4 {
width: 230px;
float: right;
}
.Recommended div a {
clear: both;
}
.Recommended span p {
width: auto !important;
float: none;
}

#Template_Expert .Recommended p,
#Template_Expert .Recommended a,
#Template_Expert .Recommended h4 {
width: 175px;
}
.WhatsNew h2,
.Events h2,
.Recommended h2 {
margin: 10px 0 0 0;
}

.Resources h4 {
color: #333;
font-size: 100%;
margin-top: 6px;
}
#Template_Expert .Online_Survey p {
clear: left;
}
.Weblog {
padding-bottom: 10px;
}
.Weblog .Weblog_Archive,
.Weblog .Weblog_ReadMore  {
color: #989898;
display: inline;
line-height: 2em;
}
.Weblog .Weblog_Archive {
float: right; font-weight: bold;
}
a.GraphicTreatment,
.Weblog .Weblog_ReadMore,
a.Link_GreyAndArrow,
.Recommended a.SeeAllBooks {
color: #989898;
font-weight: bold;
padding-right: 9px;
background: top right url(http://www.cuyahogalibrary.org/images/icon_LearnMore.gif) no-repeat #FFF;
}
.Recommended a.GraphicTreatment {
margin: 0 0 8px 0;
}
.Recommended a.SeeAllBooks {
clear: both;
float: none;
margin: 0 0 0 104px;
}
.Weblog .Weblog_ReadMore {
float: left; text-decoration: underline;
background: center right url(http://www.cuyahogalibrary.org/images/icon_LearnMore.gif) no-repeat #FFF;
}
.ExpertInformation img,
.OnlineResources img,
.Events img {
float: right;
margin-left: 10px;
}
#Template_Space .OnlineResources img {
float: none;
margin-left: 0;
}

.Resources .TheFindEngine {
border: none;
position: relative;
width: 280px;
}
.Resources .TheFindEngine input.TheFindEngine_SubmitField {
margin: 20px 0 0 100px;
width: 150px;
height: 18px;
border: 1px solid #A1A1A1;
position: absolute;
top: 0;
left: 0;
}
.Resources .TheFindEngine input.TheFindEngine_SubmitButton {
margin: 20px 0 0 250px;
height: 20px;
width: 20px;
position: absolute;
top: 0;
left: 0;
}
.Resources ol {
margin: 5px 0 2px 20px;
}
.Resources ol a {
color: #333;
text-decoration: none;
}
.Resources ol a:hover {
text-decoration: underline;
}
.Resources a {
color: #996632;
}
.Resources a:hover {
text-decoration: none;
}
.Resources {
padding-bottom: 5px;
}
#Template_Expert .Online_Survey img {
display: block;
float: left;
margin: 0 10px 5px 0;
}
/* -- Branch Page -- */
.BranchInfo_Image {
width: 209px;
float: left;
}
.BranchInfo_Location {
float: left;
width: 320px;
margin-left: 10px;
}
.BranchInfo_Icons {
float: right;
width: 50px;
}
.BranchInfo_Image img {
	margin-bottom: 10px;
}
.BranchInfo_Image ul {
	color: #CB9832;
}
.BranchInfo_Image a {
	color: #838282;
}
.BranchInfo_Location address {
	font-style: normal;
}
.BranchInfo_Location span.Color_Brown,
.BranchInfo_Location .Location_Title,
.BranchInfo_Location .Location_Hours {
	left: 0;
	position: relative;
	color: #CB9832;
}
.BranchInfo_Location .Location_Title,
.BranchInfo_Location .Location_Hours {
	width: 40px;
	vertical-align: top;
}
.BranchInfo_Location .Location_Hours,
.BranchInfo_Location .Location_HoursInfo {
	padding-top: 6px;
}
.BranchInfo_Location a {
color: #BD7C24;
}
.Location_Manager {
	margin: 9px 0 0 0;
}
.CommunityInfo_Img {
	float: left;
}
#Template_Branch h1 {
color: #CB9832;
font-size: 270%;
font-family: Garamond, Georgia, "Times New Roman", Times, serif;
}
#Template_Branch h1 span {
color: #999999;
font-size: 65%;
font-family: Tahome, Arial, Helvetica, sans-serif;
}
.Main_Content h3 a {
	color: #996632;
}
.time_location {
	color: #666666;
}
.CommunityInfo ul {
	color: #CB9832;
	font-size: 80%;
	margin: 0 0 0 98px;
}
.CommunityInfo a {	
	color: #666;
}
.About,
.WhatsNew,
.FriendsOfTheBranch {
margin-top: 15px;
}
.FriendsOfTheBranch img {
margin: 0 0 0 -5px;
}
/* Site Search Ektron Fix */
#basic_group_panel * {
white-space: nowrap;
}

#basic_group_panel table td {
display: block;
}

#basic_group_panel table td {
width: 600px;
}
#ekpSurvey {
font-size: 120%;
color: #CB9832;
}
#Template_Space #ekpSurvey {
width: 200px !important;
}
#ekpSurvey
#ekpSurvey li {
font-size: 70%;
color: #333;
position: relative;
}
#ekpSurvey ol {
margin: 4px 0 0 0;
}
#ekpSurvey input {
margin: 2px 3px 0 10px;
}
#ekpSurvey h2 {
margin: 10px 0 5px 0;
}
#ekpSurvey a {
font-size: 80%;
}
#ekpSurvey label {
position: absolute;
margin: 2px 0 0 0;
font-size: 70%;
color: #333;
}
fieldset.EmailSignup {
	border: none;
	position: relative;
	z-index: 8000;
}
fieldset.EmailSignup label {
	display: block;
	width: 240px;
	float: left;
	position: relative;
	margin: 4px 0 0 0;
}
fieldset.EmailSignup input {
	margin: -1px 5px 0 0;
}
fieldset.EmailSignup p {
	clear: both;
	float: none;
	border-bottom: 2px solid #ccc;
	width: 500px;
	text-align: left;
	padding: 12px 0 4px 17px;
	margin: 20px 0 4px 0;
	color: #CB9832;
	font-size: 120%;
}
fieldset.EmailSignup .FirstName,
fieldset.EmailSignup .LastName,
fieldset.EmailSignup .EmailAddress,
fieldset.EmailSignup .EmailSubmit {
	float: none;
	clear: both;
	margin: 10px 0 0 0;
}
fieldset.EmailSignup .FirstName input,
fieldset.EmailSignup .LastName input,
fieldset.EmailSignup .EmailAddress input {
	position: absolute;
	left: 100px;
	width: 200px;
}
fieldset.EmailSignup .EmailSubmit {
	border-top: 2px solid #ccc;
	width: 100%;
	margin: 20px 0 10px 0;
	padding: 10px 0 0 0;
}
.AboutThisSpace {
	width: 93px;
	float: right;
	margin: 20px 0 0 0;
}
.Column_One img.SpaceHeaderImage {
	float: left;
	margin: 0 0 15px 0;
}
.KidsFeature {
	clear: left;
	margin-top: 15px;
}
img.Img_AlignLeft {
	float: left;
	margin: 0 10px 10px 0;
}
img.Img_AlignRight {
	float: right;
	margin: 0 0 10px 10px
}
a.Return_To_Top {
font-style: italic;
font-size: 80%;
}
.WhatToReadList,
.WhatToReadList_02 {
	margin: 20px 0 0 0;
}
.WhatToReadList div,
.WhatToReadList_02 div {
border-top: 2px solid #CB9832;
margin: 0 10px 0px 0;
padding: 4px 2px 1px 1px;
width: 250px;
/*width: 170px;*/
min-height: 180px;
float: left;
}

.WhatToReadListFiction div,
.WhatToReadListNonfiction div {
border-top: 2px solid #CB9832;
margin: 5px 10px 0px 0;
padding: 2px 1x 1px 1px;
min-height: 180px;
}

.WhatToReadList img,
.WhatToReadList_02 img,
.WhatToReadListFiction img,
.WhatToReadListNonfiction img {
float: left;
margin: 0 10px 0 0;
}

.WhatToReadListFiction,
.WhatToReadListNonfiction {
	width: 47%;
	margin-top: 20px;
	clear: none;
}

.WhatToReadListNonfiction {
	float: right;
}

.WhatToReadListFiction {
	float: left;
	margin-right: 20px;
}

.WhatToReadList_02 div {
width: 173px;
}
/* Events Styling */
#gvEvents,
.eventTableStyle,
#gvRegistrations {
border-left: 1px solid #CC9833;
border-top: 1px solid #CC9833;
}
#gvEvents td,
.eventTableStyle td,
#gvRegistrations td {
padding: 3px;
border-right: 1px solid #CC9833;
border-bottom: 1px solid #CC9833;
}
#gvEvents th,
.eventTableStyle th,
#gvRegistrations th {
background-color: #F6EDDC;
padding: 1px 0 2px 0;
border-right: 1px solid #CC9833;
border-bottom: 1px solid #CC9833;
}
.AddEventLink {
display: block;
margin-bottom: 4px;
}
.EventManagement fieldset,
.Registration_Event fieldset,
.RegEdit_form fieldset {
border: 1px solid #CC9833;
margin: 10px 0 0 0;
padding: 5px;
}
.Registration_Event fieldset.MainInfo {
border: none;
margin: 10px 0 15px 0;
padding: 0;
font-weight: bold;
}
.EventManagement fieldset p,
.RegEdit_form p {
font-size: 120%;
color: #5A1200;
font-weight: bold;
}
.EventManagement fieldset label {
position: relative;
}
.EventManagement fieldset label.FormStyle01 {
display: block;
width: 90px;
margin: 0 0 10px 0;
vertical-align: top;

}
.EventManagement label.FormStyle01 input,
.EventManagement label.FormStyle01 select {
position: absolute;
left: 90px;
top: 0;
}
.EventManagement br,
.Registration_Event br,
.RegEdit_form br {
display: none;
}
.EventManagement #cblSubject label,
.EventManagement #cblAudience label {
margin: 0 0 0 4px;
}
.EventManagement #cblSubject,
.EventManagement #cblAudience {
width: 85%;
margin: 3px 0 15px 10px;
}
.EventManagement #cblSubject input,
.EventManagement #cblAudience input,
.EventManagement #cblSubject,
.EventManagement #cblAudience {
position: relative;
}
.EventManagement .ED_Col01 {
width: 175px
}
.EventManagement .ED_Col02 {
width: 150px
}
.EventManagement .ED_Col04 {
width: 160px
}
.EventManagement .ED_tbl {
width: 100%;
margin: 0 0 10px 0;
padding: 10px 0 0 0;
border-top: 2px solid #F6EDDC;
}
.EventManagement .ED_tbl img{
display: inline;
margin: -3px 0 0 0;
}
.Registration label {
display: block;
position: relative;
margin: 0 0 8px 0;
}
#txtCapacity,
#chkSingleSignup {
position: absolute;
left: 179px;
}
.ED_TopBorder {
border-top: 2px solid #F6EDDC;
padding: 5px 0 0 0;
}
.LastMod {
/*border-top: 2px solid #F6EDDC;
width: 100%;*/
font-size: 80%;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
.LastMod br {
	display: block;
}
.EventManagementSubmit {
background-color: #F6EDDC;
}
.FullDesc {
padding: 10px 0 0 0;
display: block;
}
.FullDesc_Check,
.RegEdit_form fieldset label {
display: block;
position: relative;
margin: 5px 0 0 0;
}
.FullDesc_Check input{
display: block;
position: absolute;
left: 110px;
top: 3px;
}

.FormStyle02 {
	font-weight: bold;
}
.FormStyle02 span {
	font-weight: normal;
}
.formLabelBlock {
	display: block;
	clear: left;
	padding-top: 10px;
}
.labelBlockSpan {
	width: 140px;
	display: block;
	float: left;
	clear: left;
}

.EventCalendarMain,
.EventCalendarNavigation {
width: 100%;
background-color: #F0E0C2;
margin: 0 0 5px 0;
}
.EventCalendarMain td,
.EventCalendarNavigation td {
padding: 4px;
background-color: #FFF;
}
.EventCalendarMain td {
width: 14%;
height: 70px;
}
.EventCalendarNavigation td {
width: 33%;
text-align: center;
font-weight: bold;
background-color: #F6EDDC;
}
.EventCalendarNavigation td a {
font-weight: normal;
}
.EventCalendarMain .calendar_thismonth_day {
background-color: #EEE;
}

.Registration_Event label {
display: block;
position: relative;
margin: 0 0 0px 0;
}
.Registration_Event .UserInfo label input {
position: absolute;
left: 168px;
width: 300px;
margin: -1px 0 10px 0;
}
.Registration_Event .UserInfo label select {
position: absolute;
left: 280px;
width: 280px;
margin: -1px 0 0 0;
}
.Registration_Event .UserInfo label.Style02 input {
position: absolute;
left: 157px;
margin: 3px 0 0 0;
}
.Registration_Event .UserInfo label span {
position: absolute;
left: 300px;
}
.Registration_Event .UserInfo label {
margin: 3px 0 10px 0;
width: 120px;
}
.Registration_Event .UserInfo label.Style02,
.Registration_Event .UserInfo label.Style02_Top {
margin: 10px 0 10px 0;
width: 160px;
}
#ctl00_cplMainPageContent_edEventRegistration_chkReminderEmail {
left: 93px;
}

.Registration_Event .UserInfo label.Style02_Top {
border-top: 2px solid #F6EDDC;
width: 100%;
margin: 10px 10 0 0;
padding: 7px 0 0 0;
}
.Registration_Event textarea {
width: 550px;
height: 100px
}

.TodaysEvents {
width: 170px;
float: right;
border-left: 2px solid #ccc;
margin: 0 0 20px 15px;
padding: 0 0 20px 20px;

}
.SearchEventFinder {
border: none;
}
.SearchEventFinder br {
display: none;
}
.SearchEventFinder label {
position: relative;
display: block;
margin: 4px 0 12px 0;
width: 100px;
}
.SearchEventFinder select,
.SearchEventFinder input {
position: absolute;
left: 70px;
width: 280px;
}
.SearchEventFinder input {
width: 276px;
}
.EventsList_All h2 {
color: #989898;
font-weight: bold;
margin: 10px 0 5px 0;
}
.EventsList_All hr {
clear: none;
}

.EventsList_All p,
.TodaysEvents p {
display: block;
}
.EventsList_All a.eventtitle,
.TodaysEvents a.eventtitle {
margin: 10px 0 0 0;
font-weight: bold;
color: #996533;
}
.DateRange_tbl {
margin: -26px 0 0 70px;
width: 280px;
}
.DateRange_tbl img {
margin: -2px 0 0 0;
}
.DateRange_tbl input {
position: relative;
width: 170px;
left: 0;
}
.EventFinder_page .EventManagementSubmit {
border: 1px solid #CC9833;
width: 268px;
margin: 10px 0 0 70px;
padding: 5px;
}

.EventManagement .EventManagementSubmit p {
	font-weight: normal!important;
	font-size: 100%!important;
	width: 80%;
	margin: 4px 0;
}

.EventManagementSubmit input {
display: block;
margin: 0 auto!important;
}
.EventFinder_page .EventManagementSubmit input {
position: relative !important;
left: 0 !important;
margin: 0;
padding: 0;
}
.tbl_inputField {
width: 172px
}
.tbl_inputField img {
width: 20px;
padding: 2px 0 2px 0;
}

#ctl00_cplMainPageContent_edEvent_imgAccessible {
float: right;
margin: 0 0 0 0;
}
.eventdatetime {
color: #996533;
margin: 0px;
}
.eventlocation {
color: #777;
}
.RegEdit_form fieldset label {
position: relative;
width: 140px;
}
.RegEdit_form fieldset label span,
.RegEdit_form fieldset label input {
position: absolute;
left: 138px;
width: 350px;
}
.RegEdit_form fieldset label input {
width: 30px;
    top: 10px;
}
fieldset.EmailSignup #rblEmailType label {
display: inline;
float:  none;
}
fieldset.EmailSignup span#rblEmailType {
float: left;
margin: -12px 0 0 120px;
}
fieldset.EmailSignup label {
margin-top: 10px;
}

.EventManagement .ActualAttendance label.FormStyle01 {
width: 540px;
}
.EventManagement .ActualAttendance label.FormStyle01 input {
position: relative;
left: 0;
}

.EventManagement .ActualAttendance {
padding-bottom: 10px;
}
.EventManagement .ActualAttendanceSubmit {
background-color: #F6EDDC;
}

.Main_Content a:visited {
color: #80508F;
}

#txtEventTitle {
	width: 	250px;
}

.Main_Content a.GraphicTreatment:visited,
.Main_Content a.Link_GreyAndArrow:visited,
.Main_Content a.SeeAllBooks:visited {
color: #989898 !important;
}

.Main_Content .Column_Two a:visited,
.Main_Content a.Return_To_Top:visited {
color: #5A1200;
}

/* Contest Form */

#ctl00_cplMainPageContent_ekfbContest table {
width: 360px;
}

#ctl00_cplMainPageContent_ekfbContest table td {
vertical-align: top;
width: 220px;
margin: 0 !important;
padding: 0 !important;

}

#ctl00_cplMainPageContent_ekfbContest table td input {
margin-bottom: 5px;
position: relative;
}

#ctl00_cplMainPageContent_ekfbContest table td input#Address {
width: 210px;
}

#ctl00_cplMainPageContent_ekfbContest p {
text-align: left!important;
margin-left: 141px;
}

#ctl00_cplMainPageContent_ekfbContest table td p {
	font-size: 70%;
	margin: 0;
	padding: 0;
}

#ctl00_cplMainPageContent_ekfbContest table.contestTable02 {
width: 100% !important;
vertical-align: middle;
margin-bottom: 20px;
}

#ctl00_cplMainPageContent_ekfbContest table.contestTable02 td {
width: 400px;
padding-top: 2px;
}

#ctl00_cplMainPageContent_ekfbContest table.contestTable02 td.smallWidth {
width: 15px!important;
padding-top: 0;
}

#ctl00_cplMainPageContent_ekfbContest table.contestTable02 td.smallWidth input {
margin-top: 2px;
}


/*  -  KidSpace Redesign Styling
-----------------------------------------------------*/

.kidSpace_Container {
	position: relative;
	width: 593px;
	min-height: 1298px;
	background: transparent url(/images/bkg_KidMainTrunk.jpg) repeat-y 315px 0;
	font-family: 'comic sans', 'comic sans ms', arial, helvetica, san-serif;
	
}

.kidSpace_Content {
	position: relative;
	z-index: 3000;
}

.kidSpace_MainContainer {
	width: 593px;
	min-height: 753px;
	background: transparent url(/images/bkg_KidMainTop.jpg) no-repeat top right;
	position: relative;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;

}


/*.kidSpace_LibraryTop {
	width: 593px;
	height: 166px;
	position: absolute;
	top: -545px;
	z-index: 7000;
	background: transparent url(/images/bkg_KidAtLibraryTop.jpg) no-repeat top right;
}*/

.kidSpace_BottonContent {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 8000;
	width: 150px;
	margin-bottom: 545px;

}

.kidSpace_LibraryTop {
	display: block;
	position: relative;
}

.kidSpace_LibraryTop a {
	width: 149px;
	height: 166px;
	display: block;
	float: right;
	background: transparent url(/images/bkg_KidAtLibraryTop.jpg) repeat top right;
}

.kidSpace_BottomContainer {
	position: absolute;
	bottom: 0;
	width: 593px;
	min-height: 545px;
	background: transparent url(/images/bkg_KidMainBottom.jpg) no-repeat top right;
	z-index: 1000;
}

.kidSpace_contentContainer {
	position: relative;
	margin-left: 20px;
	margin-right: 200px;
	padding-bottom: 580px;
	clear: left;
	
}

.kidSpace_Ladder {
	position: relative;
	background: transparent url(../images/bkg_LadderTop.gif) no-repeat 338px 330px;
	z-index: 2000;
}

.kidSpace_LadderRepeat {
	position: absolute;
	width: 82px;
	height: 420px;
	left: 339px;
	top: 748px;
	background: transparent url(../images/bkg_LadderRepeat.gif) repeat-y 0 0;
}


.hangSign {
	position: relative;
	top: 223px;
}


.GotHomework a {
	display: block;
	width: 242px;
	height: 201px;
	background: transparent url(/images/imgLink_GotHomework.gif) no-repeat 0 0;
}

.CheckItOut {
	margin-left: -11px;
	margin-top: -3px;
	background: transparent url(/images/bkg_BoardCenter.jpg) repeat-y 0 -28px;
}

.CheckItOutTop a {
	display: block;
	width: 254px;
	height: 75px;
	background: transparent url(../images/bkg_BrownSignSet.jpg) no-repeat 0 0;
}

.BookRoom {
	margin: 0 0 0 -11px;
}

.BookRoom a {
	display: block;
	width: 254px;
	height: 106px;
	background: transparent url(../images/bkg_BrownSignSet.jpg) no-repeat 0 -126px;
}

.BookRoomList,
.BookRoomList li {
	list-style: none;
	margin: -1px 0 0 -5px!important;

	padding: 0;
	display: block;
}

.CheckItOutSignContent {
	margin: 0 160px 0px 47px;
}

.CheckItOutBottom {
	height: 51px;
	width: 254px;
	background: transparent url(/images/bkg_BrownSignSet.jpg) no-repeat 0 -75px;
}

.treeSign,
.imageLink {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	display: block;
}

.treeSignList {
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9000;
}

.treeSign {
	z-index: 5000;
}

.Authors {
	width: 84px;
	height: 67px;
	margin-left: -11px;
	float: left;
	display: inline;
	position: relative;
}
.Authors a {
	width: 84px;
	height: 67px;
	display: block;
	position: relative;
	background: transparent url(/images/bkg_BrownSignSet.jpg) no-repeat 0 -232px;
}

.Stories {
	width: 79px;
	height: 67px;
	float: left;
	display: inline;
	position: relative;
}
.Stories a {
	width: 79px;
	height: 67px;
	display: block;
	position: relative;
	background: transparent url(/images/bkg_BrownSignSet.jpg) no-repeat -78px -232px;
}

.GreatReads {
	width: 97px;
	height: 67px;
	display: block;
	position: relative;
	left: 155px;
}

*:first-child+html .GreatReads {
	left: -2px;
}
* html body .GreatReads {
	left: -2px;
}


.GreatReads a {
	margin-top: -2px;
	width: 97px;
	height: 67px;
	display: block;
	position: relative;
	background: transparent url(/images/bkg_BrownSignSet.jpg) no-repeat -156px -232px;
}

.YourTurn {
	left: 88px;
	top: 115px;
}

.YourTurn a {
	width: 164px;
	height: 77px;
	display: block;
	background: transparent url(/images/ImgSign_YourTurn_programs.gif) no-repeat 0 0;
}

.ReviewABook {
	left: 82px;
	top: 182px;
}

.ReviewABook a {
	display: block;
	width: 135px;
	height: 53px;
	background: transparent url(/images/bkg_YellowSignSet_newyellowsigns.gif) no-repeat 0 -229px;
}

.TellAStory {
	left: 65px;
	top: 230px;
}

.TellAStory a {
	display: block;
	width: 137px;
	height: 52px;
	background: transparent url(/images/bkg_YellowSignSet_newyellowsigns.gif) no-repeat 0 -126px;
}

.WhatchaThink {
	left: 88px;
	top: 280px;
}

.WhatchaThink a {
	display: block;
	width: 141px;
	height: 52px;
	background: transparent url(/images/bkg_YellowSignSet_newyellowsigns.gif) no-repeat 0 -177px;
}

.kidsClub {
	right: 0;
	left: auto;
	top: 88px;
	z-index: 8000;
}

.kidsClub a {
	display: block;
	width: 300px;
	height: 257px;
	background: transparent url(/images/imgLink_KidsClub.gif) no-repeat top right;
}

.preschoolPlayground {
	left: 443px;
	top: 463px;
}

.preschoolPlayground a {
	width: 207px;
	height: 126px;
	display: block;
	background: transparent url(/images/bkg_YellowSignSet.gif) no-repeat 0 0;
}

.invisible {
	display: none;
}

.AtLibraryArea {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}

.KidSpace_LibraryPictures {
	position:absolute;
	top: 0px;
	right: -10px;
}

.ImgContainer01 {
	top: 98px;
	right: 37px;
	width: 60px;
	height: 55px;
}

.ImgContainer02 {
	top: 182px;
	right: 36px;
	width: 61px;
	height: 46px;
}

.ImgContainer03 {
	top: 256px;
	right: 32px;
	width: 63px;
	height: 45px;
}

.ImgContainer04 {
	top: 333px;
	right: 32px;
	width: 62px;
	height: 54px;
}

.ImgContainer05 {
	top: 413px;
	right: 28px;
	width: 62px;
	height: 64px;
}

#ekcbAboutHeader{
display:block;
position:relative;
float:right;
width:276px;
margin-top:-110px;
overflow:hidden;
margin-right:-33px;
/*border: 1px solid red;*/
}

#kidsSpaceHeading{
margin-bottom:3px;
}

#classic-search 
{
	text-decoration:underline;	
}

	#classic-search:hover 
	{
		text-decoration:none;	
	}

#preschool{
float:right;
margin:-140px 150px 0 0;
}

#Book_Room{
float:right;
margin:-112px -30px 0 0;
}

span.kidSpaceHeader p img{
display:block;
position:relative;
float:right;
margin:-110px -30px 0 0;
}


