/* centered fixed width */
/* left nav added 2nd level ul */
html, body {font: 100% Arial, Verdana, sans-serif;}

body { margin:10px 0 0 0 ; padding:0;
	background:black; 
	color: #eee; 
	font-size: 80%;
	text-align:center;
}
body.light { background:white; color: #333; } /* light background, dark text */

/* 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 { margin-top: .6em;}
h1 { font-size: 2.0em;margin-top: 0;line-height:120%;}
h2 { font-size: 1.5em;}
h3 { font-size: 1.25em;}
h4 { font-size: 1.1em;}
h5 { font-size: 1em;}


a:link {color: /*#ffcc00*/white; text-decoration: underline;}
a:visited {color: #ddd; text-decoration: underline;}
a:hover {color: #ff6600;}
a:active {color: #ff6600;}

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

ol, ul, li { font-size: 1.0em; line-height: 1.4em; 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 #99cccc;margin:10px 0; color:white;background:white;}

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

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


/***** layout *****/


#outer {
	text-align:left;
	position:relative;
	width:800px;
	margin: 0 auto;
	background: teal; /* define bg image on page */
	} 


#left {
	position:relative; 
	float:left;
	width:180px;min-height:600px;}
	
#utility {background:white; color:black;text-align:center; font-weight:bold;margin:-5px 0 0 0;padding:5px 0 0 0;} 
#utility p {margin:0;padding:0;width:180px;font-size: 1.0em;}
#utility p a {position:relative;display:block;width:100%;padding:1px 0; text-transform:uppercase; color: #f60;text-decoration: none;}
#utility p a:link {color: #f60;}
#utility p a:hover {color: #960;text-decoration: underline;}



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

#button ul, #button ul ul  {position: relative; /* IE6 needs this */ 
	width: 180px; /* for IE/Windows */
	list-style: none; 
	margin: 0 0 0 0;
	padding: 0; }
	
#button ul ul { width: auto; /*for IE/Windows */}
		
#button ul li {
	margin: 0 0 -1px 0/**/; 
	padding: 0; 
	list-style: none;}

#button ul ul li { margin: 0; padding: 0;}

#button ul li .navsubhead {
	display: block;
	padding: 5px 4px 4px 8px;
	border-bottom:1px dotted #ffcc00;
	font-weight:bold;
	font-size: 12px;
	color: #004063;
	text-transform: uppercase;
}
#button li a {
	width: 100%; 
	display: block; 
	position: relative; /*** IE6 needs this to display the links ***/
	padding: 4px 2px 3px 8px; 
/*	border-bottom:1px solid  black;*/ 
	text-decoration: none;
	color: white; 
	font-weight:bold; 
	font-size: 12px;	
	text-transform: uppercase;}
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: #ff6600;
	background: url(images/bg-translt.png) repeat-y;
}
#button ul ul li a {
	font-weight:normal;
	padding: 4px 2px 3px 18px;
	text-transform: none;
}

/**** content ****/

#content {
	 width:590px;min-height:600px;
	 margin: 0 0 10px 200px; /* move content left */
	 padding: 10px 0 0 0; }

#tagline-top {position:absolute;left: 200px; width:580px;}
#tagline-top p { margin:0;padding:0;color:#f90;font-family: "Arial Black", Arial, "Helvetica Neue";font-weight:bold;letter-spacing: .2em;} 
#tagline-top p a:link {color:#f90;text-decoration:none;}
#tagline-top p a:visited {color:#f90;text-decoration:none;}
#tagline-top p a:hover {color:#fff;text-decoration:none;}
.photo {font-style: italic;}
.photo a:link, .photo a:visited, .photo a:hover {color:#fff;text-decoration:none;}

/**** footer ****/

#footer {
	clear:both;
	margin: 0 auto;
	padding:10px 0 6px 0;
	width:800px;
	border-top:solid 2px #222;background: url(images/bg-transdark.png) repeat;
	/*color: #333;*/}
body.light #footer { background: url(images/bg-transdark.png) repeat;}
#footer ul, #footer ul li {list-style:none;}

#clearfooter {clear:both;}
* > html #clearfooter {float:left;}

#footernav ul {text-align: center; list-style: none; margin: 0px 20px; padding: 0; }
#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 #222;}

#footernav ul li a:hover {color: #ff6600;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%; color: #ddd;}
#footernav p.address a {text-decoration:none;}
.copyright { }
body.light #footernav p { color:#333;}

  
/**** etc ***/
.sidebarrt {float:right; width:150px; margin:5px 0 12px 20px;}
.center {text-align:center;}
.clear {clear:both;}

.altcolor1 {color: #fe7f00;}
.red { color: #CC0000;}
.nowrap {white-space: nowrap;}
.testimonial p { font: oblique 1em/1.4em "Times New Roman", Times, serif; }

.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 */