/* David Lyons Graphic Design */
/* font selection
------------------------------------------------------ */

body, .content, .main, h1, h2, h3, h4, h5, h6, ul, li, ol, blockquote, li {
	font-family: Verdana,Helvetica,Geneva,sans-serif;
	font-size: 12px;
	line-height: 16px;
	}
.address, .linkinfo, .contact, a.contact, .textzoom, a.textzoom, .news, a.news, .caption, a.caption, .footer, a.footer {
	font-family: Verdana,Helvetica,Geneva,sans-serif;
	font-size: 10px;
	line-height: 13px;
	}
a:link { color: #369; text-decoration: underline; }
a:hover { color: black; }
a:active { color: #996; }
a:visited { color: #663; }
	
/* body
------------------------------------------------------ */

body {
	margin: 0px;
	background-color: #fff;
	text-align: center;
	margin: 0px;
	padding: 5px 0px 15px 0px;
	background-image: url('/images/gradient.gif');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #eeeeef;
	}
#container { margin: 0 auto; padding: 0px; width: 970px; text-align: left; background: #fff; }
tt, pre {
	font-family: Geneva,Rockwell,Courier,sans-serif;
	}
table.pagehead { 
	margin: 0px; 
	padding: 0px;
	background-image: url('/images/gradient_pghd.gif');
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fff;
	border-top: 1px solid #bcd;
	}
div.address { margin: 0px 0px 20px 0px; color: #369; font-size: 10px; line-height: 12px; }

/* main navigation
------------------------------------------------------ */

table.nav { 
	margin: 0px; 
	padding: 0px;
	background-color: #f5f5f5;
	border-top: 1px solid #bcd;
	}

#menu { float: left; margin: 0px; }
#menu ul { margin: 0px; padding: 0px; list-style: none; }
#menu li {
	font-size: 15px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	float: left;
	margin: 0px; padding: 0px;
	vertical-align: middle;
}
#menu a {
	float: left; display: block;
	color: #369;
	background-color: #f5f5f5;
	padding: 6px 20px 7px 20px;
	margin: 0px;
	text-decoration: none;
	border-left: 1px solid #bcd;
  }

/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
#menu a {float: none;}
/* End IE5-Mac hack */

#menu a:hover {
	background: url("/images/navarrow.gif") no-repeat left center;
	background-color: #036;
	padding: 6px 20px 7px 20px;
	color: #6cf;
	border-left: 1px solid #036;
	text-decoration: none;
}
#menu #current a {
	background: url("/images/navarrow.gif") no-repeat left center;
	background-color: #09e;
	padding: 6px 20px 7px 20px;
	color: #fff;
	border-left: 1px solid #09e;
	text-decoration: none;
	font-style: italic;
}
table.identify {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #fff;
	padding: 4px 20px 6px 20px;
	height: 28px;
	text-align: left;
	background-color: #09e;
	border-top: 1px solid #fff;
	}
table.identify a {
	color: #fff;
	text-decoration: none;
	}
table.identify a:visited {
	text-decoration: none;
	}
table.identify a:hover {
	color: #fff;
	text-decoration: none;
	}

/* content
------------------------------------------------------ */

table.content {
	background: url("/images/top_shadow.gif") no-repeat left top;
	background-color: #fff;
	border-bottom: none;
	color: #567;
	font-family: Verdana,Helvetica,Geneva,sans-serif;
	font-size: 12px;
	line-height: 16px;
	}
.content { color: #567; }
.content p { margin: 0px 0px 10px 0px; }
.content a:link { color: #369; text-decoration: underline; }
.content a:hover { color: black; }
.content a:active { color: #996; }
.content a:visited { color: #663; }

table.content-staff {
	background: url("/images/top_staff.jpg") no-repeat left top;
	background-color: #fff;
	border-bottom: none;
	color: #567;
	font-family: Verdana,Helvetica,Geneva,sans-serif;
	font-size: 12px;
	line-height: 16px;
	}
.content-staff { color: #567; }
.content-staff p { margin: 0px 0px 10px 0px; }
.content-staff a:link { color: #369; text-decoration: underline; }
.content-staff a:hover { color: black; }
.content-staff a:active { color: #996; }
.content-staff a:visited { color: #663; }

table.thumbnails { margin: 0px 0px 25px 0px; }

div.breakout {
	margin-top: 410px; padding: 15px 15px 10px 15px;
	border: 1px solid #bcd;
	font-size: 10px; line-height: 12px;
	}
div.breakout p {
	margin: 0px 0px 10px 0px;
	}
div.breakout ul {
	font-size: 10px;
	line-height: 10px;
	list-style-type: square;
	list-style-position: outside;
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	margin-left: 10px; 
	}
div.breakout li {
	color: #369;
	font-size: 11px;
	line-height: 14px;
	padding-bottom: 5px;
	}
div.breakout-book {
	background: url("/images/headsup_panel.gif") no-repeat left top;
	background-color: #fff;
	margin-top: 0px; padding: 230px 15px 10px 15px;
	border: 1px solid #bcd;
	font-size: 10px; line-height: 12px;
	}
div.breakout-book h2 { color: #369; margin: 0px; font-size: 12px; font-weight: normal; line-height: 15px; }
div.breakout-book p {
	margin: 0px 0px 10px 0px; color: #369;
	}
table.adspace { border: 1px solid #bcd; border-top: none; margin-bottom: 15px; background-color: #fff; }
div.media { 
	border: 1px solid #bcd;
	margin: 0px 0px 10px 0px; padding: 0px;
	background-color: #dcdcdc;
	}
	
/* jquery slideshow
------------------------------------------------ */

#gallery_wrap {
	width: 610px;
	height: 295px;
	padding: Opx;
}
.galleryview {
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif;
	}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
	}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
	}
.options th, .options td {
	padding: 4px 10px;
	}
.options td {
	border-right: 1px solid #777;
	}
#parts-img {
	border: 1px solid black;
	}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
	}
.panel-overlay {border-top: 1px solid #9ab; }
.panel-overlay h2 { color: #fff; margin: 8px 0px 0px 10px; text-decoration: none; }
.panel-overlay h2 a:link, .panel-overlay h2 a:active, .panel-overlay h2 a:visited { text-decoration: none; }
.panel-overlay h2 a:hover { text-decoration: none; color: #f60; }
.panel-overlay p { margin: 2px 0px 0px 10px; font-size: 10px; line-height: 12px; font-weight: bold; font-style: italic; }
	
/* right-column
------------------------------------------------------ */

td.right-column {
	background-color: #f5f5f5;
	border: 1px solid #bcd;
	}
div.sidebar { 
	padding: 10px 20px 20px 20px; 
	font-size: 11px;
	line-height: 15px;
	}

/* heading 1
------------------------------------------------------ */

h1 {
	color: #369;
	margin: 0px;
	font-size: 12px; line-height: 14px;
	font-weight: bold;
	}
.content h1 a:link {
	color: #369;
	text-decoration: none;
	}
.content h1 a:hover {
	color: #900;
	text-decoration: underline;
	}
	
/* heading 2
------------------------------------------------------ */

h2 {
	color: #369;
	margin: 0px;
	font-weight: bold; font-style: normal;
	font-size: 12px;
	line-height: 14px;
	margin: 0px
	}
h2 a:link {
	color: #369;
	text-decoration: none;
	}
h2 a:hover {
	color: #900;
	text-decoration: underline;
	}
span.red { color: #c03; }

/* heading 3
------------------------------------------------------ */

h3 {
	color: #489;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 120%;
	font-weight: bold;
	}
.content h3 a:link {
	color: #489;
	text-decoration: none;
	}
.content h3 a:hover {
	color: black;
	text-decoration: underline;
	}

/* heading 4
------------------------------------------------------ */

h4 {
	color: #699;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: bold;
	}
.content h4 a:link {
	color: #699;
	text-decoration: none;
	}
.content h4 a:hover {
	color: black;
	text-decoration: underline;
	}

/* heading 5
------------------------------------------------------ */

h5 {
	color: #996;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: bold;
	font-style: italic
	}
.content h5 a:link {
	color: #996;
	text-decoration: none;
	}
.content h5 a:hover {
	color: black;
	text-decoration: underline;
	}

/* heading 6
------------------------------------------------------ */

h6 {
	color: #744;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 100%;
	font-weight: normal;
	font-style: italic
	}
.content h6 a:link {
	color: #744;
	text-decoration: none;
	}
.content h6 a:hover {
	color: black;
	text-decoration: underline;
	}

/* lists/blockquote
------------------------------------------------------ */

ul {
	list-style-type: square;
	list-style-position: outside;
	padding-top: 0px;
	padding-left: 15px;
	padding-bottom: 10px;
	margin-left: 0px; 
	}
li {
	color: #567;
	padding-bottom: 5px;
	}
blockquote {
	color: #567;
	margin-bottom: 20px;
	}

/* associated styles
------------------------------------------------------ */

.contact, a.contact {
	color: white;
	}
.textzoom, a.textzoom {
	color: white;
	font-weight: normal;
	}
.promo, a.promo {
	color: #663;
	}
#news-container {
	padding: 15px;
	padding-top: 0px;
	border-bottom: 1px solid #789;
	} 
.news {
	color: #036;
	font-weight: normal;
	}
a.news {
	color: #369;
	}
a.news:active, a.news:hover { 
	color: black;
	}
.caption, a.caption {
	color: #567;
	}
.linkinfo {
	color: #666;
	text-decoration: none;
	}
.alert, a.alert {
	color: #C00;
	font-weight: bold;
	}

/* border styles
------------------------------------------------------ */

.keyline, td.keyline, tr.keyline {
	border: 1px solid #bcd;
	}
.keyline-bottom, td.keyline-bottom, tr.keyline-bottom {
	border-bottom: 1px solid #bcd;
	}
.keyline-right, td.keyline-right, tr.keyline-right {
	border-right: 1px solid #bcd;
	}
.keyline-lr, td.keyline-lr, tr.keyline-lr {
	border-left: 1px solid #bcd;
	border-right: 1px solid #bcd;
	}
.keyline-tlr, td.keyline-tlr, tr.keyline-tlr {
	border-top: 1px solid #bcd;
	border-left: 1px solid #bcd;
	border-right: 1px solid #bcd;
	}

/* horizontal rules
------------------------------------------------------ */

hr {
	border: 0;
	width: 100%;
	color: #f96;
	background-color: #f96;
	height: 1px;
	margin: 5px 0px 15px 0px;
	}
hr.gray {
	border: 0;
	width: 100%;
	color: #bcd;
	background-color: #bcd;
	height: 1px;
	margin: 5px 0px 15px 0px;
	}
table.footer { 
	background-color: #fff;
	border-top: 4px solid #bcd; 
	color: #567;
	width: 930px; padding: 15px 0px 20px 0px;
	}
.footer, a.footer {
	color: #567;
	font-style: italic;
	}

/* additional styles
------------------------------------------------------ */

 td.c7 { padding-top: 10px }
 div.c5 { margin: 5px 0px 5px 0px; text-align: right }
 td.c4 { background-color: #000000 }
 td.c3 { padding: 0px 4px 3px 0px }
 td.c2 { padding: 0px 0px 3px 0px }
 td.c1 { background-color: #88886E; height: 20px; }