/* centered fixed width */
html, body {font: 100% Arial, Helvetica, sans-serif;}

body { margin:0; padding:0;
	background:white;
	color: #333; /* #433516 dk brown  */
	font-size: 80%;
	text-align:center;
}

/* eliminate all default padding, margins, and borders - must declare some margin/padding for any ul or ol */
* {padding: 0;margin: 0;/*border: none;*/}

/* tables */
table {border-collapse: collapse;border-spacing:0;border: none;}
table, td, caption { font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit;}

/*** text format  ***/
pre, code { font-size:1em;}
strong, b {font-weight: bold;}
  
h1, h2, h3, h4, h5, h6 { color: #444; margin-top: .6em;}
h1 { font-size: 2.0em;margin-top: 0;line-height:110%;}
h2 { font-size: 1.4em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1em;}
h1.leader {margin-top:.6em; font-size: 1.7em;}

a:link {color: #f60; text-decoration: underline;}
a:visited {color: #ac6638;/* a24f17;*/ text-decoration: underline;}
a:hover {color: #f90;}
a:active {color: #f90;}

a.linkbtn { padding:2px 6px; border:1px solid #fdbd29;text-decoration: none;;}
a img  {border: none;}

ol, ul, li { font-size: 1.0em; line-height: 1.3em; margin: .4em 0 1em 1.5em;}
li { margin: .3em 0 .3em 1.5em;}

blockquote {margin: .5em 0 .5em 2em;}
hr {height:0; border-bottom: 1px dotted #e8e3d7;margin:10px 0; color:white;background:white;}

p { font-size: 1.0em; 
    line-height: 1.3em; 
	padding:.5em 0 .5em 0;}
li > p { margin-top: 0.2em;}

input { font-size: 1.0em; padding: 2px; }


/***** layout *****/
#header {
	text-align:left;
	margin: 0 auto 0 auto;
	position:relative; 
	width:900px;
	height:160px;
	color:#333;
	background: white;
	}

#headerimg {position:relative; top:6px; left:10px; z-index:2;font-size:1.3em;width: 900px;}

#outer {
	text-align:left;
    position:relative;
	width:900px;
	margin: 0 auto;
	background-color:white; /* center bg color */
	color: #333;
	} 

/*#clearheader {height:0;} match height of header */

#left {
	position:relative; 
	float:left;
	width:200px;background:white;}
#left .testimonial { display: none;}

/**** nav ****/
#button {
    position: relative; /*** IE6 needs this to display the div ***/  
	width: 200px; /* for IE/Windows */
	margin:0 0 0 0;
	padding: 10px 0;  
	color: #000;  /*background:#ddd;*/
	/*border: 1px dotted #999;*/}
html>body #button { width: 180px;} /*IE/Windows ignores child selector“>” */

#button ul { 
    position: relative; /* IE6 needs this */ 
	width: 200px; /* for IE/Windows */
	list-style: none;
	padding: 0;
	margin: 0;
	  /*background:#ddd;*/ }
	
#button ul li {   
	margin: 0 10px 2px 10px; 
	padding: 0;
	list-style: none;
	color:#000; background:#fc0;}

#button li a {
	width: 100%;
	display: block;
    position: relative; /*** IE6 needs this to display the links ***/
	padding: 6px 4px 6px 8px;
	color: #000;
	background: #fc0;
	text-decoration: none; 
	font: 12px/13px Arial, Helvetica, sans-serif;}
html>body #button li a { width: auto;} /*IE/Windows ignores child selector“>” */

#button li a:hover { color: #000; background: #ffe675; }

#button ul.utility { margin: 28px 0 0 0;}
#button ul.utility li.utility a {color: #000; background: #ffdd4e;}
#button ul.utility li.utility a:hover { color: #000; background: #ffe675; }

/**** content ****/

#content {
	 margin: 0 0 20px 230px;
	 padding: 10px 0 0 0;
    /*  width:670px; width 670 breaks IE6 -- too wide; background:green;*/ }
	 
/*ul { list-style: square url(images/bullet.gif);} keep it down here so IE doesn't flash the bullet gif in the nav */


table.datatable { width:500px; border-collapse:collapse;} /* used on PTcomparison chart */
table.datatable caption { padding-bottom:10px;}
table.datatable td {width: 60px; padding:4px; text-align:center;border-top:1px solid #ddd;border-left:1px solid #e2e2e2;}
table.datatable th {padding:6px; text-align:left; font-size: 1.0em; line-height: 1.2em; border-top:1px solid #ddd;}
table.datatable thead th {text-align:center; font-size:1.1em; /*color:#670000; maroon*/ background: #ededed;}
table.datatable td.checkmark { background: url(images/checkmark.gif) no-repeat center center; height:14px;text-indent: -5000px; /**  Rundle/Phark image replacememt**/}


/*** newsletter page ***/ 
form#signup table { margin: 10px 15px 6px 0; padding-top: 6px; /*float:left;*/ }
form#signup th {margin:0; padding: 3px 2px 3px 10px; text-align:right;}
form#signup td {margin:0; padding:3px 10px 3px 2px;}
form#signup th p {padding:.5em 10px .5em 0; font-weight:normal;text-align:left;}

/*** position top left, set to display:none for now  ***/
#signups {  position:absolute;top:6px;right:10px;width: 160px;font-size:1em;    display: none; }
#signups p { line-height: 1.2em; padding:0 0 .5em 0;}
#signups .altbutton { padding: 3px; }
#newsletter {}

/** scorecard forms **/
#scqs {margin:0;padding:0;border-spacing:0;border:none;}
#scqs td {text-align:center;padding:6px 0;border-bottom:solid 1px #ccc; font-size:10px; /*fontsize in px for IE*/}
#scqs td.scq {text-align:left;padding:6px 6px 6px 0; width: 160px; } /* lo questions */
#scqs td.scq2 {text-align:left;padding:6px 0 6px 10px; width: 160px; } /* hi questions */
#scqs td.scqspan {text-align:left;padding:6px 6px 6px 0; }
.qcol {text-align:right;} 
#scqsinfo .qcol {padding: 6px 6px 6px 0; width: 160px; } /* scorecard contact form labels */
.btn {font-size: 1.1em;}
#score { font-size: 1.1em; font-weight:bold; color:#CC0000; }
.reqd {color: #197191;}



/**** footer ****/

#footer {
	clear:both;
	margin: 0 auto;
	padding:10px 0 0 0;
	width:900px;
	background: white;
	color: #333;
	background: white;
	border-top:solid 1px #444/*#988150*/;}
#footer ul, #footer ul li {list-style:none;}

#clearfooter {clear:both;}
* > html #clearfooter {float:left;}/*width:100%; height:1px; IEmac */

#footernav ul {text-align: center; list-style: none; margin: 10px 20px; padding: 0; border-top: 10px solid white; }
#footernav ul li { display: inline; list-style:none; margin: 0; padding:0;}

#footernav .here, 
#footernav ul li a {
	white-space: nowrap;
	text-decoration: none;
	margin:0;
	padding: 0.2em 0.75em 0.2em 0.5em;
	line-height:2em;
	border-right: 1px solid #988150;}

#footernav ul li a:hover {text-decoration:underline;}
#footernav ul li a.last { border-right:none;}
#footernav a.email { border-right:none; text-decoration:underline;}
#footernav p { line-height:150%;}
.copyright { color: #999;}
  
/**** etc ***/
.testimonial h3 { padding:0 2px 1em 2px; font: oblique 1.3em/1.2em "Trebuchet MS", "Times New Roman", Times, serif; }
.testimonial p { font: oblique 1em/1.4em "Trebuchet MS", "Times New Roman", Times, serif; }
.author {font-weight:bold; white-space: nowrap; }

.sidebarrt {clear:right;float:right; width:150px; margin:0 0 12px 20px;}
.sidebarrt div.testimonial p { margin:10px 0 6px 0; padding:10px 0;border-top: 1px solid #ddd;}

.sidebarrtbox {clear:right;float:right; width:150px; margin:0 0 12px 20px; padding:3px; border: 2px solid #e8e8e8/*#e8e3d7*/;text-align:center;}
html>body .sidebarrtbox { width:170px;/*margin:0 0 12px 16px;*/} /*IE/Windows ignores child selector“>” */


/**  boxes for scorecards  **/
.sidebarrtbox2 {clear:right;float:right; width: 140px; margin:16px 0 10px 30px;}
html>body .sidebarrtbox2 { margin:16px -30px 10px 30px;} /*IE/Windows ignores child selector“>” */
.sidebarrtbox2 ul {position: relative;list-style: none;margin:0;padding:0;}
.sidebarrtbox2 ul li {list-style: none; margin: 0 0 4px 0; /*border:solid 2px #ddd;*/background: #edecec; }
.sidebarrtbox2 ul li.scorecardtop {margin: 0 0 0 0; border-bottom:none;background: #eee; }
.sidebarrtbox2 h3, .sidebarrt h4 {margin:0; padding: 8px 8px .3em 8px; }
.sidebarrtbox2 p {padding: 8px 8px 8px 8px; }
.sidebarrtbox2 p a {font-size: 1.1em;font-weight:bold; color:#990; text-decoration:none;}
/*.sidebarrtbox2 p a:hover {color: #27A0C8;}*/

img.sidebarrt { width:auto;}
.wide {width:260px;}
.indent { margin-left: 20px; }
.center {text-align:center;}

.title {font-style: italic;}
.caption {font-style:italic;}
.sub { font-size: .6em; font-style: italic;}

.red { color: #CC0000;}

.note {color:#666688;}
.nowrap {white-space: nowrap;}

.clearfix:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden;} /*p.i.e.*/
/*.clearfix {display: inline-table;} original clearfix replaced with below */
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */