body {
				background:#ffffff;
			margin:0; 
			padding:0; 
			border:none;	
			border-spacing:0; 
			border-collapse:collapse;
			z-index:0; 
			background-position:0 200; 
			background-repeat:repeat-x; 
			height:600px;

		}
		@-ms-viewport{
  width: device-width;
}

	td				{font:16px franklin gothic book, calibri, tahoma;	color:black;}
	td.small	{font:10px franklin gothic book, calibri, tahoma;	color:black;}

	h1				{font:34px franklin gothic book, calibri, tahoma;	color:#404040;font-weight:bold; text-decoration:none;}
	h2				{font:24px franklin gothic book, calibri, tahoma;	color:#800000;font-weight:bold; text-decoration:none;}
	h3				{font:24px franklin gothic book, calibri, tahoma;	color:#000000;font-weight:bold; text-decoration:none;}

	a 						{text-decoration:none;}
	a:link				{color:#FFFFFF; text-decoration:none; cursor:hand;}
	a:visited			{color:#FFFFFF; text-decoration:none; cursor:hand;}
	a:hover				{color:#F1BF00; text-decoration:none; cursor:hand;}
	a:active			{color:#F1BF00; text-decoration:none; cursor:hand;}
	
	.prevnext 				{font:16px cambria, century schoolbook, times new roman, sans-serif; color:#6C61A5; font-weight:500; text-decoration:none;}
	.prevnext:link		{font:16px cambria, century schoolbook, times new roman, sans-serif; color:#6C61A5; font-weight:500; text-decoration:none; cursor:hand;}
	.prevnext:visited	{font:16px cambria, century schoolbook, times new roman, sans-serif; color:#6C61A5; font-weight:500; text-decoration:none; cursor:hand;}
	.prevnext:hover		{font:16px cambria, century schoolbook, times new roman, sans-serif; color:#404040; font-weight:500; text-decoration:none; cursor:hand;}
	.prevnext:active	{font:16px cambria, century schoolbook, times new roman, sans-serif; color:#404040; font-weight:500; text-decoration:none; cursor:hand;}
		
	.prevnext3 				{font:20px cambria, century schoolbook, times new roman, sans-serif; color:#F1BF00; font-weight:bold; text-decoration:none;}
	.prevnext3:link		{font:20px cambria, century schoolbook, times new roman, sans-serif; color:#F1BF00; font-weight:bold; text-decoration:none; cursor:hand;}
	.prevnext3:visited	{font:20px cambria, century schoolbook, times new roman, sans-serif; color:#F1BF00; font-weight:bold; text-decoration:none; cursor:hand;}
	.prevnext3:hover		{font:20px cambria, century schoolbook, times new roman, sans-serif; color:#000000; font-weight:bold; text-decoration:none; cursor:hand;}
	.prevnext3:active	{font:20px cambria, century schoolbook, times new roman, sans-serif; color:#000000; font-weight:bold; text-decoration:none; cursor:hand;}

	.prevnext4 					{font:17px cambria, century schoolbook, times new roman, sans-serif; color:#990000; font-weight:bold; text-decoration:none;}
	.prevnext4:link			{font:17px cambria, century schoolbook, times new roman, sans-serif; color:#990000; font-weight:bold; text-decoration:none; cursor:hand;}
	.prevnext4:visited	{font:17px cambria, century schoolbook, times new roman, sans-serif; color:#990000; font-weight:bold; text-decoration:none; cursor:hand;}
	.prevnext4:hover		{font:17px cambria, century schoolbook, times new roman, sans-serif; color:#990000; font-weight:bold; text-decoration:none; cursor:hand;}
	.prevnext4:active		{font:17px cambria, century schoolbook, times new roman, sans-serif; color:#990000; font-weight:bold; text-decoration:none; cursor:hand;}

	.prevnext2 				{font:16px cambria, century schoolbook, times new roman, sans-serif; color:#F1BF00; font-weight:bold; text-decoration:none;}
	.prevnext2:link		{font:16px cambria, century schoolbook, times new roman, sans-serif; color:#F1BF00; font-weight:bold; text-decoration:none; cursor:hand;}
	.prevnext2:visited	{font:16px cambria, century schoolbook, times new roman, sans-serif; color:#F1BF00; font-weight:bold; text-decoration:none; cursor:hand;}
	.prevnext2:hover		{font:16px cambria, century schoolbook, times new roman, sans-serif; color:#ffffff; font-weight:bold; text-decoration:none; cursor:hand;}
	.prevnext2:active	{font:16px cambria, century schoolbook, times new roman, sans-serif; color:#ffffff; font-weight:bold; text-decoration:none; cursor:hand;}
		
	.bottom 					{font:10px cambria, century schoolbook, times new roman, sans-serif; color:#FFFFFF; text-decoration:none; }
	.bottom:link			{font:10px cambria, century schoolbook, times new roman, sans-serif; color:#FFFFFF; text-decoration:none; cursor:hand; }
	.bottom:visited		{font:10px cambria, century schoolbook, times new roman, sans-serif; color:#FFFFFF; text-decoration:none; cursor:hand; }
	.bottom:hover			{font:10px cambria, century schoolbook, times new roman, sans-serif; color:#FFFFFF; text-decoration:none; cursor:hand; }
	.bottom:active		{font:10px cambria, century schoolbook, times new roman, sans-serif; color:#FFFFFF; text-decoration:none; cursor:hand; }	
	
	.partnertext 					{font:22px verdana, franklin gothic book, calibri, tahoma; color:#6C61A5; font-weight:500; text-decoration:none;}
	.partnertext:link			{font:22px verdana, franklin gothic book, calibri, tahoma; color:#6C61A5; font-weight:500; text-decoration:none; cursor:hand;}
	.partnertext:visited	{font:22px verdana, franklin gothic book, calibri, tahoma; color:#6C61A5; font-weight:500; text-decoration:none; cursor:hand;}
	.partnertext:hover		{font:22px verdana, franklin gothic book, calibri, tahoma; color:#404040; font-weight:500; text-decoration:none; cursor:hand;}
	.partnertext:active		{font:22px verdana, franklin gothic book, calibri, tahoma; color:#404040; font-weight:500; text-decoration:none; cursor:hand;}
	
	.colornext 					{font:9px arial, verdana, tahoma; color:#6C61A5; font-weight:600; text-decoration:none;}
	.colornext:link			{font:9px arial, verdana, tahoma; color:#6C61A5; font-weight:600; text-decoration:none; cursor:hand;}
	.colornext:visited	{font:9px arial, verdana, tahoma; color:#6C61A5; font-weight:600; text-decoration:none; cursor:hand;}
	.colornext:hover		{font:9px arial, verdana, tahoma; color:#404040; font-weight:600; text-decoration:none; cursor:hand;}
	.colornext:active		{font:9px arial, verdana, tahoma; color:#404040; font-weight:600; text-decoration:none; cursor:hand;}
	
	.testimonial					{font:16px franklin gothic book, calibri, tahoma;	color:black;font-weight:600; text-decoration:none; cursor:hand;}
	.testimonial:link			{font:16px franklin gothic book, calibri, tahoma;	color:black;font-weight:600; text-decoration:none; cursor:hand;}
	.testimonial:visited	{font:16px franklin gothic book, calibri, tahoma;	color:black;font-weight:600; text-decoration:none; cursor:hand;}
	.testimonial:hover		{font:16px franklin gothic book, calibri, tahoma;	color:black;font-weight:600; text-decoration:none; cursor:hand;}
	.testimonial:active		{font:16px franklin gothic book, calibri, tahoma;	color:black;font-weight:600; text-decoration:none; cursor:hand;}
		
		
	/*controlling some of the variety text in the site*/
	.bottomtext						{font:10px cambria, century schoolbook, times new roman, sans-serif; color:#FFFFFF; text-decoration:none; }
	.bottomtext:link			{font:10px cambria, century schoolbook, times new roman, sans-serif; color:#FFFFFF; text-decoration:none; }
	.bottomtext:visited		{font:10px cambria, century schoolbook, times new roman, sans-serif; color:#FFFFFF; text-decoration:none; }
	.bottomtext:hover			{font:10px cambria, century schoolbook, times new roman, sans-serif; color:#FFFFFF; text-decoration:none; }
	.bottomtext:active		{font:10px cambria, century schoolbook, times new roman, sans-serif; color:#FFFFFF; text-decoration:none; }

	.bordertext 		{font:16px franklin gothic book, calibri, tahoma, sans-serif; color:#000000; font-weight:600; text-decoration:none; border: 4px double #F1BF00;}

	.headertext			{font:9px arial, verdana, tahoma; color:#C0C0C0; text-decoration: none;}
	.availtext			{font:10px arial, verdana, tahoma; color:#404040; font-weight:bold; text-decoration: none;}
	.topcolortext		{font:9px arial, verdana, tahoma; color:#404040; font-weight:bold; text-decoration: none;}
	.tinyurl				{font:2px helvetica, arial, tahoma; color:#303030; text-decoration: none;}
	.producttitle		{font:bold 40px franklin gothic book, calibri, tahoma;	color:#404040;}
	.toptitle				{font:36px verdana, franklin gothic book, calibri, tahoma; font-weight:600; color:#303030; text-decoration:none;}
	.toptitlered		{font:36px verdana, franklin gothic book, calibri, tahoma; font-weight:600;	color:#990000; text-decoration:none;}
	.infotext				{font:14px franklin gothic book, calibri, tahoma; color:#404040; font-weight:bold; text-decoration:none;}
	.infotype				{font:11px franklin gothic book, calibri, tahoma; color:#c0c0c0; font-weight:bold; text-decoration:none;}
	.justtext				{font:16px franklin gothic book, calibri, tahoma; color:#000000; text-decoration: none;}
	.videonotesleft		{font:16px franklin gothic book, calibri, tahoma; font-weight:bold; color:#C0FFFF; text-decoration: none;}
	.videonotesright	{font:16px franklin gothic book, calibri, tahoma; font-weight:bold; color:#FFC0C0; text-decoration: none;}
	.videonotescenter	{font:16px franklin gothic book, calibri, tahoma; font-weight:bold; color:#ffffff; text-decoration: italic;}
	.archivetext			{font:bold 28px verdana, franklin gothic book, calibri, tahoma;	color :#990000;}
	.archive  			{font:bold 28px verdana, franklin gothic book, calibri, tahoma;	color :#990000;}
	.status					{font:bold 28px verdana, franklin gothic book, calibri, tahoma;	color :#990000;}
	.available			{font:28px verdana, franklin gothic book, calibri, tahoma; font-weight:500; color:#000000; text-decoration:none;}
	.unavailable		{font:26px verdana, franklin gothic book, calibri, tahoma; font-weight:500; color:#808080; text-decoration:none;}
	.justlargetext 	{font:bold 27px verdana, franklin gothic book, calibri, tahoma;	color:#FFFFFF;}
	.justbigtext 		{font:bold 24px verdana, franklin gothic book, calibri, tahoma;	color:#E86821;}
	.simplelarge		{font:bold 18px franklin gothic book, calibri, tahoma; color:#FFFFFF;}
	.simplelarge2		{font:bold 18px franklin gothic book, calibri, tahoma; color:#000000;}
	.boldblue				{font:bold 24px franklin gothic book, calibri, tahoma; color:#F1BF00;}
	.location				{font:bold 22px franklin gothic book, calibri, tahoma; color:#404040; text-decoration: none; font-style:italic;}
	.scouttitle			{font:bold 24px franklin gothic book, calibri, tahoma; text-decoration: none; font-style:italic; color:#000080;}
	.simplebold			{font:bold 14px franklin gothic book, calibri, tahoma; color:#404040;}
	
	ul.a {list-style-type: round; color:#FFFFFF;}
	ul {font:16px franklin gothic book, calibri, tahoma; color:#000000; text-decoration:none; font-weight:normal; line-height: 2em;}
	ol {list-style-type:upper-roman;}

		
	hr {
			border: 0;
			height: 1px;
			color: #6C61A5;
			background-color: #6C61A5;
			width:100%;
		}
	
	
	{border:0; width:100%; color:#000000; height:4px;}
	
	/* note that the image rotator does have its own css code right on the index page - this below is used to help control the float with text*/	
	img.floatLeft { 
    float: left; 
    margin: 4px; 
	}
	
	img.floatRight { 
    float: right; 
    margin: 4px; 
	}
		
	/*controlling some of the space around images - especially on home page*/
	.imageright	{
		padding-top:0px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;
	}
	
	.imageleft {
		padding-top:0px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;
	}
		
	.imagecenter {
		padding-top:0px;
		padding-bottom:0px;
		padding-right:0px;
		padding-left:0px;
	}

	#t1 { 
		width:100%;
		height:100px;
		background: #202020;
		vertical-align:top;
		}
	
	.t1 { 
		width:100%;
		height:100px;
		background: #202020;
		vertical-align:top;
		}

	/* standard table setup*/
	table.normal	{
		width:100%;
		border:none;
		border-collapse:collapse;
		border-spacing:0px;
		margin:0px;
		padding:0px;
	}
	table.normal	td	{
		vertical-align:top;
		text-align:left;
	}
	
	/* top advertising table setup*/
	table.topad	{
		background-color: #F1BF00;
		width:100%;
		border:none;
		border-collapse:collapse;
		border-spacing:0px;
		margin:0px;
		padding:0px;
	}
	table.topad	td	{
		vertical-align:top;
		text-align:center;
	}
	
	#toprowspacer {
		width:100%;
	  background-color:#F1BF00;
	  height:3px;
	}
	
	.toprowspacer {
		width:100%;
	  background-color:#F1BF00;
	  height:3px;
	}
	
	/* the colored row at the very top edge of the screen*/
 	#topedgerow {
		background-color:#F1BF00;
		width:100%;
		height:16px;
	}
	
	.topedgerow {
		background-color:#F1BF00;
		width:100%;
		height:16px;
	}
	
	/* the 2nd colored row just under the very top edge row */
 	#topsecondrow {
		background-color:#F1BF00;
		width:100%;
		height:5px;
	}
	
	.topsecondrow {
		background-color:#F1BF00;
		width:100%;
		height:5px;
	}
	
	/* this handles the top nav menu when it's dynamically driven by CMSUltima*/
	table.navtable	{
		width:auto;
		border:0px ;
		padding:0px; 
		margin-left:auto; 
    margin-right:auto;
	}
	
	table.navtable	td	{
		vertical-align:middle;
		text-align:center;
	}
	#topfix{
	background-color:#202020;
  width: 100%;
	}

	#topnav ul {
		padding:0px;
		list-style-type:none;
		vertical-align:middle;
		width:100%;
		margin:auto;
	}
	
	#topnav li,
	#topnav li a {
		list-style:none;
		float:left;
		margin: 0 0 0 4px;
		padding: 0px 2px;
		font-family: copperplate gothic bold,cambria, century schoolbook, times new roman, sans-serif;
		font-size:16px;
		font-weight:500;
		color:#6C61A5;
		background:none;
		text-shadow: 1 1px 0px #c0c0c0;
		-webkit-border-radius:12px;
		-moz-border-radius:12px;
		border-radius:12px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}

	#topnav li a:hover,
	#topnav li a:focus {
		color:#ffffff;
		background:#6C61A5;
		text-decoration:none;
		cursor:hand;
	}
	

	/* end temp info from other css */
	#productnav,
	#productnav li a {
		list-style:none;
		float:center;
		margin: 0 0 0 0px;
		padding: 2px 2px;
		font-family:calibri, verdana, franklin gothic book, tahoma;
		font-size:16px;
		font-weight:500;
		color:#F1BF00;
		background:#000000;
		text-shadow: 1 1px 0px #c0c0c0;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		-o-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;
	}

	#productnav li a:hover,
	#productnav li a:focus {
		color:#000000;
		background:#FFFFFF;
		text-decoration:none;
		cursor:hand;
	}

#productnav li ul {
		padding:0px;
		list-style-type:none;
		vertical-align:bottom;
		width:100%;
		margin:auto;
	}
	
#productinfo_form fieldset {
    width: 100%;
    padding: 2px 10px 10px 10px;
    color:#000000;
    border:2px solid;
    border-color:#6C61A5;
}

#productinfo_form legend {
    font-family:calibri, franklin gothic book, tahoma;
		font-size:16px;
		font-weight:bold;
		color:#F1BF00;
}
#productinfo_form input {
    width: 190px;
}
#productinfo_form input[type=submit] {
    margin-top: 3px;
    width: auto;
}

	.tablespacer {
		padding:0px;
		height:6px;
		list-style-type:none;
		vertical-align: middle;
		width: 100%;
		margin: auto;
	}
	
	/* the colored row just below the menu row*/
 	#belowmenurow {
		background-color:#F1BF00;
		width:100%;
		height:16px;
	}
	
	.belowmenurow {
		background-color:#F1BF00;
		width:100%;
		height:16px;
	}
	
	/* if uncommented here, and id and class added to the main php docs, then this controls the table that the entire page rests within, for supreme size and border control I am using local table commands...more effective than divs at this point in time
	table.mastertable	{
		background-color:#FFFFFF;
		width:100%;
		border:none;
		border-collapse:collapse;
		border-spacing:0px;
		margin: 0px;
		padding: 0px;
	}
		
	table.mastertable	td	{
		vertical-align:top;
		text-align:left;
	}
	*/
	
	 /* this is the table, usually white, where the bulk of the site's delivered content from CMS Ultima ends up on each page */

	
	table.displayrecordtable	{
		background-color:#ffffff;
		color:#000000;
		width:98%;
		border:none;
		border-collapse:collapse;
		border-spacing:0px;
		margin:0px 25px 0px 0px;
		padding:0px;
		z-index:10; 
	}
	
	table.displayrecordtable	td	{
		vertical-align:top;
		text-align:left;
		font-size: 18px;
		font-weight:normal;
		color:#000000;
		padding:10px;
	}
	
	table.productslist  {
		width:100%;
		vertical-align:top; 
		text-align:center;
	}
	
	table.productslist td {
		height:270px;
		vertical-align:top; 
		text-align:center;
	}
	
	table.products1 td {
		height:250px;
		vertical-align:top; 
		text-align:center;
	}
	
	table.products2 td {
		height:16px;
		vertical-align:top; 
		text-align:center;
	}
	
	#bottomlogos{
	background-color:#c0c0c0;
  width: 100%;

}

#bookmark{
	background-color:#ffffff;
  width: 100%;
  vertical-align:bottom;
  text-align:center;

}
	
	
	/* the normalspacercell controls the extra space - yes, like a margin - on each side of the displayrecordtable*/
	.normalspacercell {width:4px;}
	#normalspacercell {width:4px;}
	
	
	
	 /* controls the colorization and aspects of the bottom tabled area, with bottom menu*/
	table.bottomarea	{
		width:100%;
		border:none;
		border-collapse:collapse;
		border-spacing:0px;
		margin:0px;
		padding:0px;
		background:#202020;
	}

	table.bottomarea	td	{
		vertical-align:bottom;
		text-align:center;
	}
	
	#bottomspacer {
		width:100%;
	  background-color:#F1BF00;
	  height:3px;
	}
	
	.bottomspacer {
		width:100%;
	  background-color:#F1BF00;
	  height:3px;
	}
	
	 /*this controls the table row that the bottommenu.php sits in */
	tr#bottommenurow {
		width:100%;
		vertical-align:middle;
		text-align:center;
	  background-color:#202020;
	}
	
	tr.bottommenurow {
		width:100%;
		vertical-align:middle;
		text-align:center;
	  background-color:#202020;
	}
	
	td#bottommenucell {
		vertical-align:middle;
		text-align:center;
	  background-color:#202020;
	}
	
	td.bottommenucell {
		vertical-align:middle;
		text-align:center;
	  background-color:#202020;
	}
	
	/* this handles the top nav menu when it's dynamically driven by CMSUltima*/
	table.bottomnavtable	{
		width:100%;
		height:100%;
		background-color:#202020;
		border:0px ;
		padding:0px;
		border-collapse:collapse;
		border-spacing:0px;
		margin-left:auto; 
    margin-right:auto;
    vertical-align:middle;
		text-align:center;
	}
	
	table.bottomnavtable	td	{
		vertical-align:middle;
		text-align:center;
	}
	
	#bottomnav ul {
		padding:0px;
		list-style-type:none;
		vertical-align:middle;
		text-align:center;
		width:100%;
		margin:auto;
	}
	
	#bottomnav li,
	#bottomnav li a {
		list-style:none;
		float:left;
		margin: 6 6 6 6px;
		padding: 0px 6px;
		font-family: cambria, century schoolbook, times new roman, sans-serif;
		font-size:10px;
		font-weight:500;
		color:#FFFFFF;
		background:none;
		text-shadow: 1 1px 0px #c0c0c0;
		-webkit-border-radius:16px;
		-moz-border-radius:16px;
		border-radius:16px;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}

	#bottomnav li a:hover,
	#bottomnav li a:focus {
		color:#ffffff;
		background:#6C61A5;
		text-decoration:none;
		cursor:hand;
	}
	

/*the series of code below this line are purely for the lightbox effect for images */
#lightbox{position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img{width:auto; height:auto;}
#lightbox a img{border:none; }

#outerImageContainer{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer{padding:10px;}

#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}

#prevLink, #nextLink{width:49%; height:100%; background-image:url(data:images/gif;base64,AAAA); /* Trick IE into showing hover */ display:block; }
#prevLink {left:0; float:left;}
#nextLink {right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(../images/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}

#imageData{padding:0 10px; color:#666;}
#imageData #imageDetails{width:70%; float:left; text-align:left;}	
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}			
#imageData #bottomNavClose{width:66px; float:right;  padding-bottom:0.7em; outline:none;}	 	

#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000;}
 /*end lightbox effects */