/* 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; }
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; }
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; }
table { width: 100%; border-collapse: collapse; }
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; 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, .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], span>font[color="Red"] { display: block; }
/* Accessibility */
abbr[title], acronym[title] { cursor: help; border-bottom: 1px dotted #666; }
/* General Page Styles
==================== */
#Content {
padding: 1.5em 0;
}
.cmspage, #Content .cmspanel {
padding: 0 2em;
}
.cmspage .cmspage {
margin: 0;
padding-top: 0;
}
.cmspage ul, #Content .cmspanel ul {
margin-left: .8em;
padding-left: .8em;
}
.cmspage ol, #Content .cmspanel ol {
margin-left: 1em;
padding-left: 1em;
}
.cmspage ul, .cmspage ol, .cmspage dd {
margin-bottom: 1em;
}
.cmspage dd {
margin-left: 1.4em;
}
.cmspage p, .cmspanel p {
margin-bottom: .6em;
}
.cmspage blockquote {
margin: 1.6em 0;
padding: 0 1em;
color: #666;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}
.cmspage blockquote > * {
margin: .8em 0;
}
.cmspage p, .cmspage li, .cmspage dt, .cmspage dd,
#Content .cmspanel p, #Content .cmspanel li, #Content .cmspanel dt, #Content .cmspanel dd {
line-height: 1.4;
}
.cmspage h1, .cmspage h2, .cmspage h3,
.cmspage h4, .cmspage h5, .cmspage h6,
.cmspanel h1, .cmspanel h2, .cmspanel h3,
.cmspanel h4, .cmspanel h5, .cmspanel h6 {
color: #000;
margin: .6em 0 .2em 0;
}