body {
	color: #000;
	font-family: Verdana, Arial, sans-serif;
}

#wrapper {
  background-repeat: repeat-x;
	background-position: left top;
	font-size: 99%;
	background-color: #FFFFFF;
	background-image: url(/images/bck.jpg);
}

h1, h2, h3, h4, h5, #local-nav {
	font-family: Arial, sans-serif;
}

h3 {
  font-size: 1.3em;
}

h4 {
  font-size: 1.1em;
  font-weight: bold;
  padding: 4px 0;
}

#content h4 {
	font-weight: bold;
}

a {
	color: #980F08;
}

kbd {
	font-size: 120%;
	font-weight: bold;
	font-family: "Georgia", "Times New Roman", serif;
}

#home a {
  text-decoration: none;
	color: #333333;
}

#home a:hover {
	text-decoration: underline;
	color: #555555;
}

img {
	border: 0;
}

a:hover {
  text-decoration: none;
}

li {
  margin: 0.8em auto;
	font-size: 100%;
}

dl {
	margin-top: 1em;
	margin-bottom: 1em;
}

dt, dd {
	margin-top: .5em;
}

dt {
	font-size: 120%;
	font-weight: bold;
}

dd {
	padding-left: .75em;
}

p {
  margin: 0.8em auto;
	font-size: 1em;
}

input, select {
	font-size: 1em;
}

#search-site-header input[type="text"] { width: 170px; }

#header {
  background: url(/images/header-bottom-bg.jpg) repeat-x bottom #B70000;
  color: #fff;
	font-weight: bold;
	position: relative;
	height: 95px;
}

#header img {
	display: block;
}

#main-banner {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

#banner-home-link {
	position: absolute;
	display: block;
	height: 6.5em;
	width: 21.5em;
	left: .7em;
	top: .65em;
}

#kicker {
	position: absolute;
	top: 0.25em;
	left: 5.2%;
	text-transform: uppercase;
	font-size: 1.1em;
}

#kicker.home {
	left: 1.2%;
}

#kicker a {
	text-decoration: none;
	color: #ffffff;
}

#uwlink {
	position: absolute;
	text-transform: uppercase;
	color: #fff;
	top: 0;
	right: 1%;
	font-size: 1.2em;
}

#uwlink a {
	text-decoration: none;
	color: #fff;
}

#uwlink a:hover {
	text-decoration: underline;
}

#content, #table-of-contents, .goodies-box {
	font-size: 1.2em;
}

#content.madcat table {
	font-size: 105%;
	padding: 0;
	margin: 0;
}

#content.madcat table * {
	font-size: 100%;
}

.madcat-inactive * {
	font-weight: normal;
	color: #333;
	text-decoration: none;
	font-style: normal;
}

a.madcat-inactive:hover {
	text-decoration: none;
}

#home #content h3 {
	background: #e1ded7 url(/images/search-nav-gradient3.png) bottom repeat-x scroll;
	padding: .25em .6em;
	white-space: nowrap;
	font-size: 1.2em;
	color: #980F08;
	border-bottom: 1px solid #980F08;
}

#home #content h3 a {
	text-decoration: none;
}

#home #content h3 a:hover {
	color: #bb0011;
}

#content h3, #content h3 * {
	color: #860E08; 
	padding: 0.2em 0;
	margin: 0;
}

#content h3 a, #content h3 strong {
	font-weight: bold;
	color: #980F08;
	margin: .2em auto;
}

#home #content h3 img {
	border: 0;
	position: absolute;
	right: .3em;
	top: .05em; 
}

#search-tools {
  color: #333333;
}

#search-tools, #browse-tools {
	margin-top: 1.5em;
}

#search-tools form {
	padding-bottom: 1em;
	margin-top: 8px;
	border-bottom: 1px solid #CC9915; 
	padding-right:.4em;
	padding-left: .4em;
}

#search-tools #search-this-site-form {
  border-bottom: 0;
}

#browse-books-articles, #browse-services, #browse-about, #browse-help {
	border: 1px solid #980F08;
	padding: 0;
	position: relative;
}

#search-tools {
	border: 1px solid #980F08;
	padding: 0;
	position: relative;
}

#search-tools select {
	width: 95%;
}

.form-row {
margin-bottom: .8em;
}

#database-form select {
	width: 80%;
}

#browse-tools select {
	width: 80%;
}

#browse-tools em {
	font-style: normal;
	font-weight: normal;
	font-size: 90%;
	white-space: nowrap;
}

#browse-tools {
  font-weight: bold;
}

#browse-tools form {
	position: absolute;
	margin-bottom: 8px;
	bottom: 2%;
	width: 98%;
	left: 1%;
	margin-left: .5em;
}

#browse-books-articles, #browse-services, #browse-about, #browse-help  {
	color: #980F08;
	background-color: #fff;
	padding-bottom: 4%;
}

#browse-books-articles ul, #browse-services ul, #browse-about ul, #browse-help ul  {
	padding-left: .5em;
	padding-right: .3em;
}

#home #content ul {
	margin: 0;
}

#browse-about, #browse-help {
	margin-top: 2.25em;
	margin-bottom: 1em;
}

#footer {
	text-align: center;
	padding: 1em 0;
	background-color: #fff;
	border-top: 1px solid #D1CDC1;
	border-left: 1px solid #CC9915;
	border-right: 1px solid #CC9915;
	border-bottom: 1px solid #CC9915;
}

#footer-home {
	text-align: center;
	padding: 1em 0;
	background-color: inherit;
  border-top: 1px solid #D1CDC1;
}

#footer a, #footer-home a {
	color: #980F08;
	text-decoration: none;
}

#footer a:hover, #footer-home a:hover {
	text-decoration: underline;
	color: #980F08;
}

#footer input, #footer-home input {
	border: 1px solid #999;
	padding: 1px;
}

#footer form {
	margin: 0.2em 0;
}

/* Style lists properly */
#search-tools ul, #browse-tools ul, #table-of-contents ul {
  list-style: none;
}

#browse-tools ul ul {
  padding-left: 2em;
	list-style-type: disc;
}

#browse-tools ul li {
	margin: 1.2em auto;
}

#quick-buttons {
	clear: left;
	float: left;
	width: 29%;
	overflow: visible;
	margin-top: 1.5em;
	padding: 0;
}

#quick-buttons img.fng { width: 47%; margin-top: 10px; }
#quick-buttons img.button-full { margin-left: 20%; }
#friends { float: left; }
#giving { float: right; }

#home #news-wrapper {
  float: left;
  width: 64%;
	background: none;
	clear: none;
	padding: 0;
	margin: 0;
	margin-left: 3%;
	font-size: x-small;
}

#home #news {
	width: 100%;
  border: 1px solid;
	background: none;
	clear: none;
	margin-top: 1em;
	padding: 0;
}
/*
#home #news h3 {
	background-color: #E1DED7;
	padding: .25em .6em;
	white-space: nowrap;
	color: #980F08;
	border-bottom: 1px solid #980F08;
	position: relative;
}

#home #news ul {
	list-style: square outside url(/images/bullet-square-red.png);
}

#home #news li {
	margin: .3em 2em .1em;
	padding: .3em 0;
}

#news li a {
	color: #000;
}

*/

/* From 2nd level page */

#breadcrumb-bar {
	background: #F3EFE4;
	color: #000000;
	border-left: 1px solid #CC9915;
	border-right: 1px solid #CC9915;
}

#breadcrumb-bar p { padding: 10px 0 0 10px; margin: 0; }

#breadcrumbs {
	padding: 10px 0 0 10px;
}

#breadcrumbs a {
	color: #000000;
	/*font-size: 1.1em;
	font-weight: bold;*/
}

#global-shortcut {
	padding: 3px;
	position: absolute;
	right: 10px;
	top: 105px;
}

#title-bar {
	/*background-color: #D1CDC1;*/	
	border-left: 1px solid #CC9915;
	border-right: 1px solid #CC9915;
}

#title-bar a {
	text-decoration: underline;
	color: #860E08;
}

#title-bar a:hover {
	text-decoration: none;
}

#title-bar h1 {
	font-size: 2em;
	color: #980f08;
	padding: 10px;
	clear: left;
}

#title-bar a#ask-link {
  display: none;
}

#local-nav .extra img {
	vertical-align: bottom;
}

h2, #content h2 {
	font-size: 1.5em;
	line-height: 1.3em;
}

#content h2 {
	color: #980f08;
	margin: .5em auto;
}

#local-nav {
	background: #F3EFE4 url(/images/yellowline.gif) repeat-x center bottom;
	color: #111;
	position: relative;
  overflow: hidden;
	height: 35px;
	border-left: 1px solid #CC9915;
	border-right: 1px solid #CC9915;
}

#local-nav ul {
	float: left;
	list-style: none;
	z-index: 1;
	position: absolute;
	bottom: 0px;
	height: 2.3em;
}

#local-nav li {
	margin: 0;
	display: block;
	/* Should be 100%, but FFX 1.0 is dumb. This will cause occasional rounding errors. */
	height: 2.3em;
}

#local-nav a {
	color: #980f08;
}

#local-nav li a, #local-nav span {
	border-left: 1px solid #980f08;
	display: block;
	padding: 0 1em;
}

#local-nav li.current {
	background: url(/images/tab-select.gif) no-repeat center bottom;
	font-weight: bold;
	overflow: hidden;
	position: relative;
	top: 1px;
} 

#local-nav>ul li.current {
	top: 0px;
}

#content-wrapper {
	padding-top: 1em;
	line-height: 1.75em;
	color: #000;
	float: left;
	background: url(/images/content-wrapper-bck.jpg) repeat-x top;
	border-left: 1px solid #CC9915;
	border-right: 1px solid #CC9915;
}

#copyright {
	line-height: 1.75em;
	margin-top: .5em;
}

#content-wrapper ul, #content-wrapper ol {
	margin-left: 2em;
	margin-top: 2em;
	margin-bottom: 2em;
}

#table-of-contents {
	border: 1px solid #000;
	margin-bottom: 2em;
}

#table-of-contents h2 {
	color: #fff;
/* no image exists - is this needed? pcg, sm 2006-08-02
	background: no-repeat #980f08 url(/images/marker-white.png) right;*/
	background: no-repeat #980f08 right;

}

#table-of-contents h2, #table-of-contents ul {
	padding: .33em 1em;
}

#table-of-contents ul {
	margin: 0;
}

#table-of-contents li {
}

#table-of-contents li a {
	text-decoration: none;
	color: #000;
}
#table-of-contents li a:hover {
	color: #555;
	text-decoration:underline;
}
#table-of-contents li {
	margin: 1em 0;
}

li.current, li.current a {
	font-weight: bold;
	color: #222;
}

#table-of-contents li.current {
	background: no-repeat url(/images/marker-black.png) right center;
	padding-right: 16px;
}

.required {
        font-weight: bold;
        color: maroon;
}

.screen {
        font-weight: bold;
        font-family: Courier;
}

a.jump-to-top {
	padding-bottom: 1em;
	display: block;
}

.hidden {
	display: none;
}

.goodies-box {
	border: 1px solid #CC9915;
	margin-top: 1em;
	background: #F3EFE4;
}

.goodies-box a {
	color: #860E08;
	text-decoration: underline;
}
.goodies-box a:hover {
	text-decoration: none;
}

.goodies-box h3 {
	text-align: center;
	font-size: 120%;
}

.goodies-box h3 img {
	vertical-align: text-bottom;
}

.goodies-box p {
	font-size: 94%;
}

.goodies-box h3 a {
	text-decoration: none;
	color: #000;
}

.goodies-box h3 a:hover {
	text-decoration: underline;
}

#content table {
	border-collapse: collapse;
}

#content td, #content th {
	border: 1px solid #444;
	padding: .4em;
}

#content th {
	background-color: #D1CDC1;
	text-align: center;
}

/* email form elements. 
   added by sm 7/11 */
   
#content table.email {
	margin: 2em auto;
	width: 100%;
}

#content table.email td {
	border: none;
	border-bottom: 1px solid #eee;
}

td.element {
	width: 20%;
	font-weight:bold;
	vertical-align:top;
}

input.text, textarea {
	border: 1px solid #999;
	padding: .3em;
}

#content table.email select {
	border: 1px solid #999;
	padding: .1em;
}

table.email input.text:focus, table.email textarea:focus, table.email select:focus {
	background: #ffffbb;
}

#content .what { 
	display: block; 
	width: 25%; 
	float:left; 
	font-weight: bold; 
	font-size: 1.5em; 
	margin: .5em auto; 
}

#content .details { 
	font-size: 1.5em; 
	width: 70%; 
	float: left; 
	margin: .5em auto; 
}

/* For tipsheets and videos */

#content-wrapper #content ul.tipsheet-list {
	list-style: none;
	padding: 0 .5em;
	margin: 0;
	width: 98%;
}

#content .tipsheet-list li {
	float: left;
	border: 1px solid black;
	padding: .5em;
	background-color: #D1CDC1;
}

#content-wrapper #content .tipsheet-list ul.links {
 	margin: 0;
	float: left;
}

#content .tipsheet-list .links li {
	border: none;
	float: left;
	margin: 0;
	padding: 0;
	margin-left: 32px;
	list-style: square url(/images/checkbox.gif);
}

.goodies-box li {
	font-size: 94%;
	line-height: 115%;
}

#content-wrapper #content .tipsheet-list h3 {
	padding-left: 0;
	border: none;
}

.tipsheet-list p {
	margin: 0 auto 1em auto;
}

.tipsheet-list img {
	float: right;
	padding: 2px;
	background-color: #cc9917;
	border: 1px solid #000;
	margin: .25em .25em .25em 1.25em;
	display: inline;
}

.switch {
	display: none;
}

.toggled-off {
	display: none;
}

.toggler {
/*	float: right; */
}

.right {
	float: right;
}

#content.tipsheet {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	display: block; /* Unfix IE double margin hack */
}

#content table ul {
	margin: 0 1em;
}

.return-link {
	margin-left: 3.5em;
	margin-bottom: 1em;
}

q { quotes: none; font-weight: bold; }

.notice {
	background: #ffffbb url(/images/asterisk.gif)  no-repeat;
	background-position: .25em 1em;
	color: #004455;
	font-size: 1.3em;
	border: 1px solid #004455;
	padding:1em 1em 1em 2.5em;

}

#content-wrapper a sup {
	display:none;
}

.code-example {
	white-space:nowrap;
	display:block;
	overflow:scroll;
	padding:1em 2em;
	background:#fff;
	border: 1px solid #980F08;
	margin:1em;
}

#content-wrapper #content ul {
	margin-top:1em;
}

li h4 {
	margin-bottom:1px;
}

li h4 + p {
	margin-top:1px;
}

div.image-float-right {
	float:right;
	padding:0 0 1em 1em;
}
div.image-float-left {
	float:left;
	padding:0 1.5em 1.5em 0;
}
div.image-float-right p, div.image-float-left p {
	font-size: .9em;
}

.quick-example {
	display: block;
	margin: auto 2em;
	padding: 1em;
}

/* New features style. Added 2007-01-02 sem */

.new-feature {
	background-image: url(/images/new_vertical_small.png);
	background-repeat: no-repeat;
	background-position: .3em .3em;
	min-height: 80px;
}

#content-wrapper .new-feature h3, 
#content-wrapper .new-feature ul, 
#content-wrapper .new-feature p {
	width: 85%;
	float: right;
	margin: .5em auto;
	list-style-type: none;
}

/* added for code of conduct pages 2007-02-15 sm */

address {
	font-style: normal;
	margin-left: 2em;
	padding: 0 1em;
	border-left: 4px solid #D1CDC1;
}

/* added for /friends and /news sites */

h3.event-date, h4.event-date {
	color: #860E08; 
	font-style: italic;
}

#local-mobile {
	text-transform: none;
	/*margin-right: .5em;*/
	font-size: 1.1em;
}

#local-mobile a {
	margin-top: 0;
}

#search-tools h4 {
	margin-bottom: .1em;
}

/* Top Databases popup rjf 2008-09-16*/

#top-databases {
	margin-top: 1em;
	padding-left: .4em
}

#top-databases p {
	margin-left: .5em;
}

#top-databases a {
	text-decoration: none;
	font-weight: bold;
}

#top-databases a em {
	font-weight: normal;
	font-style: normal;
	font-size: 95%;
}

#top-databases a:hover {
	text-decoration: underline;
}

#top-databases-overlay {
	position: absolute;
	width: 750px;
	background: #fff;
	background: url(/images/comm-a-750.gif) no-repeat bottom;
	padding-bottom: 50px;
	z-index: 100;
	font-size: 1.18em;
}

#top-databases-overlay ul.list-a {
	width: 55%;
}

#top-databases-overlay ul.list-b {
	width: 44%;
}

#home div.top-ten-overlay {
	background: url(/images/top-ten.gif) no-repeat bottom;
	width: 300px;
}

#top-databases-overlay h3 {
	background-color:#E1DED7;
	border:1px solid #980F08;
	color:#980F08;      	
	font-size:1.5em;
	padding:0.25em 0.6em;
	white-space:nowrap;
}
		
#top-databases-overlay ul {
	float: left;
}

#top-databases-overlay li {
	margin-left: 2em;
}

#top-databases-overlay p {
	margin: .5em 1em;
	font-size: 1.1em;
}

#top-databases-overlay p a { color: #980F08; text-decoration: underline; }
#top-databases-overlay p a:hover { color: #980F08; text-decoration: none; }

#top-databases-overlay li a { color: #980F08; text-decoration: underline; }
#top-databases-overlay li a:hover { color: #980F08; text-decoration: none; }
		
#close-top-databases-box {
	position: relative;
	float: right;
	margin: .4em .5em;
	border: 1px solid;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: bold;
	background: #fff;
}
#home #close-top-databases-box:hover {
	text-decoration: none;
}

#search-bar {
	position: relative;
	float: left;
	width: 96%;
	border: 1px solid #980F08;
	padding: 5px;
	background: #e1ded7 url(/images/search-nav-gradient3.png) 0 0 repeat-x;
	margin-top: 5px;
}

a#ask-nav {
	float: left;
	margin-left: 30px;
	margin-top: 3px;
	color: #980F08;
	font-weight: bold;
	font-size: 1.2em;
	font-family: Arial,sans-serif;
}

a#ask-nav:hover {
	color: #BB0011;
}

#ask-nav img {
	position: absolute;
	top: -5px;
	left: 5px;
}

#search-this-site-form-nav {
	float: right;
	padding-right: 24px;
}

#search-this-site-form-nav input[type="image"] {
	position: absolute;
	right: 3px;
	top: 5px;
}

#three-column-wrapper {
	width: 100%;
}

#tc-left {
	width: 45%;
	float: left;
}

#tc-center {
	width: 10%;
	float: left;	
	text-align: center;
    color: #777; 
    font-weight: bold;
    font-size: 200%;
    height: 400px
}

#tc-center p {
	position: absolute;
	top: 50%;
	text-align: center;
	left: 47%;
	margin: 0;
}

#tc-right {
	width: 45%;
	float: left;	
}

html { background: url(/images/bgGradient-small.jpg) top left repeat-x; }

#university-link { position: absolute; top: -18px; left: 85px; }
#university-link p { margin: 0; }
#university-link p a { color: white; }
#university-link p a:hover { text-decoration: underline; color: white; }

#top-links { position: absolute; right: 100px; top: -30px; font-family: "Lucida Grande","Lucida Sans Unicode",arial,sans-serif; font-size: 100%; line-height: 15px; }
#top-links > ul { margin-top: 8px;}
#top-links > ul li { border-right: 1px solid #A67B3E; }
#top-links > ul li a { font-size: 11px; text-decoration: none; color: white; }
#top-links > ul li a:hover { color: white; }

#top-links > ul li.giving a { color: #CC9900; }

#top-links > ul li, #ask-right ul li {
	display: inline;
	padding: 0 5px 0;
}

#top-links ul li.no-border, #ask-right ul li.no-border {
	border-left: 0;
}

#my-accounts {
	position: absolute;
	width: 105px;
	right: -10px;
	top: -30px;
	z-index: 100;
	cursor: pointer;
	font-size: 11px;
}

#my-accounts-screen-reader {
	position: absolute;
	left: -10000px;
}

#my-accounts #darr-white {
	display: none;
}

#my-accounts ul li {
	border: none;
	padding: 0;
}

#my-accounts p {
	text-align: right;
	padding-right: 15px;
	height: 20px;
	margin: 8px auto 3px;
}

#my-accounts p a { color: white; }

#my-accounts h3 {
	background-color: #F0E5CB;
}

#my-accounts.no-js:hover, #my-accounts.hover {
	background: transparent url(/images/my_account_hover.png) no-repeat right top;
	height: 261px;
	width: 149px;
	float: right;
}

#my-accounts.no-js:hover #darr, #my-accounts.hover #darr {
	display: none;
}

#my-accounts.no-js:hover #darr-white, #my-accounts.hover #darr-white {
	display: inline;
}

#my-accounts.no-js:hover p a, #my-accounts.hover p a {
	color: white;
}

#my-accounts p a:hover, #my-accounts a {
	text-decoration: none;
}

#my-accounts.no-js:hover #my-accounts-list, #my-accounts.hover #my-accounts-list {
	display: block;
	list-style: none;
}

#my-accounts #my-accounts-list {
	display: none;
}

#my-accounts #my-accounts-list li {
	margin: 0 0 10px 0;
}

#my-accounts #my-accounts-list li h3 {
	margin-left: 5px;
	padding-left: 12px;
	width: 78%;
	background: #E1DED7 url(/images/search-nav-gradient3.png) repeat-x scroll center bottom;
	border-bottom: 1px solid #AAA;
	border-top: 1px solid #EEE;
}

#my-accounts #my-accounts-list li li {
	margin: 0 0 5px 32px;
	font-size: 11px;
	line-height: 15px;
}

#my-accounts #my-accounts-list li li a {
	text-decoration: none;
}

#my-accounts #my-accounts-list li li a:hover {
	text-decoration: underline;
}

#my-accounts ul#my-accounts-list ul {
	list-style: square outside url(/images/bullet-square-red.png);
	margin: 5px 0;
}

#crest { height: 104px; left: 5px; position: absolute; top: -22px; width: 70px; z-index: 100; }

#siteTitle { height: 40px; left: 85px; overflow: hidden; position: absolute; top: 22px; width: 300px; }
/* expanded width from 200 to allow for wider names, DL 12/10/10 */

#search-site-header { float: right; padding: 10px; bottom: 10px; }

#ask { float: right; width: 222px; clear: right; font-weight: normal; font-size: 11px; margin: 10px; }
/* expanded width from 220 to make full line fit without a break; DL 12/10/10 */
/* reduced margin-right from 7 to lineup ASK logo with search box; DL 12/10/10 */
/* reduced margin-top from 13 to bring text links up on page */

#ask img, #ask span { display: inline-block; }
#ask img { position: relative; top: 7px; }
/* increased top from 3 to ensure image is lined up with text links */
#ask span { margin-left: 5px; font-size: 12px; top: -3px; position: relative;}

#ask ol li { list-style-type: none; display: inline; border-left: 1px solid white; padding-left: 6px; padding-right: 2px; margin: 0;}
#ask ol li.no-border {border: none; padding: 0;}
#ask ol li a { color: white; }

#success { padding: 10px; background-color: green; color: white; border: 1px solid #CC9915; font-weight: bold; }
#error { padding: 10px; background-color: #B70000; color: white; border: 1px solid #CC9915; font-weight: bold; }
#error ul, #content-wrapper #content #error ul { margin-bottom: 0; margin-top: 0; }
#error ul li { margin: 0; }
