body { font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif; background: url('../images/background.slant.line.gif'); }
p { font-size: 12px; }

input[type="button"], input[type="submit"] { 
	-webkit-appearance: button;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
	-webkit-border-bottom-left-radius: 2px 2px;
	-webkit-border-bottom-right-radius: 2px 2px;
	-webkit-border-top-left-radius: 2px 2px;
	-webkit-border-top-right-radius: 2px 2px;
	border: 1px solid rgb(153, 153, 153);
	font-family: arial, sans-serif;
	font-size: 15px;
	height: 1.85em;
	margin: 0.2em;
	padding: 0px 8px;
}
input[type="button"]:hover, input[type="submit"]:hover { 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(204, 204, 204)), to(rgb(221, 221, 221))); 
}
input[type="button"]:active, input[type="submit"]:active { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(170, 170, 170)), to(rgb(221, 221, 221))); }


/* MAIN CONTENT AREA */
#main_content h1, #main_content h2 { font-size: 18px; color: #333;	margin: 0; }
#main_content h3 { font-size: 12px; margin: 0; }
#main_content ul { list-style-type: disc; }
#main_content li, #main_content li a { font-size: 11px; color: #444444; text-decoration: none; }
#main_content li a:hover { text-decoration: underline; }

.date_header { width: 100%; }
.date_header p.date { font-size: 14px; font-weight: bold; color: #333; margin: 0; width: 200px; float: left; }
p.inline_date { font-size: 12px; color: #444444; }


/* PHOTOS */
.photos p { color: #555; padding: 0 0 16px 0; border-bottom: 1px dotted #666666; }
.photos img { margin: 8px 0 0 0; border: 1px solid #333; }


/* NAVIGATION */

.nav1 { background: url('../images/nav/home.jpg') top left no-repeat; }
.nav1b { background: url('../images/nav/home.over.jpg') top left no-repeat; }
.nav2 { background: url('../images/nav/photos.jpg') top left no-repeat; }
.nav2b { background: url('../images/nav/photos.over.jpg') top left no-repeat; }
.nav3 { background: url('../images/nav/downloads.jpg') top left no-repeat; }
.nav3b { background: url('../images/nav/downloads.over.jpg') top left no-repeat; }
.nav4 { background: url('../images/nav/projects.jpg') top left no-repeat; }
.nav4b { background: url('../images/nav/projects.over.jpg') top left no-repeat; }
.nav5 { background: url('../images/nav/faq.jpg') top left no-repeat; }
.nav5b { background: url('../images/nav/faq.over.jpg') top left no-repeat; }
.nav6 { background: url('../images/nav/restoration.jpg') top left no-repeat; }
.nav6b { background: url('../images/nav/restoration.over.jpg') top left no-repeat; }
.bad_ie { font-size: 0px; }

.content_table { background-color: #EAE8D4; }
.noroads-nav { background: url('../images/noroads.nav.background.jpg') bottom no-repeat; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-decoration: none; }
a.noroads-nav { color: #FFFFFF; font-size: 9px; font-weight: bold; text-decoration: underline; }

/* main DIVs */
.main { color: #222222; font-size: 12px; padding: 0 4px 0 4px; }
.middle-l { border-color: #999999; border-right-width: 1px; border-right-style: dotted; }
.middle-r { color: #222222; font-size: 12px; }
.right { color: #222222; font-size: 12px; }

/* FORMS & Tables */
input, option, select, textarea { color: #222222; background-color: #CCCCCC; font-size: 10px; }
.even_tr { background-color: #DFDDCC; }
.odd_tr { background-color: #EAE8D4; }

input.next { background-color: #ADA; }
input.index { background-color: #DAA; }


/* right side */
.list { color: #111111; text-decoration: underline; }
.project_list { color: #333333; font-size: 10px; text-decoration: none; }
ul.circle { list-style-type: circle }

.last_updated { text-align: center; }
.last_updated h2 { font-size: 13px; margin: 0 0 2px 0; padding: 0; color: #333}
.last_updated p { font-size: 12px; color: #555; margin: 0; }



.deck-hover { color:#222;padding:5px;background:#eee;border:2px solid #777;z-index:1000000; width:180px; font-family: Arial, Helvetica, sans-serif; font-size:90%; }

div.toc img.chapter_thumb { float: right; border: 1px solid #444; }
div.toc h3 { font-size: 13px; clear: both; padding: 14px 0; }
div.toc ul { margin-top: 0; padding-top: 0; }

#video { margin: 0 auto; text-align: center; }