/* MAIN STYLESHEET */

/* RED COLOR PALETTE

Red - #BF0000
Black - #000

light-grey - #939e9e
Mid-gray - #737373
Dark-gray - #313131


*/

/* COLOR PALETTE

Blue - #000000
Green - #50b948

Light Blue - #9AB3D1
Light Green - #C3E1B7

Lighter Blue = #ABC4E2
*/

html, body {
	color: #000000;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-image: url("../images/left_stripe.gif");
	background-repeat: repeat-y;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
} 


}

a {
	color: #000000;
}

a, a:visited {
	color: #000000;
}

a:hover {
	color: #bf0000;
}

a img {
	border: 0;
}

p {

}

h1 {
	font-size: 200%;
	margin: 0;
	border-bottom: 4px solid #BF0000;
}


h2 {
	font-size: 160%;
	border-bottom: 2px solid #BF0000;
	margin: .5em 0 .5em 0;
	
	
}

h3 {
	
}

/* h4 and h5 used in pagetop */

.wrapright {
	float: right;
	padding-left: 1em;
}

ul {
 margin: 0;
 padding: 0 0 2em 2em;
 list-style: square;
}

li {

}

sup {
	font-size: .6em;
	font-weight: normal;
}

/* LEFT COLUMN */
#left_column {
	width: 235px;
	position: absolute; top: 0px; left: 0px;
}

#menu {
	width: 190px;
	background-color: #000000;
	color: white;
	margin: 0 0 0 17px;
	padding: 0;
	list-style: none;
	border-top: 2px solid #313131;
	border-left: 2px solid #313131;
	border-right: 2px solid #313131;
}

#menu li {
	border-bottom: 2px solid #313131;
	font-weight: bold;
}


#menu a:link, #menu a:visited {
	padding: 4px 0px 4px 8px;
	margin: 0;
	color: white;
	text-decoration: none;
	display: block;
}

#menu a:hover {
	color: #bf0000;
	background-color: #ccc;
	
}

#leftbox {
	width: 176px;
	background-color: #939e9e;
	margin: 10px 18px;
	padding: 9px;
}

#hoursbox ul {
	margin: 0;
	padding: 3px 0;
	background-color: #fff;
	border: 2px solid #BF0000;
}

#hoursbox li {
	list-style: none;
	text-align: center;
	font-weight: bold;
}

#bullets {
	margin: 0;
	padding: 10px 0;
	list-style: none;
	font-size: 10px;
	text-align: center;
}

#bullets li {
	padding: 2px 0;
	font-weight: bold;
}

#hoursbox li.reminder {
	padding: 5px 10px;
	font-weight: normal;
	background-color: #ff9;
	text-align: left;
	font-size: 10px;
}

/* HEADER */

#headertop {
	background-color: #000000;
	margin-left: 235px;
	color: white;
	padding-left: 25px;
}

#headertop h4 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	padding-top: 24px;
	padding-bottom: 5px;
}

#headerbottom {
	background-color: #BF0000;
	margin-left: 235px;
	color: white;
	padding-left: 25px;
}

#headerbottom h5 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	padding-top: 4px;
	padding-bottom: 5px;
	color: #ffffff;
}

/* CONTENT */

#content {
	margin-left: 257px;
	padding-top: 22px;
	width: 550px;
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 505px; /* bugfix for IE 5 */
}

.empty {
/* clear after hack */
}

div.mainbox {
	width: 496px;
}

div.subbox {
	border: 2px solid #000000;
	width: 239px;
	height: 190px;
	margin-top: 12px;
	margin-bottom: 14px;
	float: left; /* multi-columns */
}

div.column {
	width: 300px;
	margin-top: 12px;
	margin-bottom: 14px;
	float: left; /* multi-columns */
}








div.attentionbox {
	background-color: #939e9e;
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #BF0000;
	width: 476px;
	font-size: 10px;
}

div.attentionbox h3 {
	margin: 0;
	padding: 0;
	font-size: 13px;
}

div.attentionbox a:link, div.attentionbox a:visited {
	color: #000000;
}

div.attentionbox a:hover {
	color: #bf0000;
}

#narrow_right {
	border: 2px solid #9AB3D1;
	float: left;
	width: 200px;
	padding: 1em;
	background-color: #ABC4E2;
}

#narrow_right dl {
	margin: 0;
}

#narrow_right dt {
	background-color: #000000;
	color: white;
	padding: 3px;
	font-size: 120%;
	font-weight: bold;
}

#narrow_right dd {
	font-size: 110%;
	font-weight: bold;
	margin-left: 2em;
	padding: 0.2em;
}

#narrow_right p {
	padding-right: 2em;
}

.first { /* use on left boxes only to provide box spacing */
	margin-right: 14px;
}

#footer {
	clear: both;
	padding: 14px 0;
}

#footer div {
	padding-top: 3px;
	width: 500px;
	text-align: center;
	font-weight: bold;
}

#copyright {
	font-size: 90%;
	text-align: center;
	padding-top: 20px;
	padding-right: 50px;
	clear: both; /* in case we didn't clear before */

}

#partsmatrix {
	margin-top: 10px;
}

#partsmatrix h1 {
	font-size: x-small;
	font-weight: normal;
	color: #ccc;
	border: none;
	text-align: center;
}

#partsmatrix a {
	color: #ccc;
	text-decoration: none;
}

#partsmatrix a:hover {
	color: #ccc;
}

#matrixtable {
	width: 100%;
	border-collapse: collapse;
}

#matrixtable th{
	text-align: left;
}

#matrixtable td{
	border: 1px solid #ccc;
	padding: 3px;
}

/* MISC STYLES */

#mainimage {
	margin-top: 10px;
	border: 2px solid #000000;
}

.fivehundred {
	width: 500px;
}

/* models table */

#modelstable {
	width: 500px;
	border-collapse: collapse;

}

#modelstable td {
	border-bottom: 2px solid #ccc;
	vertical-align: top;
	padding: 5px;
}

/* data table */

table.data {
	border-collapse: collapse;
	width: 100%;
	
}

table.data td, table.data th{
	border: 1px solid #000000;
	padding: 3px;
}

table.data th{
	background-color: #000000;
	color: white;
	font-weight: bold;
	text-align: left;
}

table.data tr td {
	
}

table.data tr th {
	
	border: 1px solid white;
}

.stripe td{
	background-color: #ccc;
}

.stripe2 td{
	font-weight: bold;
	font-size: small;
}
/* CRITTERS BOX */

#critters {
	width: 176px;
	background-color: #C3E1B7;
	margin: 18px 18px 10px 18px;
	padding: 9px;
	
}

#critters a{
	color: #50b948;
	color: #61ca59;
	text-decoration: none;
}

#critters h1 {
	font-size: x-small;
	margin: 0;
	padding: 0;
	border: none;
}

#critters h2 {
	font-size: x-small;
	font-weight: normal;
	margin: 0;
	padding: 0;
	border: none;
}