@charset "UTF-8";
/* CSS Document containing GLOBAL rules for all browsers
	Original concept design by J Hogue, layout markup and CSS programming by J Hogue and James Re at Highchair designhaus

XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XXXXX     XXXX   XXXXX   XXXX  XX  XXXXX  XX  X  XX  XX  XXXXX  XX   X   XXXX
XX  XX  XX  XX     XX  XX  XX     XX  XX  XX  X  XX  XX  X     XX  X  XX     XX     XX  XX     XX  X  XX  XX  XX  X  XX   X  XX   
XXXXXX  XX  XX XX  XXXXXX  XX     XXXXXX  XX  X  XX  XX  X     XX  X  XXXXX   XXX   XX  XX XX  X X X  XXXXXX  XX  X  XX   X   XXX 
XX  XX  XX  XX  X  XX  XX  XX     XX  XX  XXXXX  XX  XXXX      XX  X  XX        XX  XX  XX  X  X  XX  XX  XX  XXXXX  XX   X     XX
XX  XX  XX  XXXXX  XX  XX  XXXXX  XX  XX  XX  X  XX  XX  X     XXXX   XXXXX  XXXX   XX  XXXXX  X  XX  XX  XX  XX  X   XXX    XXXX 

*/

html, body { height: 100%; }
html, body, div, span, table, address, form, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, th, td, hr, blockquote, ul, ol, dl, li, address { margin: 0; padding: 0; }
input, select, textarea { font-size: 100%; }

body, td, input, select, textarea { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-weight: normal; }
body {
	background: top left repeat-x url("../cssimages/body_backtop.png") #cde; 
	color: #555;
	text-align: left; 
	font-size: 75%; /*12 pt */
	line-height: 1.75; 
	font-weight: 300;
}
/*	Use these ems and equivalents
	24 pt = 2em
	18pt = 1.5em
	16pt = 1.34em (16.08 pt)
	14pt = 1.17em (14.04pt)
	10pt = .84em (10.08pt)
	9pt = .75em
	
	Color: 
	9cf		light blue		69c	 slightly darker	58a even darker
	f93		orange
*/
img, img a, a img { border: none; }
a { text-decoration: none; color: #58a; }
a:hover { text-decoration: underline; color: #222; }

div.clearit { clear: both; }


/* ! - - - Default html styles - - - */	
h1 {
	font-size: 1.5em;
	font-weight: 900;
	margin: 0 0 .5em 0;
	letter-spacing: 1px; 
	color: #f93; 
	border-bottom: 1px dotted #999; 
} 
h2 {
	font-size: 1.34em;
	font-weight: 600;
	padding: 0 0 .5em 0;
	color: #69c; 
}
h3 {
	font-size: 1.17em;
	font-weight: 600;
	padding: 0 0 0 20px;
	color: #000; 
	margin: 0 0 0 -10px; 
	background: 0px .5em no-repeat url("../cssimages/h3_before.png") #fff; 
}
h4 {
	font-size: 1.17em;
	font-weight: 600;
	color: #000; 
}

p, ul, ol, dl, address, pre, code { padding: 0 0 10px 0; }
ul, ol { padding-left: 20px; list-style-position: outside; }
blockquote {
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px; 
	border-left: 1px solid #f93; 
}

strong, b { font-weight: 600; }
em, i { font: italic 1.15em "Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif; }

big { font-size: 150%; }
small { font-size: 75%; }
acronym, abbr { font-style: normal; font-weight: normal; border-bottom: 1px dotted #ccc; cursor: help; }

hr {
	border: 0; 
	height: 1px; 
	font-size: 1px; 
	border-top: 1px solid #69c; 
	background-color: #fff; 
	color: #fff; 
	margin: 0 0 10px 0; 
}

/* ! - - - Layout stuff - - - */
#everyoneneedsawrapper { width: 900px; margin: 0 auto; }
.column { display: inline-block; vertical-align: top; }
.left { width: 210px; margin: 0 10px 0 0; }
.right { width: 675px; }

#maincontent_whitespace { text-align: right; padding: 10px 0; height: 52px; }
	#maincontent_whitespace p, #maincontent_whitespace a { margin-right: 6px; }
	#maincontent_whitespace p, #maincontent_whitespace form, #maincontent_whitespace input { font-size: 1em; display: inline; }
	
/* ! - - - Main nav stuff - - - */
#mainnavigation { color: #888; text-align: right; padding: 15px 0; height: 58px; }
#divider { margin: 0 0 0 30px; height: 1px; background-color: #888; clear: right; }
#topnav { padding: 0 0 10px 0; }
	/*
	#topnav a { color: #9cf; padding: 0 8px; font-weight: bold; float: right; }
	#topnav a:hover { color: #fff; text-decoration: none; } 
	*/
#projectnav { padding: 5px 0 0 0; }
	#projectnav span { display: inline-block; color: #f93; float: right; padding: 0 8px 0 0; }
	#mainnavigation ul { padding: 0; margin: 0; list-style: none; }
	ul#mainnav, ul#focusnav { height: 18px; }
		ul#mainnav li, ul#focusnav li {
			float: right;
			position: relative; 
			line-height: 22px;
		}
			ul#mainnav li:hover a, ul#mainnav li.over a, ul#focusnav li:hover a, ul#focusnav li.over a { color: #f93; }
			ul#mainnav li.last, ul#focusnav li.last {  }
			ul#mainnav li a, ul#focusnav li a {
				padding: 3px 8px; 
				font-weight: bold; 
				background-color: #000;
				color: #fff;
			}
			ul#mainnav li a:hover, ul#mainnav li:hover a, ul#focusnav li a:hover, ul#focusnav li:hover a { background-color: #f93; color: #222; text-decoration: none; }
		ul#mainnav li ul, ul#focusnav li ul {
			background-color: #eee;
			list-style: none; 
			position: absolute;
			top: 21px;
			right: 9999em;
			box-shadow: #333 2px 2px 6px;
			-moz-box-shadow: #333 2px 2px 6px;
			-webkit-box-shadow: #333 2px 2px 6px;
		}
			ul#mainnav li:hover ul, ul#mainnav li.over ul, ul#focusnav li:hover ul, ul#focusnav li.over ul { right: 0; }
				ul#mainnav li:hover ul, ul#mainnav li.over ul { z-index: 100; }
				ul#focusnav li:hover ul, ul#focusnav li.over ul { z-index: 50; }
			ul#mainnav li ul li, ul#focusnav li ul li { line-height: 18px; float: none; }
				ul#mainnav li ul a, ul#focusnav li ul a {
					white-space: nowrap;
					display: block;
					text-align: left; 
					font-weight: bold;
				}
				ul#mainnav li:hover ul a, ul#focusnav li:hover ul a { color: #222; background-color: #ddd; }
				ul#mainnav li ul a:hover, ul#focusnav li ul a:hover { color: #f93; background-color: #222; }

/* ! - - - Sidebar stuff - - - */
a#logo { position: relative;top: 1px; }
#sidebar {
	text-align: center; 
	min-height: 690px; 
	background: 0px 161px repeat-x url("../cssimages/left_back.png"); 
}
	#sidebar img { max-width: 210px; } 
		* html #sidebar img { width: expression( this.scrollWidth > 210 ? "210px" : "inherit" ); }
		#sidebar .photoreg, #sidebar .photoleft, #sidebar .photoright { font-size: 1em; font-style: normal; margin: 0; }
		#sidebar .photoreg img, #sidebar .photoleft img, #sidebar .photoright img { margin: 0; }
	
	#subnav { }
		#subnav h2 { 
			color: #e82; 
			padding: .4em 0; 
			margin: 0 0 .6em 0; 
			border-bottom: 1px dotted #666; 
		}
		#subnav a { 
			display: block; 
			padding: .4em 0;
			color: #444; 
			background-color: transparent; 
		}
		#subnav a:hover { 
			color: #000; 
			text-decoration: none; 
			background: center center repeat-y url("../cssimages/subnav_aback.png") #f93; 
		}

/* ! - - - Main content stuff - - - */
#maincontent {
	background-color: #fff; 
	margin: 15px 0 0 0; 
	padding: 16px; 
	/* effective width: 665 - 32 = 633px */
}
	#maincontent object, #maincontent iframe { max-width: 640px; }
	#maincontent h2, #maincontent h3, #maincontent h4, #maincontent p, #maincontent ul, #maincontent ol, #maincontent dl, #maincontent blockquote, #maincontent address { margin-right: 100px; } 
	#focusheader {
		padding: 4px; 
		background-color: #f93; 
		margin: -16px -16px 10px -16px; 
	}
		#focusheader h4 { letter-spacing: 1px; color: #fff; }
	#pdfinfo {
		border-top: 1px solid #ccc; 
		border-bottom: 1px solid #ccc; 
		font-size: .84em; 
		padding: 1em 1em 1em 5em; 
		margin: 2em 10em 0 0; 
		background: left center no-repeat url("../cssimages/pdfinfo_back.jpg") #fff; 
	}

/* ! - - - Product stuff - - - */
.product {  }
	.product h3 { padding-left: 0; margin: 0; background: none; }
	.product td { text-align: left; }
	#sidebar .product table { margin: 0 10px; }
		#sidebar .product table input { max-width: 80px; }

	#footer {
		background-color: #69c; 
		padding: 12px 16px; 
		color: #fff; 
	}
		#footer p { padding: 0; }
		#footer a { color: #fff; }
		#footer a:hover { text-decoration: underline; }

#copyright {
	color: #777; 
	font-size: .84em; 
	padding: .5em 0 2em .5em; 
}
	#copyright a { color: #777; }
	#copyright a:hover { color: #58a; }


/* For Mozilla and IE 8 */
:active, :focus { outline: none; -moz-outline: none; }