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

body { margin:0; padding:0;
	background: #666;
	color: #ddd;
	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: #197191; margin-top: .6em;}
h1 { font-size: 1.6em; font-weight:normal; margin-top: 0;padding-top: .6em;} 
h2 { font-size: 1.2em;}
h3 { font-size: 1.1em;}
h4 { font-size: 1em;}
h5 { font-size: 1em;}


a:link {color: #6A951E; text-decoration: underline;}
a:visited {color: #6A951E; text-decoration: underline;}
a:hover {color: #27A0C8;}
a:active {color: #6A951E;}

a.linkbtn { padding:2px 6px; border:1px solid #333399;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 solid #CCC;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: 5px auto 0 auto;
	position:relative; 
	width:800px;
	height:155px;
	color: #333;
	background: white;
	}
#headerimg {position:relative; top:5px; left:99px;width: 419px;}

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


#left {
	position:relative; 
	float:left;
	width:200px;background:white;}

/**** nav ****/
#button {
    position: relative; /*** IE6 needs this to display the div ***/  
	width: 190px; /* for IE/Windows */
	margin:0;
	padding: 0;  }
html>body #button { width: 200px;} /*IE/Windows ignores child selector“>” */

#button ul { 
    position: relative; /* IE6 needs this */ 
	/*left:11px; IEMac indents <li>s extra , instead use marginleft on li*/
	width:180px;
	list-style: none;
	margin: 43px 0 0 0; padding: 0; border: none; /*background:blue; */}		
#button ul li {   
	margin: 0 0 4px 9px; 
	padding: 0;
	list-style: none;
	color:#444; background:white;}

/*#button ul li.utility { background:#670000;margin:14px 0 0 12px;width:74px;}*/

#button li a {
	width: 100%;
	display: block;
    position: relative; /*** IE6 needs this to display the links ***/
	padding: 4px 4px 4px 10px;
	text-decoration: none; border: #ddd 2px solid;}
html>body #button li a { width: auto;} /*IE/Windows ignores child selector“>” */

/*
#button li a:visited {	color: #666; background: #eee;}
#button li a:hover { 	color: #333; background: #dedede; }
*/


/**** content ****/

#content {
	 margin: 0 0 0 230px;
	 padding: 0;
     width:520px;/*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 */



/*** 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 {}


.btn {font-size: 1.1em;}
.reqd {color: #197191;}



/**** footer ****/

#footer {
	clear:both;
	margin: 0 auto;
	width:800px;
	background: #727372;
	color: #d0d0d0;
	border-top:30px solid white;}
#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: 0 20px; padding: 0; border-top: 10px solid #727372; }
#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;
	color:#94C634;
	background: #727372;
	border-right: 1px solid #999;}

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

.sidebarrt {clear:right;float:right; width:150px; margin:0 0 12px 16px;}
.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 10px 12px 16px; padding:4px; border: 2px solid #ddd;}
html>body .sidebarrtbox { margin:0 -40px 12px 16px;} /*IE/Windows ignores child selector“>” */

img.sidebarrt { width:auto;}
.wide {width:260px;}

.center {text-align:center;}

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

.green {color: #6A951E;}
.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 */