.yui-nav li { line-height: 1.35em;} /* Fix IE 6 background round corner */

div#wchomecontent { margin: 18px 3%; margin-top: 0; font-size: 120%; }

/* search zone table */
td.illo { width: 14px; background: #2178b5 url(/wcpa/images/bgleft_homesrch.gif) no-repeat; padding: 0 }
td.homesrch { background: #2178b5 url(/wcpa/images/bg_homesrch.gif) repeat-x; padding: 0 20px 0 0 }
td.homesrchinput { margin: 0; padding: 0 8px 0 0 }

/* search zone */

div#demo { padding: 0.7em 1em 1em 0.7em }
div#demo h1
	/* Find items in libraries... */
{ margin: 0; padding: 0 0 0.2em 0; font-size: 150%; line-height: 1.3em; color: #fff }

div#demo h2.itemsavail
	/* [number] items available... */
{ margin: 0; padding: 0 0 1em 0; color: #fff; font-size: 75%; font-weight: normal }

div#demo h2.about
	/* WorldCat connects you... */
{ margin: 0; padding: 1em 0 0 0; font-size: 85%; color: #b5cfde; line-height: 1.25em }

input.homesrch, input.homelogin { border: 1px solid #999; padding: 1px 2px; }
input.homesrch { font-size: 100% }
input.homelogin { margin: 1px 0 }

input.homesrchbtn { padding: 0.1em 0.3em; background: #dadddf; }
td.homesrchadvan { font-size: 70%; color: #252d33; padding: 0.2em 0 0 0 }
td.homesrchadvan a, td.homesrchadvan a:hover, td.homesrchadvan a:visited { color: #252d33 }

span.wclearnmore { margin-left: 2em; font-size: 80%; font-weight: normal }
span.wclearnmore a, span.wclearnmore a:hover, span.wclearnmore a:visited { color: #b5cfde }

/* login zone */

td.signin-no { padding: 0; background: #eee url(/wcpa/images/bg_signin_no.png) no-repeat top right; padding: 0.8em 1em 1em 1em }
td.signin-yes { padding: 0; background: #2178b5 url(/wcpa/images/bg_signin_yes.png) no-repeat top right; padding: 0.8em 1em 1em 1em }
div.signinhed { font-size: 85%; line-height: 1.2em; padding-bottom: 14px }
td.loginlabel { font-size: 70%; font-weight: bold; color: #455560; padding-right: 8px; white-space: nowrap }
td.loginremem { font-size: 70%; padding: 6px 0; color: #455560; }
div.forgot { font-size: 70%; padding: 6px 0 20px 0 }
div.create { font-size: 85%; font-weight: bold; white-space: nowrap; }
td.loginremem input { margin: 0 4px 0 0 }
div#signedinbox { background: #11517d; padding: 0.8em 1em 1em 1em }
td.welcome { font-size: 70%; font-weight: bold; color: #a2a9af; padding-bottom: 1em }
td.avatar { padding: 0; border: 1px solid #fff }
td.username { font-size: 120%; color: #fff; padding: 0 0 0 8px }
td.welcomelinks { font-size: 75%; padding-top: 1em }
td.changepicturelinks { font-size: 67%; padding-top: 1em }
td.welcomelinks ul { list-style-type: none; margin: 0; padding: 0 }
td.welcomelinks li { margin-bottom: 6px }
td.welcomelinks a, td.welcomelinks a:hover, td.welcomelinks a:visited { color: #fff }
td.changepicturelinks a, td.changepicturelinks a:hover, td.changepicturelinks a:visited { color: #fff }


/* stats bar */

td#stats { background: #a2a9af; font-size: 85%; font-weight: bold; color: #45464a; text-align: center; padding: 6px }
td#stats span.stat { color: #fff; font-size: 135% }
td#stats span.pipe, div#librarian span.pipe { color: #c7cccf; font-weight: normal }
td#stats span.pipe { margin: 0 14px }
div#librarian span.pipe { margin: 0 8px }

/* news zone */

div#news { margin: 14px 0; border: 1px solid #d0d0d0; padding: 4px 14px }
div#newsding, div#blogding { padding: 2px 8px 2px 4px; font-size: 70%; font-weight: bold; text-align: center; color: #fff }
div#newsding { background: #ff6600 url(/wcpa/images/ding_news.gif) no-repeat center right }
div#blogding { background: #409a3c url(/wcpa/images/ding_blog.gif) no-repeat center right }

div#news ul { margin: 2px 0 0 10px; padding: 0; list-style-type: none; font-size: 90%; font-weight: bold }
div#news li { line-height: 1.3em; margin-bottom: 6px }
div#newsfloat { float: right; margin: 4px 0 0 14px; padding: 0; font-size: 70%; }

/* feature and librarian zones */

div#feature, div#librarian { margin: 14px 0; border: 1px solid #d0d0d0 }
div#feature { padding: 14px }
div#librarian { padding: 4px 14px 14px 14px }

div.featurebox, div#librarian { background: #f1f2f4 }

div#feature h3
	/* Create lists, Build a bibliography... */
{ background: url(/wcpa/images/ding_feature.gif) no-repeat top left; font-size: 100%; padding: 0 0 0 24px; line-height: 1.3em; margin: 0 0 0.7em 0; }

div#feature h3 a, div#feature h3 a:hover, div#feature h3 a:visited { color: #ff6600 }

div#feature p, div.featurebox ul, div#librarian p { color: #666; font-size: 70%; }
div#feature p { margin: 0 0 1em 0; }

td.feature1, td.feature2, td.feature3 { width: 33%; padding: 0 1em }
td.feature1, td.feature2  { border-right: 1px dotted #d0d0d0 }
div.featurebox { padding: 12px; margin-bottom: 1em }
div.featurebox ul { list-style-type: disc; padding: 0; margin: 0 0 0 1.2em; }
div.featurebox li { margin-bottom: 1em; }

div#librarian h2
	/* For librarians... */
{ font-size: 80%; margin: 0; padding: 0.3em 0 0.6em 0; }

div#librarian p { margin: 0; text-align: center; line-height: 1.4em }
div#librarian a { font-size: 110% }

/* button styles for links */
a.grey_btn {
	background: url(/wcpa/images/bg_button.gif) repeat-x;
	border: 1px solid #c7cccf;
	padding: 3px 5px;
	text-decoration: none;
 	margin: 0;
	height: 20px;
}

a:hover.grey_btn {
	background: url(/wcpa/images/bg_button_grey_over.gif) repeat-x;
	border: 1px solid #7c888f;
	text-decoration: none;
	color: #fff;
}

ul.feature_btns { list-style-type: none; margin: 0; padding: 0; font-size: 70% }
ul.feature_btns li { margin: 0 0 1.5em 0; }

div#librarian ul { list-style-type: none; width: 100%; margin: 4px 0 0 0; padding: 0 10px }
div#librarian li { float: left; border-right: 1px dashed #ccc; padding-right: 1.5em; margin-right: 14px; font-size: 70%; color: #455560; line-height: 1.3em; padding-bottom: 0 }
div#librarian li div.sub { margin: 4px 0 }
div#librarian li div.sub, div#librarian li div.sub a { font-size: 100% }
div#librarian li div.sub div.vid { padding: 6px 8px; background: #f6f6f7; margin-top: 6px; border: 1px solid #e3e6e7 }
div#librarian li div.sub div.vid a { color: #455560 }
div#librarian li div.sub div.vid a:hover { color: #ff6600 }

/* promo ribbon for mobile */
#mobileribbon { margin-top: 14px; border: 1px solid #bcd6e9; background: #fff url('/wcpa/images/bg_mobileribbon.png') 0px 0px no-repeat; padding: 14px 24px 18px 138px }
#mobileribbon h3 { padding: 0; margin: 0 0 6px 0; font-size: 18px; }
#mobileribbon span { display: block; font-size: 15px; }