@charset "utf-8";

*		{ margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: .9em; }

body	{ background-color: #e8eaee; padding: 0 0 10px 0; }
h2		{ background-color: #526b93; font-size: 1.1em; padding: 6px 0 6px 10px; margin: 5px 0 5px 0; color: #fff; }

div#header		{ height: 60px; overflow: hidden; background: url(../images/header_bg.png) top repeat-x; }
div#header h1	{ text-align: center; float: right; font-size: 1.5em; color: #fff; margin: 20px 15px 0 0; }
div#header img	{ border: none; float: left; margin: 16px 0 0 15px; }

div#search				{ overflow: hidden; }
div#search .field		{ background-color: #fff; margin: 0 0 5px 0; padding: 10px; }
div#search input#term	{ width: 100%; font-size: 1.3em; border: none; }
div#search .submit		{ margin: 0; padding: 0; }
div#search input#search	{ cursor: pointer; width: 100%; font-size: 1.5em; font-weight: bold; border: none; color: #fff; padding: 7px 0 8px 0; background: url(../images/search_bg.png) top repeat-x; }

div.banner				{ margin: 0 auto; text-align: center; width: 320px; height: 50px; padding: 5px 0 5px 0; }

ul#letters				{ overflow: hidden; list-style: none; padding: 0; }
ul#letters a			{ padding: 10px; display: block; border-top: 1px solid #fff; border-bottom: 1px solid #d1d5de; background: url(../images/arrow_next.png) right 12px #f2f3f7 no-repeat; color: #000; font-size: 1.3em; text-decoration: none; font-weight: bold; }
ul#letters a:hover		{ border-top: 1px solid #f2f3f5; border-bottom: 1px solid #f1f1f1; background-color: #fff; }

ul#definitions				{ overflow: hidden; list-style: none; padding: 0; }
ul#definitions a			{ padding: 10px; display: block; border-top: 1px solid #fff; border-bottom: 1px solid #d1d5de; background: url(../images/arrow_next.png) right 12px #f2f3f7 no-repeat; color: #000; font-size: 1.3em; text-decoration: none; font-weight: bold; }
ul#definitions a:hover		{ border-top: 1px solid #f2f3f5; border-bottom: 1px solid #f1f1f1; background-color: #fff; }

div#definition			{ overflow: hidden; padding: 2px 10px 8px 10px; display: block; border-top: 1px solid #fff; border-bottom: 1px solid #d1d5de; background-color: #f2f3f7; color: #000; font-size: 1.3em; }
div#definition p		{ margin: 8px 0 8px 0; }

div#browseby p				{ text-align: right; background: url(../images/browse_by_bg.png) top repeat-x; }
div#browseby p a			{ cursor: pointer; display: block; background: url(../images/browse_by_arrow.png) top right no-repeat; padding: 10px 35px 10px 0; color: #898989; font-size: 1.3em; font-weight: bold; text-decoration: none; }
div#browseby ul				{ overflow: hidden; list-style: none; padding: 0; }
div#browseby ul a			{ padding: 10px; display: block; border-top: 1px solid #fff; border-bottom: 1px solid #d1d5de; background: url(../images/arrow_next.png) right 12px #f2f3f7 no-repeat; color: #000; font-size: 1.3em; text-decoration: none; font-weight: bold; }
div#browseby ul a:hover		{ border-top: 1px solid #f2f3f5; border-bottom: 1px solid #f1f1f1; background-color: #fff; }
