/* Default Styles */
body { padding: 2em; color: #000; background: #fff; }
body, input, select, textarea { font-family: verdana, arial, helvetica, geneva, sans-serif; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
ul li, ol li, dl dt, dl dd { margin: 0; }
/* Set base font size */
body {
font-size: small;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }
p, li, dt, dd { line-height: 1.2em; margin: 0 0 0.8em 0; }
dt { font-weight: bold; }
ul { list-style: disc; }
ol { list-style: decimal; }
input, select, textarea { font-size: 1em; }
a, a:link { color: blue; text-decoration: underline; }
a:visited { color: purple; }
a:hover { color: #000; }
a:active { color: blue; }
table { width: 100%; }
th { font-weight: bold; text-align: left; }
th, td { vertical-align: top; padding: 4px 4px 4px 0; }
.Hide { text-indent: -32767px; height: 0; line-height: 0; overflow: hidden; margin: 0 !important; } /* Don't set to be position: absolute; as it will break abs. positioned elements in Opera. Why? Dunno. */
.None { display: none; }
/*
From http://www.positioniseverything.net/articles/onetruelayout/equalheight:
Browsers don't let you throw arbitrarily large values at them. They have limits.
Fortunately, we know the number of that limit (provided by Safari, the most conservative browser in this matter): 32767px.
*/
.Clear { clear: both; height: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.ClearVis { clear: both; }
/* BEGIN CLEARFIX (http://www.positioniseverything.net/easyclearing.html)
=====================================
	ClearFix is used on any floated element that would ordinarily need <div class="Clear"></div> below it.
	When ClearFix is used, the non-semantic Clear div should not be needed.
	USE THIS:
	<div class="ClearFix">
		<div style="width: 30%; float: left;">content</div>
		<div style="width: 30%; float: left;">content</div>
	</div>
	NOT THIS:
	<div style="width: 30%; float: left;">content</div>
	<div style="width: 30%; float: left;">content</div>
	<div class="Clear"></div>
	*/
	.ClearFix:after, .cmspage:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.ClearFix, .cmspage { display: inline-block; }
	/* Holly Hack Targets IE Win only \*/
		* html .ClearFix, * html .cmspage { height: 1%; }
		.ClearFix, .cmspage { display: block; }
	/* End Holly Hack */
/* END CLEARFIX
===================================== */
/* For rendering of .NET validator controls */
span[controltovalidate] { display: block; }
span>font[color="Red"] { display: block; }
/* Accessibility */
abbr[title], acronym[title] { cursor: help; border-bottom: 1px dotted #555; }