/* 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: 205px;
}
.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: 80%;
}
.Breadcrumb a {
color: #838282;
}
#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: 181px;
}

#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: 160%;
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: 130%;
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: #333;
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: 13px;
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;
}



/* Homepage Column_Two Highlight Style */

	div.Column_Two div.highlights div {
		display: block;
		margin: 0 0 12px 0;
		padding: 0;
		width: 231px;
		height: auto;
		color: #333333;
		background: #dfc28d url("/images/bg-highlightTop.gif") 0 0 no-repeat;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px;
	}
		div.Column_Two div.highlights div span.bottom {
			display: block;
			margin: 0;
			padding: 0;
			width: 100%;
			height: 11px;
			background: url("/images/bg-highlightBottom.gif") 0 bottom no-repeat;
		}
		
		div.Column_Two div.highlights div h2 {
			padding: 8px;
			font-size: 26px;
			font-weight: normal;
		}
		
		div.Column_Two div.highlights div p {
			padding: 0 8px;
			font-size: 12px;
		}
		
			div.Column_Two div.highlights div img {
				margin: 8px;
				display: inline;
			}
		
				div.Column_Two div.highlights div img.left {
					float: left;
				}
		
				div.Column_Two div.highlights div img.right {
					float: right;
				}
		
			div.Column_Two div.highlights div.gold {
				color:
			}
			
				div.Column_Two div.highlights div.gold h2 {
					color: #432c02
				}
		
			div.Column_Two div.highlights div.violet {
				background: #ab9cb0 url("/images/bg-highlightTop.gif") -254px 0 no-repeat;
			}
			
				div.Column_Two div.highlights div.violet h2 {
					color: #36123f
				}
				
				div.Column_Two div.highlights div.violet span.bottom {
					background: url("/images/bg-highlightBottom.gif") -254px bottom no-repeat;
				}
		
			div.Column_Two div.highlights div.silver {
				background: #cccccc url("/images/bg-highlightTop.gif") -507px 0 no-repeat;
			}
			
				div.Column_Two div.highlights div.silver h2 {
					color: #212121;
				}
				
				div.Column_Two div.highlights div.silver span.bottom {
					background: url("/images/bg-highlightBottom.gif") -507px bottom no-repeat;
				}
		
			div.Column_Two div.highlights div.salmon {
				background: #b89891 url("/images/bg-highlightTop.gif") -761px 0 no-repeat;
			}
			
				div.Column_Two div.highlights div.salmon h2 {
					color: #5a1100
				}
				
				div.Column_Two div.highlights div.salmon span.bottom {
					background: url("/images/bg-highlightBottom.gif") -761px bottom no-repeat;
				}
			
				div.Column_Two div.highlights div.twitter {
					padding: 0 0 4px;
				}
			
				div.Column_Two div.highlights div.twitter h2 {
					padding: 10px 10px 0px 38px;
					margin: 0;
					background: url("/images/bg-twitterFeedH2.gif") 8px 15px no-repeat;
				}
			
				div.Column_Two div.highlights div.twitter h2 a,
				div.Column_Two div.highlights div.twitter h2 a:link,
				div.Column_Two div.highlights div.twitter h2 a:visited {
					display: block;
					padding: 8px;
					font-size: 26px;
					font-weight: normal;
					text-decoration: none;
					text-align: left;
				}
				
				div.Column_Two div.highlights div.twitter ul {
					margin: 0 10px!important;
					list-style: none;
					overflow: hidden;
				}
				
					div.Column_Two div.highlights div.twitter ul li {
						float: left;
						display: block;
						margin: 0;
						padding: 6px 0;
						
					}
				
					div.Column_Two div.highlights div.twitter ul li:nth-child(odd) {
						/*background: #c4a8a2;*/
					}
				
					div.Column_Two div.highlights div.twitter ul li p.meta,
					div.Column_Two div.highlights div.twitter ul li p.meta a:link,
					div.Column_Two div.highlights div.twitter ul li p.meta a:visited {
						display: block;
						font-size: 11px;
						font-style: normal;
						color: #5A1100;
					}
					
					
					div.Column_Two div.highlights div.twitter ul li p.meta {
						padding: 6px 8px 0;
						border-top: 1px solid #bfa19b;
					}

	#alertBox {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: url("../images/afterDark/bg-alertBox.png");
		z-index: 1000;
		display: none;
	}

	#alertBox div.closePanel {
		position: absolute;
		top: 0;
		left: 0;
		float: left;
		display: block;
		width: 100%;
		height: 100%;
		background: none;
		zoom: 1;
		hasLayout: 1!important;
		overflow: hidden;
		z-index: 1;
	}
	
		.ie6 #alertBox {
			background: url("../images/afterDark/bg-alertBox.gif");
		}
		
		#alertBox.show {
			display: block;
		}
		
		#alertBox.hide {
			display: none;
		}

		#alertBox #alertContent {
			position: relative;
			margin: 40px auto;
			width: 718px;
			background: #925419 url("../images/afterDark/bg-alertBox.jpg") repeat-x;
			clear: both;
			float: none;
			height: auto;
			border: 1px solid #9e6f65;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
			-moz-box-shadow: 0 0 15px #000;
			-webkit-box-shadow: 0 0 15px #000;
			box-shadow: 0 0 15px #888;
			z-index: 10001;
		}
		
			#alertBox #alertContent p.close {
				position: absolute;
				right: 6px;
				top: 6px;
				padding: 2px 24px 4px 0;
				background: url("../images/afterDark/bg-closeButton.gif") no-repeat scroll right 0 transparent;
				color: #CFB6A1;
				cursor: pointer;
				font-size: 11px;
				overflow: hidden;
				/*position: absolute;
				right: 10px;
				top: 10px;
				padding: 18px 0 0 0;
				height: 0;
				width: 18px;
				background: url("../images/afterDark/bg-closeButton.gif") no-repeat;
				cursor: pointer;
				overflow: hidden;*/
			}
		
				#alertBox #alertContent p.close:hover {
					color: #fff;
				}
		
			#alertBox #alertContent h2 {
				padding: 80px 0 0 0;
				margin: 0 16px;
				width: auto;
				height: 0;
				background: url("../images/afterDark/bg-alertHeader.gif") 0px 0px no-repeat;
				border-bottom: 1px solid #9E6F65;
				overflow: hidden;
				
			}
		
			#alertBox #alertContent h2 em {
				font-style: normal;
			}
		
			#alertBox #alertContent h3 {
				clear: both;
				margin: 0 0 12px 0;
				padding: 10px 14px;
				color: #fff;
				font-size: 1.4em;
				font-weight: normal;
				font-style: normal;
				/*background: url("../images/afterDark/bg-bookShelf.jpg") no-repeat;*/
			}
		
			#alertBox #alertContent div.bookCarousel h3 {
				width: 150px;
				text-align: center;
			}
			
		
			#alertBox #alertContent div.bookCarousel {
				float: left;
				margin: 0 0 0 26px;
			}
			
		
				.ie6 #alertBox #alertContent div.bookCarousel {
					float: left;
					margin: 0 0 0 12px;
				}
				
			
			#alertBox #alertContent div.mainHighlight {
				float: left;
				margin: 16px 16px 16px 42px;
				width: 456px;
				min-height: 190px;
				border: 0;
				background: url("../images/afterDark/bg-mainHighlight.gif") 0 bottom no-repeat;
				overflow: hidden;
			}
				
			
				.ie6 #alertBox #alertContent div.mainHighlight {
					margin: 16px 8px 8px 42px;
					
				}
			
				#alertBox #alertContent div.mainHighlight h2 {
					padding: 10px;
					margin: 0;
					height: auto;
					background: none;
					font-size: 1.1em;
					color: #fff;
					border: 0;
				}
			
					#alertBox #alertContent div.mainHighlight h2:first-child,
					#alertBox #alertContent div.mainHighlight h2.first {
						background: url("../images/afterDark/bg-highlightH2Topper.gif") no-repeat;
					}
			
			#alertBox #alertContent div.contentArea {
				clear: both;
				/*background: #a67e75;*/
				padding: 0 8px;
				overflow: hidden;
			}
				
				#alertBox #alertContent a:link,
				#alertBox #alertContent a:visited {
					color: #EFE7E0;
				}
				
				#alertBox #alertContent a:active,
				#alertBox #alertContent a:hover {
					color: #fff;
				}
			
			#alertBox #alertContent div.highlight {
				float: left;
				margin: 0 4px 14px;
				padding: 0 0 10px 0;
				width: 226px;
				background: #945d3e;
				border: 1px solid #bb9b8e;
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
				overflow: hidden;
			
			}
			
			#alertBox #alertContent div.highlight {
				border: 0;
				background: url("../images/afterDark/bg-highlight.gif") 0 bottom no-repeat;
			
			}
			
				#alertBox #alertContent div.highlight h2 {
					padding: 10px;
					margin: 0;
					height: auto;
					background: none;
					font-size: 1.1em;
					color: #fff;
					border: 0;
				}
			
					#alertBox #alertContent div.highlight h2 strong,
					#alertBox #alertContent div.mainHighlight h2 strong {
						display: block;
						margin: 0 4px;
						padding: 0 0 3px 0;
						border-bottom: 1px solid #bb9b8e;
						
					}
			
					#alertBox #alertContent div.highlight h2:first-child,
					#alertBox #alertContent div.highlight h2.first {
						background: url("../images/afterDark/bg-highlightsH2Topper.gif") no-repeat;
					}
			
				/*.ie6 #alertBox #alertContent div.highlight {
					margin: 7px 12px;
					
				}*/
			
			
				#alertBox #alertContent div.highlight fieldset {
					clear: both;
					padding: 0 10px;
					margin: 0 0 1em 0;
					border: 0;
				}
				
					#alertBox #alertContent div.highlight fieldset legend {
						position: absolute;
						left: -999em;
					}
				
					#alertBox #alertContent div.highlight fieldset label {
						float: left;
						position: relative;
						overflow: hidden;
					}
				
						#alertBox #alertContent div.highlight fieldset label dfn {
							position: absolute;
							left: -999em;
						}
				
						#alertBox #alertContent div.highlight fieldset label input {
							padding: 8px 5px 7px;
							width: 146px;
							font-size: 1em;
							color: #661E06;
							border: 1px solid #a67e75;
						}
				
					#alertBox #alertContent div.highlight fieldset label.submit {
						float: left;
						overflow: hidden;
					}
					
						#alertBox #alertContent div.highlight fieldset label.submit dfn {
							position: absolute;
							left: -999em;
						}
					
						#alertBox #alertContent div.highlight fieldset label.submit input {
							padding: 32px 0 0 0;
							margin: 0 2px;
							height: 32px;
							width: 44px;
							border: 0;
							background:  url("../images/afterDark/bg-submitButton.gif") no-repeat;
							overflow: hidden;
							cursor: pointer;
						}
					
						#alertBox #alertContent div.highlight p,
						#alertBox #alertContent div.mainHighlight p {
							padding: 0 15px;
							margin: 0 0 1em 0;
							color: #fff;
						}
					
						#alertBox #alertContent div.highlight p.login {
							padding: 0 10px;
						}
					
							#alertBox #alertContent div.highlight p.login a {
								display: block;
								padding: 48px 0 0 0;
								height: 0;
								width: 192px;
								background: url("../images/afterDark/bg-loginButton.gif") no-repeat;
								overflow: hidden;
							}
							
						#alertBox #alertContent .contentArea p#helpText {
							display: none;
						}
							
						#alertBox #alertContent .contentArea p#helpText.open {
							display: block;
							padding: 16px;
							margin: 0 8px;
							color: #fff;
							background: #661E06;
							border: 1px solid #EFE7E0;
							-webkit-border-radius: 6px;
							-moz-border-radius: 6px;
							border-radius: 6px;
							overflow: hidden;
						}
							
						#alertBox #alertContent .contentArea ul.supportNav {
							float: right;
							margin: 8px 14px 14px;
							list-style: none;
						}
								
							#alertBox #alertContent .contentArea ul.supportNav li {
								float: left;
								margin: 0 6px;
								padding: 0 14px 0 0;
								border-right: 1px solid #EFE7E0;
							}
								
							#alertBox #alertContent .contentArea ul.supportNav li p {
								position: absolute;
								left: -999em;
							}
								
							#alertBox #alertContent .contentArea ul.supportNav li:last-child {
								padding: 0 0 0 0;
								border-right: 0;
							}		
		
			#alertBox #alertContent #bookCarousel {
				float: left;
				display: block;
				margin: 0 0 0 38px;
				padding: 0;
				width: 100px;
				height: 150px;
				background:#621A04;
				border: 4px solid #621A04;
				-webkit-box-shadow: 0 0 15px #000;
				-moz-box-shadow: 0 0 15px #000;
				box-shadow: 0 0 15px #000;
				/*background: url("../images/afterDark/bg-bookShelf.jpg") 0 -30px no-repeat;*/
				list-style: none;
				overflow: hidden;
			}
		
				.ie6 #alertBox #alertContent #bookCarousel {
					margin: 0 0 0 19px;
				}
		
			#alertBox #alertContent #bookCarousel.hover,
			#alertBox #alertContent #bookCarousel:hover {
				-webkit-box-shadow: 0 0 15px #fff;
				-moz-box-shadow: 0 0 15px #fff;
				box-shadow: 0 0 15px #fff;
				
			}
		
			#alertBox #alertContent #bookCarousel li {
				position: absolute;
				left: -999em;
				display: block;
				float: left;
				padding: 0 0 20px 0;
				width: 100px;
				height: 200px;
				color: #fff;
			}
		
				#alertBox #alertContent #bookCarousel li:first-child,
				#alertBox #alertContent #bookCarousel li.first {
					position: static;
					left: auto;
				}
		
				.ie6 #alertBox #alertContent #bookCarousel li {
					padding: 0 0 0 0;
				}
		
			#alertBox #alertContent #bookCarousel li dl {
				position: relative;
			}
		
				#alertBox #alertContent #bookCarousel li dl dt {
					display: block;
					float: left;
					margin: 0 22px 0 140px;
					width: 60px;
					font-weight: bold;
				}
		
					.ie6 #alertBox #alertContent #bookCarousel li dl dt {
						margin: 0 22px 0 70px;
					}
			
				#alertBox #alertContent #bookCarousel li dl dd {
					margin: 0 50px 12px 224px;
				}
			
					.ie6 #alertBox #alertContent #bookCarousel li dl dd {
						margin: 0 50px 12px 224px;
					}
			
					#alertBox #alertContent #bookCarousel li dl dd.more {
						position: absolute;
						left: -999em;
					}
			
					#alertBox #alertContent #bookCarousel li dl dd p {
					
					}
			
					#alertBox #alertContent #bookCarousel li dl dd a.more {
						font-weight: bold;
						text-transform: uppercase;
					}
			
						#alertBox #alertContent #bookCarousel li dl dd a:link,
						#alertBox #alertContent #bookCarousel li dl dd a:visited {
							color: #EFE7E0;
						}
				
						#alertBox #alertContent #bookCarousel li dl dd a:active,
						#alertBox #alertContent #bookCarousel li dl dd a:hover {
							color: #FFF;
						}
				
					#alertBox #alertContent #bookCarousel li dl dt.image {
						position: absolute; 
						left: -999em;
					}
				
					#alertBox #alertContent #bookCarousel li dl dd.image {
						position: absolute;
						left: 0;
						top: 0;
						margin: 0 14px 0 20px;
					}
				
						.ie6 #alertBox #alertContent #bookCarousel li dl dd.image {
							position: absolute;
							left: -195px;
							top: 0;
							margin: 0 14px 0 0;
						}
					
						#alertBox #alertContent #bookCarousel li dl dd.image img {
							-webkit-box-shadow: 0px 0px 14px #000;
							-moz-box-shadow: 0px 0px 14px #000;
							box-shadow: 0px 0px 14px #000; 
						}
					
					#alertBox #alertContent #bookCarousel li.selected dl dd.image {
						position: static;
						left: auto;
					}
				
						#alertBox #alertContent #bookCarousel li.selected dl dd.image img {
							margin: 3px;
							border: 0px solid transparent;
							-webkit-box-shadow: 0px 0px 4px #ffffff;
							-moz-box-shadow: 0px 0px 4px #ffffff;
							box-shadow: 0px 0px 4px #ffffff; 
						}
				
						.hasIE #alertBox #alertContent #bookCarousel li.selected dl dd.image img {
							border: 3px solid #fff;
							
						}
		
			#alertBox #alertContent #carouselNav {
				margin: 24px 0;
			}
		
				#alertBox #alertContent #carouselNav li {
					position: absolute;
					top: 170px;
					left: 178px;
					padding: 35px 0 0 0;
					height: 0;
					width: 35px;
					background: url("../images/afterDark/bg-carouselNavigation.png") 0 -35px no-repeat;
					cursor: pointer;
					overflow: hidden;
				}
		
					#alertBox #alertContent #carouselNav li:hover {
						background: url("../images/afterDark/bg-carouselNavigation.png") -33px -35px no-repeat;
						
					}
		
					.ie6 #alertBox #alertContent #carouselNav li {
						background: url("../images/afterDark/bg-carouselNavigation.gif") 0 -35px no-repeat;
					}
		
				#alertBox #alertContent #carouselNav li:first-child,		
				#alertBox #alertContent #carouselNav li.first {
					background-position: 0 0;
					right: auto;
					left: 20px;
				}	
		
					#alertBox #alertContent #carouselNav li.first:hover {
						background: url("../images/afterDark/bg-carouselNavigation.png") -33px 0 no-repeat;
						
					}