/*
	css_main.css
*/

	body {
		color: #000;  font-family: Verdana, Tahoma, Helvetica, sans-serif;
		font-size: 0.90em;  text-align: center;  margin: 0px;
	}
	
	a img { border: 0px; }
	
	#nav {
		font-family: Arial;  display: block;  text-align: left;  font-size: 15px;  font-weight: 400;
		letter-spacing: 1px;  margin: 0px 0px 0px 10px;  border: 0px solid green;
	}
		#nav a:link { color: #224;  text-decoration: none; }
		#nav a:visited { color: #224;  text-decoration: none; }
		#nav a:hover { color: #333;  font-style: italic;  text-decoration: underline; }
		#nav a:active { color: #555;  font-style: italic;  text-decoration: none; }

		#nav ul {
			list-style-type: none;  margin: 0px -20px 25px 32px;  padding: 0px;  background: #FFF;  border: 0px solid blue;
		}
		#nav li { position: relative;  z-index: 10;  margin: 0px;  padding: 3px 20px 3px 0px;  white-space: nowrap;  float: left; }
			#nav li.selected a { color: #777;  text-decoration: underline; }
			#nav li.selected li a:link { color: #224;  text-decoration: none; }
			#nav li.selected li a:visited { color: #224;  text-decoration: none; }
			#nav li.selected li a:hover { color: #333;  text-decoration: underline; }
			#nav li.selected li a:active { color: #555;  text-decoration: none; }
		
		#nav ul ul {
			font-size: 0.85em;  font-weight: 400;  letter-spacing: 0.1em;
			list-style-type: none;  margin: 17px 15px 0px 10px;  padding: 0px;  display: none;  position: absolute;  top: 5px;  left: -20px;  z-index: 10;
			border-left: 1px solid #DDD;  border-right:  2px solid #CCC;  border-bottom: 2px solid #CCC;
			background: #FFF url('../images/2px-vertStrip_white-to-CCC_1.gif');
		}
		#nav ul ul li { margin: 0px;  padding: 3px 7px 3px 7px;  white-space: nowrap;  float: none;  z-index: 10; }
		
		#nav #photoCell { width: 6.5em; }
			#nav #photoCell ul { width: 15.1em; }
		#nav #digimCell { width: 7.7em; }
			#nav #digimCell ul { width: 22.4em; }
		#nav #webdevCell { width: 9.4em; }
			#nav #webdevCell ul { width: 17.9em; }
		#nav #aboutCell { width: 4.6em; }
			#nav #aboutCell ul { width: 16.4em; }
		#nav #contactCell { width: 6.0em; }
		#nav .spacerMain { color: #999;  font-size: 0.8em;  width: 13px;  margin-left: -10px;  padding: 4px 10px 0px 0px; }
		/* #nav .subProd { font-size: 0.95em;  padding-left: 15px; } */
		#nav  .last { padding-bottom: 5px; }
		#nav #lineBelow { width: 99%;  line-height: 1px;  margin: 0px auto 0px -2px;  border-bottom: 1px solid #DDD; }
	
	#leftNav { position: absolute;  text-align: left;  top: 50px;  left: 10px;  width: 140px;  border: 1px solid blue; }
		#leftNav ul { list-style-type: none;  margin: 0px;  padding: 0px; }
	
	/* general doodads... */
	.floatLeft { float: left; }
	.floatRight { float: right; }
	.clearBoth { clear: both; }
	.center { text-align: center; }
	
	.nowrap { white-space: nowrap; }
	
	.smallest { font-size: 0.7em; }
	.smaller { font-size: 0.9em; }
	.light { font-weight: 200; }
	.normal { font-weight: 400;  font-style: normal;  text-decoration: none; }
	.heavy { font-weight: 700; }
	.smallCaps { font-variant: small-caps; }
	.mono { font-family: 'Courier New', Courier, monospace; }

	.error { color: #004;  font-weight: 200;  font-size: 0.95em;  text-align: center;  margin: 20px auto 20px auto; }
		.error strong { color: #700;  font-weight: 700; }
	.littlePlus { vertical-align: -2px;  margin: 0px 4px 0px 0px; }
	.even { background-color: #EEE; } /* alternating table rows */
	.hideable { display: none; }

	/* ajaxian doodads */
	.workingAjax { color: #207;  font-weight: 700;  font-size: 0.95em;  text-align: left;  white-space: nowrap;  margin: 20px auto 20px 20px; }
	.finishedAjax { font-size: 0.95em;  text-align: left;  white-space: nowrap;  margin: 20px auto 20px 20px; }
		.finishedAjax strong { color: #207;  font-weight: 700; }