*, body {
padding: 0;
margin: 0;
}
body {
color: #000;
background: #fff;
}
body, input, select, textarea {
font-family: verdana, arial, helvetica, geneva, sans-serif;
}
strong, b, dt {
font-weight: bold;
}
em, i {
font-style: italic;
}
form, fieldset, img {
border: 0;
display: block;
}
/* Set base font size */
body {
font-size: .8em;
}
/* For the above global font sizing, 1px equals approximately .0785em */
h1, h2, h3, h4, h5, h6 {
margin: .6em 0 .2em 0;
}
h1 {
font-size: 1.5em;
margin-top: 0;
margin-bottom: .6em;
}
h2 {
font-size: 1.2em;
margin-top: .8em;
}
h3 {
font-size: 1.1em;
}
h4, h5, h6, input, select, textarea {
font-size: 1em;
}
p, li, dt, dd {
line-height: 1.4;
margin: 0 0 0.6em 0;
}
ul {
list-style: disc;
}
.cmspage ul.Horiz, #Content .cmspanel ul.Horiz, ul.Horiz,
.cmspage ul.Plain, #Content .cmspanel ul.Plain, ul.Plain {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.Horiz li {
float: left;
margin: 0 .4em 0 0;
padding: 0;
}
a:link {
color: blue;
text-decoration: underline;
}
a:visited {
color: purple;
}
a:hover, a:focus, a:active {
color: #000;
}
table {
width: 100%;
}
th, caption {
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. */
.Inline {
display: inline;
}
.Block {
display: block;
}
/*
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
==================== */
.cmspage, #Content .cmspanel {
padding: 0 2em;
margin: 1em 0;
position: relative;
}
.cmspage .cmspage {
margin: 0;
padding: 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;
}
.TwoCol {
float: left;
width: 45%;
margin-right: 5%;
}

/* Search Box
==================== */
#BodyWrapper {
position: relative;
}
#Search {
position: absolute;
top: 0;
right: 0;
width: 20em; /* For IE */
text-align: right; /* For IE */
}
/* Smart Panels
==================== */
.SmartPanel li {
font-weight: bold;
}
.SmartPanel li span {
font-weight: normal;
display: block;
font-size: .8em;
}
/* TextSizer
==================== */
#TextSizer {
color: #888;
}
#TextSizer div {
float: right;
width: 11.4em;
}
#TextSizer h2 {
float: left;
font-size: 1.1em;
padding-right: .2em;
margin-bottom: 0;
}
#TextSizer ul {
list-style: none;
position: relative;
top: -.3em;
float: right;
}
#TextSizer li {
float: left;
}
#TextSizer li {
margin: .5em .2em 0;
}
#TextSizer li a {
float: left;
display: block;
}
#TextSizer li a:focus, #TextSizer li a:hover, #TextSizer li a:active {
background-color: #ddd;
}

a.Button {
border: 1px solid #ccc;
padding: .4em;
background: #fff;
text-decoration: none;
clear: left;
}
a.Button:hover, a.Button:focus, a.Button:active {
color: #000;
border-color: #bbb;
background: #eee;
}
span.Warn {
  color:Red;
}