body {text-align: center; /* Center align for IE */ background-image: url(graphics/);
		font-family: Arial, Helvetica, sans-serif; font-size: small; color: black; 
		background-color: darkred; background-image: url(graphics/00reddiamondbg.gif);}

.full {width:100%; height:100%; margin:0px; padding:0px; border:0px; 
		border-spacing: 0px;} /*need both of these, plus if statement in html files to make all browsers collapse tables*/

/*order of tables is:
fullwindowtable 
	containertable 
			logobordertable
				contenttable
*/

/*
.betterbg {background-color: darkred; background-image: url(graphics/00reddiamondbg.gif);}
*/

/*container for main content- does not include bg stuff*/
.containerleft { width:28%;}
.containermiddle {position:relative; top:0px; min-width:400px; max-width:1000px; height:100%; padding:0px;
				margin: 0 auto; /* Center align for Good browsers like Firefox, Opera, Netscape */
				text-align: left; border-bottom: 1px solid gray;}
.containerright { width:30%;}

.toppad {height: 95px;}

/*1st row of logotable */
.logo_topleftcorner { height: 28px; }
.logo_topmiddle { min-height: 28px; background-image: url(graphics/00salogoline.gif);}
.logo_toprightcorner { height: 28px;}

/*2nd row of logotable, contentbg is in the tr tag for next row; gives the bg color behind container, avoids gaps between columns*/
.contentbg {background-color: #fefefe; background-image: url(graphics/00snowbg.jpg);} 
	.logo_leftline { min-width:28px; height:100%; background-image: url(graphics/00salogoline_left.gif)}
	.contentpadding { min-width:40px; max-width:30%; }
	.contenttable { position:relative; top:-1px; min-width:800px; max-widthxxx:800px; height:100%; padding:0px;
				margin: 0 auto; /* Center align for Good browsers like Firefox, Opera, Netscape */
				text-align: left; overflow:visible; }
	/* another contentpadding td */
	.logo_rightline { min-width:26px; height:100%; background-image: url(graphics/00salogoline_right.gif)}
	
/*3rd row of logotable, actually positioned above top row and z-indexed on top to complete the border, necessary hack for firefox table-collapse bug */
.logoleftcornerfix {position:absolute; top:81px; margin-left:-1px;}
.salogofix {position:absolute; top:81px; margin-left:-3px;}
.logorightcornerfix {position:absolute; top:81px; margin-left:-1px;}
/*4th row of logotable, actually positioned above top row and z-indexed on top to complete the border, necessary hack for firefox table-collapse bug */
.logotopmiddlelinefix   { min-height: 50px; background-image: url(graphics/00salogoline.gif);}

/*this is no longer being used 
.logoleftlinefix {position:absolute; top:137px; margin-left:-1px; width:28px; height:15px; background-image: url(graphics/00salogoline_left.gif)}
.contentbgfix  {position:relative; top:-30px;  width:100%;  height:20px; background-color: #d9d9da; background-image: url(graphics/00snowbg.jpg);} 
.logorightlinefix {position:absolute; top:137px; margin-left:-1px; width:28px; height:15px; background-image: url(graphics/00salogoline_right.gif)}
*/

	.header {margin-top: 10px;}
		.tagline { right: 30px; font-family: Georgia, "Times New Roman", Times, serif; font-size: x-large; 
			font-style: italic; font-weight: bold; color: black; text-align: right;}
		.topphoneemail { right: 30px; font-family: Arial, Helvetica, sans-serif; font-size: x-small; 
			font-weight: bold; color: black; text-align:right;}
		.topbanner {width:100%; max-width:1500px; height:200px; margin-top: 10px;  padding:0px; border:1px solid pink; 
			border-bottom: 3px solid white; background-image: url(graphics/00banner.jpg)}
			.topbanner4index {width:100%; max-width:1500px; height:200px; margin-top: 10px;  padding:0px; border:; 
			border-bottom: 3px solid white; background-image: url(graphics/)}
			.panandzoombanner {background-image: url(graphics/);}
		.happyseason {font-family: Georgia, "Times New Roman", Times, serif; font-size: 40px; font-style: italic; font-weight: bold; 
			color: white; padding:10px; padding-top:140px; right: 30px; text-align:right;
			/*this is for the shadow*/
				-moz-box-shadow: 3px 3px 4px #000;   
				-webkit-box-shadow: 3px 3px 4px #000;    
				box-shadow: 3px 3px 4px #000;    
				/* For IE 8 */   
				-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";    
				/* For IE 5.5 - 7 */  
				filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');}
		.headerlinks { margin-top:-30px; width:100%; min-width:450px; text-align:center;
				font-family: Arial, Helvetica, sans-serif;  font-size: x-large; font-weight: bolder; padding:10px 1px 10px 1px;}
		.linkbutton {background-image:    url(graphics/00metalhoriz.gif); padding: 10px 20px 10px 20px; 
				border-left: 1px solid gray; border-right: 1px solid gray;}
		.headerlinkbutton {font-size:medium;}

/* pre bigger 12/11
		.headerlinks { margin-top:-30px; width:100%; min-width:450px; text-align:center;
				font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: bolder; padding:10px;}
			.linkbutton {background-image:    url(graphics/00metalhoriz.gif); padding: 1px 3px 5px 3px; 
				border-left: 1px solid gray; border-right: 1px solid gray;}
*/
		.special {color: red; text-align:center; padding: 0px 20px 20px 20px;}	
		.postheaderpad {height:50px;}


/*this is a table with negative z-index, to put background behind main tables*/
.bgstuff {position:absolute; top:0px; height:100%; padding:0px; width:100%;
				margin: 0 auto; /* Center align for Good browsers like Firefox, Opera, Netscape */
				text-align: center; }
	.leftoutercol  { width:30%;}
	.rightoutercol { width:30%;}
	.leftinnercol  {width:10px; }
	.rightinnercol {width:10px; }
	.leftinnerspacecol  {min-width:20px; max-width:30%; }
	.rightinnerspacecol {min-width:20px; max-width:30%; }
		.bgmiddle  {height:300%;}/*vertical middle section of bg, below top bg picture, behind main content */
			.bgmiddlegraphic {background-color: darkred; background-image: url(graphics/00reddiamondbg.gif); width:1250px; height:100%; overflow:hidden;}
		.bginnercol  {width:10px; background-color: white;} /*the little line around the edge*/
		.bgoutercol  {width: 50%;}
				.endofbgmiddle {background-image: url(graphics/);} /*bottom section of bg, usually graphic height is specified on this line as 298px*/
				


/*old
	.logotopbox {position:relative; top:-50px; padding:0px;  border:0px; border-collapse: collapse;}
	 .toplogo { width:100%; height:59px; margin:0px; padding:0px; border:0px; border-collapse: collapse;}
		.logo {position:relative; left:-3px; width:343px; height:59px; background-image: url(graphics/00salogo.gif)}
		.logoline {height:59px; position:relative; background-image: url(graphics/00salogoline.gif)}
		.logoupperleft {width:28px; height:59px; background-image: url(graphics/00salogoline_ul.gif)}
		.logoupperright {width:28px;  height:59px; background-image: url(graphics/00salogoline_ur.gif)}
		.logoleftcol {position:absolute; top:97px; margin-left:-3px; min-width:28px; height:300%; background-image: url(graphics/00salogoline_left.gif)}
		.logorightcol {position:relative; top:-115px; min-width:28px; height:150%; background-image: url(graphics/00salogoline_right.gif)}
		.logobgline {height:59px; position:relative; top:-61px; left:20px; background-image: url(graphics/00salogoline.gif)}
		.logobglinerightpad {width:42px;} */

		
	

				

.pagemiddle {position:relative;  width:100%; height:100%; border:0px; border-collapse: collapse;}
	.minorcontent {width:25%; height:100%;text-align:center; }
		.indexsublinks {min-width:204px;}
		.leftlinkspace {width:5px;}
		.calligraphylinksheader {font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; color: black}
		.otherartlinksheader {font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; color: black}
	.middlepadding {width:5%; min-width:10px; height:100%;}
	.majorcontent {width:70%; min-width:240px; height:100%; }
		.pageheader {font-family: Georgia, "Times New Roman", Times, serif; font-size: x-large; font-style: italic; font-weight: bold;
					color: black; text-align:center; padding: 0px 20px 20px 20px;}
		.samples {border: 1px solid gray; padding:20px; margin-top:20px; text-align:center;}
		.block1 {border: 1px solid gray; border-top: 3px solid white; padding:20px; margin-top:20px; text-align:center;}		
		.block2 { padding:20px; margin-top:20px; text-align:center;}
		.blockstart {font-family: Georgia, "Times New Roman", Times, serif; font-size: xx-large; font-style: italic; font-weight: bold;}
		
		.caption {text-align: center; max-width: 500px;}
		.text {border: 1px solid gray; padding:20px; margin-top:20px; text-align:left; min-width:200px; max-width: 500px;}
		.innertext {text-align:left; min-width:200px; max-width: 500px; margin: 0 auto;}
		.heading {font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bolder; 
				border-bottom: 2px solid black;}
.footer {width:100%; height:100%; min-height:100px; position:relative; top:100px; padding-bottom: 120px;
		text-align:center; border-top: 1px solid gray;}
	.phoneemail {  font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold; color: black}
	.marquee {font-style: italic;}
	.externallinkbox {margin-top: 50px; padding: 10px; padding-bottom: 20px; border-top: 1px solid gray; text-align:center; }
	.externallink {float:left; padding:10px;}
	.extclearer {clear: both; height:1px;}
	.footerlinkbutton {background-image:    url(graphics/00metalhoriz.gif); padding: 5px; 
				border-left: 1px solid gray; border-right: 1px solid gray;}
	
	
.bottomcopyright {color: white; margin-top:30px; padding-bottom: 30px;}
	
.footerlinks { width:100%; min-width:400px; text-align:center;
				font-family: Arial, Helvetica, sans-serif; font-size: small; font-weight: bolder; padding:10px;}


	 
	 
a:link {color: black; font-size: small; font-family: Arial, Helvetica, sans-serif;}
a:visited {color: black; font-size: small; font-family: Arial, Helvetica, sans-serif;}
a:hover {color: red; font-size: small; font-family: Arial, Helvetica, sans-serif;}
img {border:0px}
.xs1 {font-size: x-small; font-weight: bold;}
.xs2 {font-size: x-small; font-weight: bold; color: #FF0000;}
.m1 {font-size: medium; font-weight: bold; }
.m2 {font-size: medium; font-weight: bold; color: #FF0000; }
.superbig {font-size: xx-large; font-weight: bold; }


.ratetable {text-align: center; width:100%; font-size: small;}


/*protofade classes slideshow begin*/


img { border:none; }
ul,li { margin:0; padding:0; list-style-type:none; }
:focus { outline: none; }


/* protofade */
#slider-container, #slider-container2, #slider-container3, #slider-container4 { width:200px; margin:0 auto 0px auto;border: }
#protofade, #protofade2, #protofade3, #protofade4 { position:relative; margin:0; padding:0px; width:200px; height:340px; overflow:hidden; }

#slider-container, #slider-container2 { border: 1px solid #CCCCCC; }
#protofade3, #protofade4 { border: 1px solid #CCCCCC; }

#slider-container4, #protofade4 { height:190px; }



#protofade li, #protofade2 li, #protofade3 li { position:absolute; top:0; left:0; margin:0; padding:0; background:none;}
#protofade4 div { position:absolute; top:0; left:0; margin:0; padding:10px; background:none; text-align:left}

.next, .previous, .start, .stop { cursor:pointer; display:block; margin:5px 15px 15px 15px; float:left; }
/* end protofade */
/*protofade classes slideshow end*/

/*begin panandzoom*/
#panandzoom {
  width: 600px;
  height: 200px;
}

/*end panandzoom*/