body {
	margin:0;
	padding:0;
	background:#eef url(/images/background.gif);
	font-family:Verdana,Helvetica,sans-serif;
	font-size:0.8em;
	line-height:1.2em;
}

img {
	border: 0;
}

input.text_field { width: 200px; height: 18px; }

a:link,
a:visited { color:#800; text-decoration:none; }

a:hover,
a:active { color:#800; text-decoration:underline; }

/*----------the entire container, including drop shadow----------*/

#wrapper { background-color:transparent; margin:0 auto; width:827px; }
#okbutton { width:40px; }

/*----------the header, minus the menu----------*/

#top-wrapper {
	float:left;
	width:100%;
	margin:0;
	padding:10px 0 0 0;
	background-color:#fff;
}

#top-wrapper h1 {
	float:left;
	margin:0 0 5px 27px;
	padding:0;
	z-index:1;
	display:inline;
	width:200px;
	height:40px;
	text-indent:-10000px;
	background:url("/images/logo-checkmark-darker.gif") no-repeat top left;
}

#top-wrapper h1:hover {	cursor:pointer; }

#top-wrapper div { font-size:0.9em; margin:0 20px 10px 0; text-align:right; }

#top-wrapper div#toplinks { font-size:0.75em; }

/*----------top navigation----------*/
#menu-wrapper {
	float:right;
	padding:0;
	margin:2px 22px 0 0;
	width:562px;
	height:34px;
	background:#fff url("/images/topnav.gif") no-repeat bottom;
}

#menu-wrapper ul { margin:0 0 0 10px; padding:0; list-style:none; }

#menu-wrapper li {
	float:left;
	margin:auto;
	padding:0 10px;
	text-align:center;
	border-right:1px dotted #aad;
}

#menu-wrapper li#left-margin {	border-left:1px dotted #aad; }

#menu-wrapper a {
	display:block;
	padding:9px 0;
	text-decoration:none;
	text-transform:uppercase;
	font-size:11px;
	color:#fff;
}

#menu-wrapper li.double a {
	padding:2px 0;
}

#menu-wrapper li:hover,
#menu-wrapper a:hover {
	background-color:#435977;
	filter:alpha(opacity=65);
	opacity:0.65;
	color:#fff;
}

#menu-wrapper a#current { font-weight:bold; color:#222; }
#menu-wrapper #current a:hover { color:#fff; }

/*----------wrapper and formatting for the main content----------*/
#main-content {
	float:left;
	margin:0;
	padding:0;
	width:100%;
	background-color:#fefefe;
	color:#555;
	text-align:left;
}

/*----------boardroom image + call-to-action buttons, home page only----------*/
#feature-image {
	margin:5px 20px 5px 26px;
	padding:0;
	width:779px;
	height:275px;
	background:#fff url("/images/boardroom.png") no-repeat left center;
}

#feature-image ul {
	float:right;
	margin:25px 10px 0 0;
	padding:0;
	width:240px;
	list-style:none;
	vertical-align:center;
}

#feature-image li {
	margin-bottom:15px;
	padding:15px 10px;
	font-size:1.3em;
	font-weight:bold;
	background-color:#fff;
	filter:alpha(opacity=85);
	opacity:0.85;
}

#feature-image li img { float:left; margin-right:5px; }

#feature-image li a:link,
#feature-image li a:visited { color:#246; text-decoration:none; }

#feature-image li a:hover,
#feature-image li a:active { color:#800; text-decoration:none; }

#feature-image li span { font-size:0.65em; font-weight:normal; color:#000; }

/*----------content pages only, side navigation----------*/
#side-nav {
	float:right;
	margin:0 27px 0 17px;
	padding:10px 0;
	width:171px;
	text-align:left;
	font-size: 12px;
}

#side-nav h3 {
	margin:0;
	padding:10px;
	font-size:1.1em;
	color:#555;
	background-color:#eef;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

#side-nav img.arrow { float:left;margin:0 5px 30px 0;width:18px; }

#side-nav .center { margin:0 auto; }

#side-nav h3 span { color:#607aba; }

#side-nav ul { margin:0; padding:0; list-style:none; }

#side-nav li { font-weight:bold; margin:10px 0 15px 0; color:#555; }

#side-nav li#header { font-size:0.75em; }

#side-nav li span { display:block; font-weight:normal; font-size:0.9em; }

#side-nav li a { font-size:14px; }


/*----------content pages only, article text----------*/
#main-content-text {
	float:left;
	margin:0 0 20px 0;
	padding:0;
	width:610px;
	border-right:1px dotted #555;	
}

#main-content-text h2 {
	margin:10px 20px 20px 28px;
	padding:5px 0;
	color:#607aba;
	font-size:1.5em;
	line-height:1em;
}

#main-content-text h3 {	margin:25px 20px 1em 28px; }

#main-content-text ol,
#main-content-text ul { margin:0; }

#main-content-text p,
#main-content-text h4,
#main-content-text label {
	margin-left:28px;
	margin-right:20px;
	padding:0;
	font-size:12px;
	color:#222;
}

#main-content-text ol,
#main-content-text ul {
	margin-left:48px;
	margin-right:20px;
	padding:0;
	font-size:12px;
	color:#222;
}

#main-content-text li { margin-bottom:1em; }

#main-content-text img.screenshot { border:1px solid #aaa;margin:0;width:450px; }

#main-content-text img { margin: 0 20px 0 28px; }

.label-wrapper { float:left; margin-bottom:11px; width:170px; }

/*----------home page only, the three modules below the call-to-action buttons----------*/

#highlight { border:0px solid #f00; margin:0 25px 15px 0; padding:0; width:100%; }

.highlight-box {
	float:left;
	margin:15px 0 0 7px;
	padding:0;
	width:261px;
	min-height:215px;
}

#highlight-wide { width:280px; }

.highlight-box h3 {
	margin:0 20px 20px 20px;
	padding:10px;
	font-size:1.1em;
	color:#555;
	background-color:#eef;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
}

.highlight-box p {
	margin:0 20px 1em 20px;
	padding:0;
	font-size:0.9em;
	color:#222;
}

.highlight-box img { margin-left:20px; }

.highlight-box span,
.highlight-box-wide span { color:#607aba; }

.highlight-box ul {
	margin:8px 0 0 0;
	padding:0;
	width:255px;
	list-style:none;
}

.highlight-box li {
	margin:0 0 7px 0;
	padding:10px 0;
	font-size:1.3em;
	font-weight:bold;
}

.highlight-box li img { float:left; margin-right:5px; }

#highlight li a:hover,
#highlight li a:active { color:#800; text-decoration:none; }

#highlight li span { font-size:0.65em; font-weight:normal; color:#000; }


/*----------the footer----------*/
#footer {
	clear:both;
	width:100%;
	margin:0;
	padding:0 0 20px 0;
	text-align:center;
	background:#fff;
}

#footer p {
	margin:0 20px;
	padding:0;
	font-size:0.8em;
	color:#555;
}

span.required {	font-size:0.7em; color: red; }
}

div.fieldWithErrors { display: inline; }

div.fieldWithErrors label { font-weight: bold; }

div.fieldWithErrors input { border: 2px solid red; padding-bottom: 4px; } 

.clear_both { clear: both; }