@media all {

body {background-color: rgb(153,0,0); font-family: arial, sans-serif; font-size: 1em}



#banner h1 span {color: rgb(153,0,0)}
#banner h6 {font-size: 10px; text-align: center; margin-top: 0px}

/* Controls the look of the main header -- just put in header.php? */
 #header {background-color: rgb(255,247,225); background-image: url(pix/skin.bmp);} 
/*#header {background-color: rgb(255,247,225); }*/
#header table td {padding: 5px }
#header img { border: none; }

/* Break out the navbar to turn it off for printing */
#navbar {background-color: rgb(255,247,225); background-image: url(pix/skin.bmp);}
#navbar {background-color: rgb(255,247,225);}
#navbar table td {padding: 5px}

#navbar a {text-decoration: none; color: rgb(153,0,0); font-weight: bold; font-size: 1.1em; }
#navbar a:hover {background-color: rgb(153,0,0); color: rgb(255,247,225);}
#navbar a:active {background-color: rgb(153,0,0); color: rgb(255,247,225);}


/* The main site container */
#container {background-color: rgb(255,247,225) ; margin: 10px auto ; margin-bottom: 0px ; background-image: url(pix/skin.bmp);} 
/*#container {background-color: rgb(255,247,225) ; margin: 10px auto ; margin-bottom: 0px ;}*/

/* This is the vertical nav bar on the left hand side of the site */
#nav {float: left; width: 130px; padding: 5px ; clear: left ; font-size: 0.9em;}
#nav p {margin-top: 5px ; margin-bottom: 5px ; }
#nav h1{
	background-color: rgb(153,0,0);
	color: rgb(255,247,225);	
	font-weight: bold;
	font-size: 1.3em;
	text-align: center;
	border: 1px solid black;
	margin-top: 5px;
}
#nav a {
	display: block ;
	text-decoration: underline ;
	color: rgb(153,0,0) ;
	padding: 1px;
	margin-top: 5px;
	/*font-weight: bold;*/
}

#nav a:hover {
	background-color: rgb(153,0,0);
	color: rgb(255,247,225);
	text-decoration: none;
	font-style: italic;
}
#nav a:active {
	background-color: rgb(153,0,0);
	color: rgb(255,247,225);
}

#nav a.sub {
	font-size: 0.8em;
	text-indent: 15px;

}


/* This is the 'rest' of the site that uses the above vertical nav bar */
/*#content-indent {margin-left: 140px; border-left: 10px solid rgb(153,0,0);margin-top: 10px; padding: 5px}
#content-indent p {margin: 0 10px 10px 10px; line-height: 130%;}
#content-indent p.new {border-top: 5px solid rgb(153,0,0); padding-top: 10px}
#content-indent table {align:center}
#content-indent td, th {}
#content-indent td {text-align: center ; font-size: 12px }
#content-indent td a {text-decoration: none ; display: block; color: rgb(153,0,0) }
#content-indent td a:hover {background-color: rgb(153,0,0); color: rgb(255,247,225)}*/

#content-indent {margin-left: 140px; border-left: 10px solid rgb(153,0,0);}

/* Typical content for the entire site */
#content {margin-top: 10px; background-color: rgb(255,247,225); padding: 5px;  background-image: url(pix/skin.bmp);} 
/*#content {margin-top: 10px; background-color: rgb(255,247,225); padding: 5px; }*/
#content h1 {font-size: 18px; text-align: center}
#content h2 {font-size: 16px; text-align: center}
#content h3 {font-size: 14px; text-align: center}
#content p {margin: 0 10px 10px 10px; line-height: 160%;}
#content table {border-width:0px; border-collapse: collapse; border-style: none }
#content td, th {border-width: 0px ; border-color: rgb(0,0,0); border-style: inset}
#content td {text-align: center ; font-size: 1em }
#content td a {text-decoration: none ; display: block; color: rgb(153,0,0) }
#content td a:hover {background-color: rgb(153,0,0); color: rgb(255,247,225)}
/*#content img {float: right ;}*/

/* Content that begins a fresh 'section' */
#content hr {color: rgb(153,0,0); }
#content h1.new {border-top: 2px solid rgb(153,0,0); padding-top: 10px; margin-top: 10px; }
#content h2.new {border-top: 2px solid rgb(153,0,0); padding-top: 10px; margin-top: 10px; }
#content h3.new {border-top: 2px solid rgb(153,0,0); padding-top: 10px; margin-top: 10px; }
#content p.new  {border-top: 2px solid rgb(153,0,0); padding-top: 10px; margin-top: 10px; }

/*#fastmain table {width: 100%; margin: 0 auto;}*/
/*#fastmain table td {width: 200px; margin: 0 auto;}*/
/*#fastsub table {width: 400px; margin: 0 auto;}*/
/*#fastquote table {margin: 0 auto;}*/
#fastquote table td {text-align: left; font-size: 0.9em;}
#fastquote label {text-align: right}
#fastquote table th {text-align: center}

#fastquote table.fastmain {width: 100%; margin: 0 auto;}
#fastquote table.fastmain td {width: 400px; margin: 0 auto;}
#fastquote table.fastsub  {margin-left: 20px;}
#fastquote table.fastsub td {width: 180px; margin: 0 auto;}


#calc td.space, th.space {background-color: rgb(153,0,0); }

/* An image gallery for a bunch of thumbnails */
#gallery {margin-top: 5px; background-color: rgb(255,247,225); padding: 10px;  text-align: center;  background-image: url(pix/skin.bmp);}
/*#gallery {margin-top: 5px; background-color: rgb(255,247,225); padding: 10px;  text-align: center; }*/
#gallery img {margin: 3px; border: 1px solid rgb(255,247,225) ; height: 150px}
#gallery img.big { height: 300px; }
#gallery a:hover img {border: 1px solid rgb(153,0,0) }
#gallery.desc {text-align: center; width: 120px; margin: 2px}
#gallery p {}

/* The footer of the site */
#footer {border-top: 10px solid rgb(153,0,0) ; background-color: rgb(255,247,225); padding: 10px; height: 150px; clear: both;  background-image: url(pix/skin.bmp);}
/*#footer {border-top: 10px solid rgb(153,0,0) ; background-color: rgb(255,247,225); padding: 10px; height: 150px; clear: both; }*/

#footer p {text-align: center;}
#footer a {text-decoration: none}
#footer img {border: 0px solid rgb(0,0,0)}

#chart table
{
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: rgb(153,0,0);
	border-collapse: collapse;
	background-color: rgb(255,245,225);
	font-size: 0.8em;
}

#chart tr
{
	background-color: white;
}

#chart tr.shade
{
	background-color: rgb(255,245,225);
}

#chart th
{
	border-width: 1px !important ;
	border-spacing: 2px;
	border-style: outset;
	border-color: black;
	border-collapse: separate;
	background-color: rgb(255,245,225);
}
#chart td
{
	border-width: 1px !important ;
	border-spacing: 2px;
	border-style: outset;
	border-color: black;
	border-collapse: separate;
}

#chart td.f
{

}

#chart td.f16
{
	font-weight: bold;
	color: rgb(153,0,0);
}



#chart td.w
{

}

#chart td.d
{

}

#chart td.m
{
	color: gray;
}

#chart td.t
{

}

#chart td.space, #chart th.space
{
	background-color: rgb(0,0,0) !important;
}

#chart tr.shade
{
	background-color: rgb(255,245,225) ;
}

#chart tr.newshade
{
	background-color: rgb(255,245,225) ;
	border-top: 2px solid black;
}
#chart tr.new
{
	/*background-color: rgb(204,204,204);
	height: 1px !important ;*/
	border-top: 2px solid black;
}

#chart span.npt 
{
font-style: italic;
}

#content th.contact
{
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid black;
}

#content td.contact
{
	text-align: left;
}

}

.pic
{
	text-decoration: none;
	border: none;
	width: 25px;
	height: 25px;
}

.left
{
	text-align: left;
}

@media print {

body {font-family: serif}

#header
{
	border: 0px;
	border-bottom: 1px solid rgb(0,0,0);
}
#navbar {display: none; }
#nav {display: none;}
#content {border: 0px ; border-bottom: 1px solid rgb(0,0,0);}
#content p.new {border-top: 1px solid rgb(0,0,0) ;}
#content h1.new {border-top: 1px solid rgb(0,0,0) ; }
#content hr {}
#footer {border-top: 1px solid rgb(0,0,0) ; display: none;}
#content-indent {margin-left: 0 ; border: none;}
#banner {display: inline ;}
#banner br {font-size: 1px}
#banner h1 {text-align: center;}
#calc input.noprint {display: none ; }
}