/* ========== CUSTOM PHRASE STYLES ========== */

.help {
	color: #999;
	font: 0.8em/1.0 Verdana, Arial, Helvetica, sans-serif;
}

.callout { font-style: italic !important; }

.inlineheader { font-weight: bold; }

.allcaps { text-transform: uppercase; }

.dropcap:first-letter {
	display: block;
	float: left;
	font-size: 2em;
}

.smallheader {
	text-transform: uppercase;
	font: bold 9px/1.0 Verdana, Helvetica, Arial, sans-serif;
}

/* ========== CUSTOM FORM STYLES ========== */

/* input, textarea {display: block;} */

input.twochar { width: 2em; }

input.tiny { width: 100px; } /* Can hold approx 12 chars */

input.small, /* 20 characters */
select.small {
	width: 160px;
}

input.medium { width: 250px; } /* good for keyword lists */

input.large { width: 400px; } /* good for short descriptions */

textarea.twoline { /* good for two line addresses */
	width: 250px;
	height: 2em;
}

textarea.brief { /* good for brief comments */
	width: 250px;
	height: 5em;
}

textarea.paragraph { /* good for a single paragraph */
	width: 400px;
	height: 10em;
}

textarea.essay { /* good for multiple paragraphs */
	width: 400px;
	height: 25em;
}

/* ========== CUSTOM LIST STYLES ========== */

ul.nolist li,
ol.nolist li,
li.nolist {
	list-style: none !important;
	background-image: none !important;
	padding-left: 0 !important;
}

ul.bullet li { list-style-type: disc !important; }
ul.circle li { list-style-type: circle !important; }
ul.square li { list-style-type: square !important; }

ol.number li { list-style-type: decimal !important; }
ol.lroman li { list-style-type: lower-roman !important; }
ol.uroman li { list-style-type: upper-roman !important; }
ol.lowercase li { list-style-type: lower-latin !important; }
ol.uppercase li { list-style-type: upper-latin !important; }


/* ========== GENERAL UTILITY ========== */

.noborder { border: 0 !important; }
.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }

div.clear,
div.hr {
	clear: both;
	height: 1px;
}
div.clear span,
div.hr span { display: none; }

div.hr { border-bottom: 1px solid #000; }

.skipnav { display: none; }

.rightfloat {
	float: right !important;
	margin: 0 0 1em 10px;
}

.leftfloat {
	float: left !important;
	margin: 0 10px 1em 0;
}

p.toplink a {
	margin-left: 3px !important;
	margin-right: 3px !important;
}

p.morelink a {
	margin-left: 3px !important;
	margin-right: 3px !important;
}

.center {
	text-align: center;
	margin: 0 auto;
}