/* Default Styles */
body { padding: 2em; color: #000; background: #fff; }
body, input, select, textarea { font-family:  helvetica,verdana,geneva,sans-serif; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }
ul li, ol li, dl dt, dl dd { margin: 0; }
form, fieldset, img { border: 0; display: block; }
/* Set base font size */
body {
font-size: .8em;
}
/* For the above global font sizing, 1px is .0785em */
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: 1em; }
h1, h2, h3,
h4, h5, h6 {
color: #000;
margin: .6em 0 .2em 0;
font-family:  Georgia,Palatino,Times New Roman,Serif;
}
p, li, dt, dd { line-height: 1.4; 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:link { color: blue; text-decoration: underline; }
a:visited { color: purple; }
a:hover { color: #000; }
a:active { color: blue; }
th { font-weight: bold; text-align: left; }
.Hide { text-indent: -32767px; height: 0; line-height: 0; overflow: hidden; display: block;padding: 0; } /* Don't set to be position: absolute; as it will break abs. positioned elements in Opera. Why? Dunno. */
img.Inline { display: inline;}
.Block { display: block; }
.None { display: none; }
hr {
height: 2px;
border: 1px solid #fff;
border-top: 1px solid #000;
margin: 1em 0;
}
/*
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, { display: inline-block; }
	/* Holly Hack Targets IE Win only \*/
		* html .ClearFix, * html { height: 1%; }
		.ClearFix, { display: block; }
	/* End Holly Hack */
/* END CLEARFIX
===================================== */
/* For rendering of .NET validator controls */
span[controltovalidate], span>font[color="Red"] { display: block; }
/* Accessibility */
abbr[title], acronym[title] { cursor: help; border-bottom: 1px dotted #666; }
/* General Page Styles
==================== */
ul {
margin-left: .8em;
padding-left: .8em;
}
ol {
margin-left: 1em;
padding-left: 1em;
}
ul, ol, dd {
margin-bottom: 1em;
}
dd {
margin-left: 1.4em;
}
p {
margin-bottom: .6em;
}
blockquote {
margin: 1.6em 0;
padding: 0 1em;
color: #666;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
blockquote > * {
margin: .8em 0;
}